@alfalab/core-components-picker-button 11.1.5 → 11.1.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 (43) hide show
  1. package/Component.desktop.js +1 -1
  2. package/cssm/index-72308007.d.ts +54 -0
  3. package/cssm/index-c76d6398.d.ts +1 -1
  4. package/cssm/index-f12ee135.d.ts +1 -1
  5. package/esm/Component.desktop.js +1 -1
  6. package/esm/field/Component.js +1 -1
  7. package/esm/field/index.css +6 -6
  8. package/esm/index-72308007.d.ts +54 -0
  9. package/esm/index-c76d6398.d.ts +1 -1
  10. package/esm/index-f12ee135.d.ts +1 -1
  11. package/esm/index.css +5 -5
  12. package/esm/option/Component.js +1 -1
  13. package/esm/option/index.css +4 -4
  14. package/field/Component.js +1 -1
  15. package/field/index.css +6 -6
  16. package/index-72308007.d.ts +54 -0
  17. package/index-c76d6398.d.ts +1 -1
  18. package/index-f12ee135.d.ts +1 -1
  19. package/index.css +5 -5
  20. package/modern/Component.desktop.js +1 -1
  21. package/modern/field/Component.js +1 -1
  22. package/modern/field/index.css +6 -6
  23. package/modern/index-72308007.d.ts +54 -0
  24. package/modern/index-c76d6398.d.ts +1 -1
  25. package/modern/index-f12ee135.d.ts +1 -1
  26. package/modern/index.css +5 -5
  27. package/modern/option/Component.js +1 -1
  28. package/modern/option/index.css +4 -4
  29. package/option/Component.js +1 -1
  30. package/option/index.css +4 -4
  31. package/package.json +3 -3
  32. package/cssm/index-1a4fbd11.d.ts +0 -22
  33. package/esm/index-1a4fbd11.d.ts +0 -22
  34. package/index-1a4fbd11.d.ts +0 -22
  35. package/modern/index-1a4fbd11.d.ts +0 -22
  36. /package/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  37. /package/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  38. /package/cssm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  39. /package/cssm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  40. /package/esm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  41. /package/esm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  42. /package/modern/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  43. /package/modern/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_an5lv","optionsPopover":"picker-button__optionsPopover_an5lv","sideGap":"picker-button__sideGap_an5lv","option":"picker-button__option_an5lv"};
23
+ var styles = {"container":"picker-button__container_j1e6c","optionsPopover":"picker-button__optionsPopover_j1e6c","sideGap":"picker-button__sideGap_j1e6c","option":"picker-button__option_j1e6c"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
11
11
  import '@alfalab/icons-glyph/MoreMIcon';
12
12
  import '@alfalab/icons-glyph/MoreSIcon';
13
13
 
14
- var styles = {"container":"picker-button__container_an5lv","optionsPopover":"picker-button__optionsPopover_an5lv","sideGap":"picker-button__sideGap_an5lv","option":"picker-button__option_an5lv"};
14
+ var styles = {"container":"picker-button__container_j1e6c","optionsPopover":"picker-button__optionsPopover_j1e6c","sideGap":"picker-button__sideGap_j1e6c","option":"picker-button__option_j1e6c"};
15
15
  require('./index.css')
16
16
 
17
17
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
8
8
  import '@alfalab/icons-glyph/MoreMIcon';
9
9
  import '@alfalab/icons-glyph/MoreSIcon';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_w6yyy","addonsContainer":"picker-button__addonsContainer_w6yyy","showControlIcon":"picker-button__showControlIcon_w6yyy","open":"picker-button__open_w6yyy","linkOpen":"picker-button__linkOpen_w6yyy"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_brxpd","addonsContainer":"picker-button__addonsContainer_brxpd","showControlIcon":"picker-button__showControlIcon_brxpd","open":"picker-button__open_brxpd","linkOpen":"picker-button__linkOpen_brxpd"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: hzlg0 */
1
+ /* hash: 13pd8 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_w6yyy {
20
+ } .picker-button__iconContainer_brxpd {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_w6yyy {
23
+ } .picker-button__addonsContainer_brxpd {
24
24
  display: flex
25
- } .picker-button__addonsContainer_w6yyy.picker-button__showControlIcon_w6yyy {
25
+ } .picker-button__addonsContainer_brxpd.picker-button__showControlIcon_brxpd {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_w6yyy {
27
+ } .picker-button__open_brxpd {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_w6yyy:not(:hover) {
29
+ } .picker-button__linkOpen_brxpd:not(:hover) {
30
30
  background-color: var(--color-light-specialbg-secondary-transparent);
31
31
  }
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l9udy */
1
+ /* hash: 1350g */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_an5lv {
19
+ } .picker-button__container_j1e6c {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_an5lv.picker-button__sideGap_an5lv {
21
+ } .cc-picker-button.picker-button__optionsPopover_j1e6c.picker-button__sideGap_j1e6c {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_an5lv {
23
+ } .cc-picker-button .picker-button__option_j1e6c {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_an5lv:before {
25
+ } .cc-picker-button .picker-button__option_j1e6c:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
4
4
 
5
- var styles = {"container":"picker-button__container_d2xz0","icon":"picker-button__icon_d2xz0","content":"picker-button__content_d2xz0"};
5
+ var styles = {"container":"picker-button__container_8rbig","icon":"picker-button__icon_8rbig","content":"picker-button__content_8rbig"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1o6dd */
1
+ /* hash: 70fe3 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_d2xz0 {
18
+ } .picker-button__container_8rbig {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_d2xz0 {
21
+ } .picker-button__icon_8rbig {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_d2xz0 {
24
+ } .picker-button__content_8rbig {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_w6yyy","addonsContainer":"picker-button__addonsContainer_w6yyy","showControlIcon":"picker-button__showControlIcon_w6yyy","open":"picker-button__open_w6yyy","linkOpen":"picker-button__linkOpen_w6yyy"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_brxpd","addonsContainer":"picker-button__addonsContainer_brxpd","showControlIcon":"picker-button__showControlIcon_brxpd","open":"picker-button__open_brxpd","linkOpen":"picker-button__linkOpen_brxpd"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hzlg0 */
1
+ /* hash: 13pd8 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_w6yyy {
20
+ } .picker-button__iconContainer_brxpd {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_w6yyy {
23
+ } .picker-button__addonsContainer_brxpd {
24
24
  display: flex
25
- } .picker-button__addonsContainer_w6yyy.picker-button__showControlIcon_w6yyy {
25
+ } .picker-button__addonsContainer_brxpd.picker-button__showControlIcon_brxpd {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_w6yyy {
27
+ } .picker-button__open_brxpd {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_w6yyy:not(:hover) {
29
+ } .picker-button__linkOpen_brxpd:not(:hover) {
30
30
  background-color: var(--color-light-specialbg-secondary-transparent);
31
31
  }
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l9udy */
1
+ /* hash: 1350g */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_an5lv {
19
+ } .picker-button__container_j1e6c {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_an5lv.picker-button__sideGap_an5lv {
21
+ } .cc-picker-button.picker-button__optionsPopover_j1e6c.picker-button__sideGap_j1e6c {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_an5lv {
23
+ } .cc-picker-button .picker-button__option_j1e6c {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_an5lv:before {
25
+ } .cc-picker-button .picker-button__option_j1e6c:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
10
10
  import '@alfalab/icons-glyph/MoreMIcon';
11
11
  import '@alfalab/icons-glyph/MoreSIcon';
12
12
 
13
- const styles = {"container":"picker-button__container_an5lv","optionsPopover":"picker-button__optionsPopover_an5lv","sideGap":"picker-button__sideGap_an5lv","option":"picker-button__option_an5lv"};
13
+ const styles = {"container":"picker-button__container_j1e6c","optionsPopover":"picker-button__optionsPopover_j1e6c","sideGap":"picker-button__sideGap_j1e6c","option":"picker-button__option_j1e6c"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
7
7
  import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
 
10
- const styles = {"iconContainer":"picker-button__iconContainer_w6yyy","addonsContainer":"picker-button__addonsContainer_w6yyy","showControlIcon":"picker-button__showControlIcon_w6yyy","open":"picker-button__open_w6yyy","linkOpen":"picker-button__linkOpen_w6yyy"};
10
+ const styles = {"iconContainer":"picker-button__iconContainer_brxpd","addonsContainer":"picker-button__addonsContainer_brxpd","showControlIcon":"picker-button__showControlIcon_brxpd","open":"picker-button__open_brxpd","linkOpen":"picker-button__linkOpen_brxpd"};
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, showArrow = true, labelView, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: hzlg0 */
1
+ /* hash: 13pd8 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_w6yyy {
20
+ } .picker-button__iconContainer_brxpd {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_w6yyy {
23
+ } .picker-button__addonsContainer_brxpd {
24
24
  display: flex
25
- } .picker-button__addonsContainer_w6yyy.picker-button__showControlIcon_w6yyy {
25
+ } .picker-button__addonsContainer_brxpd.picker-button__showControlIcon_brxpd {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_w6yyy {
27
+ } .picker-button__open_brxpd {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_w6yyy:not(:hover) {
29
+ } .picker-button__linkOpen_brxpd:not(:hover) {
30
30
  background-color: var(--color-light-specialbg-secondary-transparent);
31
31
  }
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l9udy */
1
+ /* hash: 1350g */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_an5lv {
19
+ } .picker-button__container_j1e6c {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_an5lv.picker-button__sideGap_an5lv {
21
+ } .cc-picker-button.picker-button__optionsPopover_j1e6c.picker-button__sideGap_j1e6c {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_an5lv {
23
+ } .cc-picker-button .picker-button__option_j1e6c {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_an5lv:before {
25
+ } .cc-picker-button .picker-button__option_j1e6c:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
3
3
 
4
- const styles = {"container":"picker-button__container_d2xz0","icon":"picker-button__icon_d2xz0","content":"picker-button__content_d2xz0"};
4
+ const styles = {"container":"picker-button__container_8rbig","icon":"picker-button__icon_8rbig","content":"picker-button__content_8rbig"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1o6dd */
1
+ /* hash: 70fe3 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_d2xz0 {
18
+ } .picker-button__container_8rbig {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_d2xz0 {
21
+ } .picker-button__icon_8rbig {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_d2xz0 {
24
+ } .picker-button__content_8rbig {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"container":"picker-button__container_d2xz0","icon":"picker-button__icon_d2xz0","content":"picker-button__content_d2xz0"};
13
+ var styles = {"container":"picker-button__container_8rbig","icon":"picker-button__icon_8rbig","content":"picker-button__content_8rbig"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1o6dd */
1
+ /* hash: 70fe3 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_d2xz0 {
18
+ } .picker-button__container_8rbig {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_d2xz0 {
21
+ } .picker-button__icon_8rbig {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_d2xz0 {
24
+ } .picker-button__content_8rbig {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "11.1.5",
3
+ "version": "11.1.6",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -39,8 +39,8 @@
39
39
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
40
40
  },
41
41
  "dependencies": {
42
- "@alfalab/core-components-button": "^9.0.4",
43
- "@alfalab/core-components-select": "^15.1.5",
42
+ "@alfalab/core-components-button": "^9.0.5",
43
+ "@alfalab/core-components-select": "^15.1.6",
44
44
  "@alfalab/hooks": "^1.13.0",
45
45
  "@alfalab/icons-glyph": "^2.108.0",
46
46
  "classnames": "^2.3.1",
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- declare const isClient: () => boolean;
6
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
7
- declare function easeInOutQuad(x: number): number;
8
- declare const easingFns: {
9
- easeInOutQuad: typeof easeInOutQuad;
10
- };
11
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
12
- declare const inputUtils: {
13
- disableUserInput: typeof disableUserInput;
14
- };
15
- /**
16
- * Возвращает true, если значение равно null или undefined
17
- */
18
- declare function isNil(value: unknown): boolean;
19
- declare const fnUtils: {
20
- isNil: typeof isNil;
21
- };
22
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- declare const isClient: () => boolean;
6
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
7
- declare function easeInOutQuad(x: number): number;
8
- declare const easingFns: {
9
- easeInOutQuad: typeof easeInOutQuad;
10
- };
11
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
12
- declare const inputUtils: {
13
- disableUserInput: typeof disableUserInput;
14
- };
15
- /**
16
- * Возвращает true, если значение равно null или undefined
17
- */
18
- declare function isNil(value: unknown): boolean;
19
- declare const fnUtils: {
20
- isNil: typeof isNil;
21
- };
22
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- declare const isClient: () => boolean;
6
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
7
- declare function easeInOutQuad(x: number): number;
8
- declare const easingFns: {
9
- easeInOutQuad: typeof easeInOutQuad;
10
- };
11
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
12
- declare const inputUtils: {
13
- disableUserInput: typeof disableUserInput;
14
- };
15
- /**
16
- * Возвращает true, если значение равно null или undefined
17
- */
18
- declare function isNil(value: unknown): boolean;
19
- declare const fnUtils: {
20
- isNil: typeof isNil;
21
- };
22
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- declare const isClient: () => boolean;
6
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
7
- declare function easeInOutQuad(x: number): number;
8
- declare const easingFns: {
9
- easeInOutQuad: typeof easeInOutQuad;
10
- };
11
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
12
- declare const inputUtils: {
13
- disableUserInput: typeof disableUserInput;
14
- };
15
- /**
16
- * Возвращает true, если значение равно null или undefined
17
- */
18
- declare function isNil(value: unknown): boolean;
19
- declare const fnUtils: {
20
- isNil: typeof isNil;
21
- };
22
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };