@alfalab/core-components-picker-button 8.2.3 → 8.2.6

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 (61) hide show
  1. package/Component.d.ts +1 -1
  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 +1 -1
  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-7d13aca1.d.ts → typings-0c26e5eb.d.ts} +18 -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-d5643acc.d.ts → tslib.es6-b4c74503.d.ts} +0 -0
  33. package/esm/{tslib.es6-d5643acc.js → tslib.es6-b4c74503.js} +0 -0
  34. package/{modern/typings-7d13aca1.d.ts → esm/typings-0c26e5eb.d.ts} +18 -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/{typings-7d13aca1.d.ts → modern/typings-0c26e5eb.d.ts} +18 -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-77ab672a.d.ts → tslib.es6-43b11d69.d.ts} +0 -0
  60. package/{tslib.es6-77ab672a.js → tslib.es6-43b11d69.js} +0 -0
  61. package/{esm/typings-7d13aca1.d.ts → typings-0c26e5eb.d.ts} +18 -0
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, "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/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-77ab672a.js');
5
+ var tslib_es6 = require('./tslib.es6-43b11d69.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_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
23
+ var styles = {"container":"picker-button__container_9ltw7","optionsPopover":"picker-button__optionsPopover_9ltw7","sideGap":"picker-button__sideGap_9ltw7","optionsListContainer":"picker-button__optionsListContainer_9ltw7","option":"picker-button__option_9ltw7"};
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, "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/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-77ab672a.js');
5
+ var tslib_es6 = require('./tslib.es6-43b11d69.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,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/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-77ab672a.js');
5
+ var tslib_es6 = require('./tslib.es6-43b11d69.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-7d13aca1";
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-7d13aca1";
4
- import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
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-7d13aca1.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;
@@ -493,6 +503,10 @@ type BaseSelectProps = {
493
503
  * Лейбл поля
494
504
  */
495
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
496
510
  /**
497
511
  * Плейсхолдер поля
498
512
  */
@@ -658,6 +672,10 @@ type FieldProps = {
658
672
  * Лейбл поля
659
673
  */
660
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
661
679
  /**
662
680
  * Плейсхолдер поля
663
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-77ab672a.js');
5
+ require('./tslib.es6-43b11d69.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-d5643acc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b4c74503.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_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
14
+ var styles = {"container":"picker-button__container_9ltw7","optionsPopover":"picker-button__optionsPopover_9ltw7","sideGap":"picker-button__sideGap_9ltw7","optionsListContainer":"picker-button__optionsListContainer_9ltw7","option":"picker-button__option_9ltw7"};
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-d5643acc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b4c74503.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-d5643acc.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b4c74503.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-d5643acc.js';
1
+ import './tslib.es6-b4c74503.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-7d13aca1";
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-d5643acc.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-b4c74503.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_1snhs","open":"picker-button__open_1snhs"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_dyfrt","open":"picker-button__open_dyfrt"};
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: cnuqk */
1
+ /* hash: mnipv */
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_1snhs {
13
+ .picker-button__iconContainer_dyfrt {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1snhs {
17
+ .picker-button__open_dyfrt {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/esm/field/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-d5643acc.js';
1
+ import '../tslib.es6-b4c74503.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: 185ao */
1
+ /* hash: 1itay */
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_txvx3 {
17
+ .picker-button__container_9ltw7 {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_txvx3 {
20
+ .cc-picker-button.picker-button__optionsPopover_9ltw7 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
23
+ .cc-picker-button.picker-button__optionsPopover_9ltw7.picker-button__sideGap_9ltw7 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_txvx3 {
26
+ .cc-picker-button .picker-button__optionsListContainer_9ltw7 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_txvx3 {
29
+ .cc-picker-button .picker-button__option_9ltw7 {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-d5643acc.js';
1
+ import './tslib.es6-b4c74503.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-d5643acc.js';
1
+ import './tslib.es6-b4c74503.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-7d13aca1";
4
- import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
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-d5643acc.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-b4c74503.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_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
5
+ var styles = {"container":"picker-button__container_1msp9","icon":"picker-button__icon_1msp9","content":"picker-button__content_1msp9"};
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: b2neq */
1
+ /* hash: 199yu */
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_1jrdm {
13
+ .picker-button__container_1msp9 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1jrdm {
17
+ .picker-button__icon_1msp9 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1jrdm {
21
+ .picker-button__content_1msp9 {
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-d5643acc.js';
1
+ import '../tslib.es6-b4c74503.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  export { Option } from './Component.js';
package/{modern/typings-7d13aca1.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;
@@ -493,6 +503,10 @@ type BaseSelectProps = {
493
503
  * Лейбл поля
494
504
  */
495
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
496
510
  /**
497
511
  * Плейсхолдер поля
498
512
  */
@@ -658,6 +672,10 @@ type FieldProps = {
658
672
  * Лейбл поля
659
673
  */
660
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
661
679
  /**
662
680
  * Плейсхолдер поля
663
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-7d13aca1";
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-77ab672a.js');
5
+ var tslib_es6 = require('../tslib.es6-43b11d69.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_1snhs","open":"picker-button__open_1snhs"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_dyfrt","open":"picker-button__open_dyfrt"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: cnuqk */
1
+ /* hash: mnipv */
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_1snhs {
13
+ .picker-button__iconContainer_dyfrt {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1snhs {
17
+ .picker-button__open_dyfrt {
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-77ab672a.js');
5
+ require('../tslib.es6-43b11d69.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: 185ao */
1
+ /* hash: 1itay */
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_txvx3 {
17
+ .picker-button__container_9ltw7 {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_txvx3 {
20
+ .cc-picker-button.picker-button__optionsPopover_9ltw7 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
23
+ .cc-picker-button.picker-button__optionsPopover_9ltw7.picker-button__sideGap_9ltw7 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_txvx3 {
26
+ .cc-picker-button .picker-button__optionsListContainer_9ltw7 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_txvx3 {
29
+ .cc-picker-button .picker-button__option_9ltw7 {
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-77ab672a.js');
5
+ require('./tslib.es6-43b11d69.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-77ab672a.js');
5
+ require('./tslib.es6-43b11d69.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_txvx3","optionsPopover":"picker-button__optionsPopover_txvx3","sideGap":"picker-button__sideGap_txvx3","optionsListContainer":"picker-button__optionsListContainer_txvx3","option":"picker-button__option_txvx3"};
13
+ var styles = {"container":"picker-button__container_9ltw7","optionsPopover":"picker-button__optionsPopover_9ltw7","sideGap":"picker-button__sideGap_9ltw7","optionsListContainer":"picker-button__optionsListContainer_9ltw7","option":"picker-button__option_9ltw7"};
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-7d13aca1";
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_1snhs","open":"picker-button__open_1snhs"};
10
+ var styles = {"iconContainer":"picker-button__iconContainer_dyfrt","open":"picker-button__open_dyfrt"};
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: cnuqk */
1
+ /* hash: mnipv */
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_1snhs {
13
+ .picker-button__iconContainer_dyfrt {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_1snhs {
17
+ .picker-button__open_dyfrt {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 185ao */
1
+ /* hash: 1itay */
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_txvx3 {
17
+ .picker-button__container_9ltw7 {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_txvx3 {
20
+ .cc-picker-button.picker-button__optionsPopover_9ltw7 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_txvx3.picker-button__sideGap_txvx3 {
23
+ .cc-picker-button.picker-button__optionsPopover_9ltw7.picker-button__sideGap_9ltw7 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_txvx3 {
26
+ .cc-picker-button .picker-button__optionsListContainer_9ltw7 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_txvx3 {
29
+ .cc-picker-button .picker-button__option_9ltw7 {
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-7d13aca1";
4
- import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
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_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
4
+ var styles = {"container":"picker-button__container_1msp9","icon":"picker-button__icon_1msp9","content":"picker-button__content_1msp9"};
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: b2neq */
1
+ /* hash: 199yu */
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_1jrdm {
13
+ .picker-button__container_1msp9 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1jrdm {
17
+ .picker-button__icon_1msp9 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1jrdm {
21
+ .picker-button__content_1msp9 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
package/{typings-7d13aca1.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;
@@ -493,6 +503,10 @@ type BaseSelectProps = {
493
503
  * Лейбл поля
494
504
  */
495
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
496
510
  /**
497
511
  * Плейсхолдер поля
498
512
  */
@@ -658,6 +672,10 @@ type FieldProps = {
658
672
  * Лейбл поля
659
673
  */
660
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
661
679
  /**
662
680
  * Плейсхолдер поля
663
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-7d13aca1";
4
- import { OptionProps as BaseOptionProps } from "../typings-7d13aca1";
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-77ab672a.js');
5
+ var tslib_es6 = require('../tslib.es6-43b11d69.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_1jrdm","icon":"picker-button__icon_1jrdm","content":"picker-button__content_1jrdm"};
13
+ var styles = {"container":"picker-button__container_1msp9","icon":"picker-button__icon_1msp9","content":"picker-button__content_1msp9"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: b2neq */
1
+ /* hash: 199yu */
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_1jrdm {
13
+ .picker-button__container_1msp9 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1jrdm {
17
+ .picker-button__icon_1msp9 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1jrdm {
21
+ .picker-button__content_1msp9 {
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-77ab672a.js');
5
+ require('../tslib.es6-43b11d69.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.3",
3
+ "version": "8.2.6",
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.3.1",
21
+ "@alfalab/core-components-button": "^6.1.1",
22
+ "@alfalab/core-components-select": "^12.4.2",
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-77ab672a.js → tslib.es6-43b11d69.js} RENAMED
File without changes
package/{esm/typings-7d13aca1.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;
@@ -493,6 +503,10 @@ type BaseSelectProps = {
493
503
  * Лейбл поля
494
504
  */
495
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
496
510
  /**
497
511
  * Плейсхолдер поля
498
512
  */
@@ -658,6 +672,10 @@ type FieldProps = {
658
672
  * Лейбл поля
659
673
  */
660
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
661
679
  /**
662
680
  * Плейсхолдер поля
663
681
  */