@alfalab/core-components-custom-picker-button 2.0.7 → 2.0.8

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 (19) hide show
  1. package/component-1a4fbd11.d.ts +1 -1
  2. package/cssm/component-1a4fbd11.d.ts +1 -1
  3. package/cssm/index-f12ee135.d.ts +1 -1
  4. package/cssm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
  5. package/esm/component-1a4fbd11.d.ts +1 -1
  6. package/esm/field/Component.js +1 -1
  7. package/esm/field/index.css +5 -5
  8. package/esm/index-f12ee135.d.ts +1 -1
  9. package/esm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
  10. package/field/Component.js +1 -1
  11. package/field/index.css +5 -5
  12. package/index-f12ee135.d.ts +1 -1
  13. package/modern/component-1a4fbd11.d.ts +1 -1
  14. package/modern/field/Component.js +1 -1
  15. package/modern/field/index.css +5 -5
  16. package/modern/index-f12ee135.d.ts +1 -1
  17. package/modern/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
  18. package/package.json +3 -3
  19. package/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
package/component-1a4fbd11.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
package/cssm/component-1a4fbd11.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
package/cssm/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/cssm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} RENAMED
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };
package/esm/component-1a4fbd11.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
package/esm/field/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { CustomButton } from '@alfalab/core-components-custom-button/esm';
5
5
  import { getIcon } from '@alfalab/core-components-picker-button/esm/shared';
6
6
 
7
- var styles = {"iconContainer":"custom-picker-button__iconContainer_1jckt","addonsContainer":"custom-picker-button__addonsContainer_1jckt","showControlIcon":"custom-picker-button__showControlIcon_1jckt","open":"custom-picker-button__open_1jckt"};
7
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1b77l","addonsContainer":"custom-picker-button__addonsContainer_1b77l","showControlIcon":"custom-picker-button__showControlIcon_1b77l","open":"custom-picker-button__open_1b77l"};
8
8
  require('./index.css')
9
9
 
10
10
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: nuytq */
1
+ /* hash: uihgp */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_1jckt {
19
+ } .custom-picker-button__iconContainer_1b77l {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_1jckt {
22
+ } .custom-picker-button__addonsContainer_1b77l {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_1jckt.custom-picker-button__showControlIcon_1jckt {
24
+ } .custom-picker-button__addonsContainer_1b77l.custom-picker-button__showControlIcon_1b77l {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_1jckt {
26
+ } .custom-picker-button__open_1b77l {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/esm/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/esm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} RENAMED
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };
package/field/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"iconContainer":"custom-picker-button__iconContainer_1jckt","addonsContainer":"custom-picker-button__addonsContainer_1jckt","showControlIcon":"custom-picker-button__showControlIcon_1jckt","open":"custom-picker-button__open_1jckt"};
16
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1b77l","addonsContainer":"custom-picker-button__addonsContainer_1b77l","showControlIcon":"custom-picker-button__showControlIcon_1b77l","open":"custom-picker-button__open_1b77l"};
17
17
  require('./index.css')
18
18
 
19
19
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: nuytq */
1
+ /* hash: uihgp */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_1jckt {
19
+ } .custom-picker-button__iconContainer_1b77l {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_1jckt {
22
+ } .custom-picker-button__addonsContainer_1b77l {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_1jckt.custom-picker-button__showControlIcon_1jckt {
24
+ } .custom-picker-button__addonsContainer_1b77l.custom-picker-button__showControlIcon_1b77l {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_1jckt {
26
+ } .custom-picker-button__open_1b77l {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/modern/component-1a4fbd11.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
package/modern/field/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { CustomButton } from '@alfalab/core-components-custom-button/modern';
4
4
  import { getIcon } from '@alfalab/core-components-picker-button/modern/shared';
5
5
 
6
- const styles = {"iconContainer":"custom-picker-button__iconContainer_1jckt","addonsContainer":"custom-picker-button__addonsContainer_1jckt","showControlIcon":"custom-picker-button__showControlIcon_1jckt","open":"custom-picker-button__open_1jckt"};
6
+ const styles = {"iconContainer":"custom-picker-button__iconContainer_1b77l","addonsContainer":"custom-picker-button__addonsContainer_1b77l","showControlIcon":"custom-picker-button__showControlIcon_1b77l","open":"custom-picker-button__open_1b77l"};
7
7
  require('./index.css')
8
8
 
9
9
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: nuytq */
1
+ /* hash: uihgp */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_1jckt {
19
+ } .custom-picker-button__iconContainer_1b77l {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_1jckt {
22
+ } .custom-picker-button__addonsContainer_1b77l {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_1jckt.custom-picker-button__showControlIcon_1jckt {
24
+ } .custom-picker-button__addonsContainer_1b77l.custom-picker-button__showControlIcon_1b77l {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_1jckt {
26
+ } .custom-picker-button__open_1b77l {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/modern/{types-b0ff398d.d.ts → types-e40becc7.d.ts} RENAMED
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-custom-picker-button",
3
- "version": "2.0.7",
3
+ "version": "2.0.8",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -35,10 +35,10 @@
35
35
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
36
36
  },
37
37
  "dependencies": {
38
- "@alfalab/core-components-picker-button": "^11.1.2",
38
+ "@alfalab/core-components-picker-button": "^11.1.3",
39
39
  "@alfalab/core-components-custom-button": "^3.3.4",
40
40
  "@alfalab/core-components-mq": "^4.2.0",
41
- "@alfalab/core-components-select": "^15.1.2",
41
+ "@alfalab/core-components-select": "^15.1.3",
42
42
  "classnames": "^2.3.1",
43
43
  "tslib": "^2.4.0"
44
44
  }
package/{types-b0ff398d.d.ts → types-e40becc7.d.ts} RENAMED
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };