@alfalab/core-components-custom-picker-button 2.1.0 → 2.1.1

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 (12) hide show
  1. package/Component.responsive.d.ts +4 -7
  2. package/cssm/Component.responsive.d.ts +4 -7
  3. package/esm/Component.responsive.d.ts +4 -7
  4. package/esm/field/Component.js +1 -1
  5. package/esm/field/index.css +5 -5
  6. package/field/Component.js +1 -1
  7. package/field/index.css +5 -5
  8. package/modern/Component.responsive.d.ts +4 -7
  9. package/modern/field/Component.js +1 -1
  10. package/modern/field/index.css +5 -5
  11. package/package.json +4 -4
  12. package/src/Component.responsive.tsx +6 -8
package/Component.responsive.d.ts CHANGED
@@ -1,22 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonDesktopProps } from "@alfalab/core-components-picker-button/desktop";
5
- import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
3
+ import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
6
4
  import { CustomPickerButtonDesktopProps } from "./Component.desktop";
7
- type PickerButtonMatchMedia = 'desktop' | 'mobile';
8
- type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
5
+ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
9
6
  /**
10
7
  * Контрольная точка, с нее начинается desktop версия
11
8
  * @default 1024
12
9
  */
13
10
  breakpoint?: number;
14
11
  };
15
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
12
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/Component.desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
16
13
  /**
17
14
  * Контрольная точка, с нее начинается desktop версия
18
15
  * @default 1024
19
16
  */
20
17
  breakpoint?: number | undefined;
21
18
  } & React.RefAttributes<HTMLInputElement>>;
22
- export { PickerButtonMatchMedia, CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
19
+ export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
package/cssm/Component.responsive.d.ts CHANGED
@@ -1,22 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonDesktopProps } from "@alfalab/core-components-picker-button/desktop";
5
- import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
3
+ import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
6
4
  import { CustomPickerButtonDesktopProps } from "./Component.desktop";
7
- type PickerButtonMatchMedia = 'desktop' | 'mobile';
8
- type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
5
+ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
9
6
  /**
10
7
  * Контрольная точка, с нее начинается desktop версия
11
8
  * @default 1024
12
9
  */
13
10
  breakpoint?: number;
14
11
  };
15
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
12
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/Component.desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
16
13
  /**
17
14
  * Контрольная точка, с нее начинается desktop версия
18
15
  * @default 1024
19
16
  */
20
17
  breakpoint?: number | undefined;
21
18
  } & React.RefAttributes<HTMLInputElement>>;
22
- export { PickerButtonMatchMedia, CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
19
+ export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
package/esm/Component.responsive.d.ts CHANGED
@@ -1,22 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonDesktopProps } from "@alfalab/core-components-picker-button/desktop";
5
- import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
3
+ import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
6
4
  import { CustomPickerButtonDesktopProps } from "./Component.desktop";
7
- type PickerButtonMatchMedia = 'desktop' | 'mobile';
8
- type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
5
+ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
9
6
  /**
10
7
  * Контрольная точка, с нее начинается desktop версия
11
8
  * @default 1024
12
9
  */
13
10
  breakpoint?: number;
14
11
  };
15
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
12
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/Component.desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
16
13
  /**
17
14
  * Контрольная точка, с нее начинается desktop версия
18
15
  * @default 1024
19
16
  */
20
17
  breakpoint?: number | undefined;
21
18
  } & React.RefAttributes<HTMLInputElement>>;
22
- export { PickerButtonMatchMedia, CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
19
+ export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
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_m8bqy","addonsContainer":"custom-picker-button__addonsContainer_m8bqy","showControlIcon":"custom-picker-button__showControlIcon_m8bqy","open":"custom-picker-button__open_m8bqy"};
7
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1gdpb","addonsContainer":"custom-picker-button__addonsContainer_1gdpb","showControlIcon":"custom-picker-button__showControlIcon_1gdpb","open":"custom-picker-button__open_1gdpb"};
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: mg8hc */
1
+ /* hash: 6ye9u */
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_m8bqy {
19
+ } .custom-picker-button__iconContainer_1gdpb {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_m8bqy {
22
+ } .custom-picker-button__addonsContainer_1gdpb {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_m8bqy.custom-picker-button__showControlIcon_m8bqy {
24
+ } .custom-picker-button__addonsContainer_1gdpb.custom-picker-button__showControlIcon_1gdpb {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_m8bqy {
26
+ } .custom-picker-button__open_1gdpb {
27
27
  transform: var(--arrow-transform);
28
28
  }
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_m8bqy","addonsContainer":"custom-picker-button__addonsContainer_m8bqy","showControlIcon":"custom-picker-button__showControlIcon_m8bqy","open":"custom-picker-button__open_m8bqy"};
16
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1gdpb","addonsContainer":"custom-picker-button__addonsContainer_1gdpb","showControlIcon":"custom-picker-button__showControlIcon_1gdpb","open":"custom-picker-button__open_1gdpb"};
17
17
  require('./index.css')
18
18
 
19
19
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mg8hc */
1
+ /* hash: 6ye9u */
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_m8bqy {
19
+ } .custom-picker-button__iconContainer_1gdpb {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_m8bqy {
22
+ } .custom-picker-button__addonsContainer_1gdpb {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_m8bqy.custom-picker-button__showControlIcon_m8bqy {
24
+ } .custom-picker-button__addonsContainer_1gdpb.custom-picker-button__showControlIcon_1gdpb {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_m8bqy {
26
+ } .custom-picker-button__open_1gdpb {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/Component.responsive.d.ts CHANGED
@@ -1,22 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonDesktopProps } from "@alfalab/core-components-picker-button/desktop";
5
- import { AdditionalMobileProps } from "@alfalab/core-components-select/shared";
3
+ import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
6
4
  import { CustomPickerButtonDesktopProps } from "./Component.desktop";
7
- type PickerButtonMatchMedia = 'desktop' | 'mobile';
8
- type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
5
+ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
9
6
  /**
10
7
  * Контрольная точка, с нее начинается desktop версия
11
8
  * @default 1024
12
9
  */
13
10
  breakpoint?: number;
14
11
  };
15
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
12
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/Component.desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
16
13
  /**
17
14
  * Контрольная точка, с нее начинается desktop версия
18
15
  * @default 1024
19
16
  */
20
17
  breakpoint?: number | undefined;
21
18
  } & React.RefAttributes<HTMLInputElement>>;
22
- export { PickerButtonMatchMedia, CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
19
+ export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
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_m8bqy","addonsContainer":"custom-picker-button__addonsContainer_m8bqy","showControlIcon":"custom-picker-button__showControlIcon_m8bqy","open":"custom-picker-button__open_m8bqy"};
6
+ const styles = {"iconContainer":"custom-picker-button__iconContainer_1gdpb","addonsContainer":"custom-picker-button__addonsContainer_1gdpb","showControlIcon":"custom-picker-button__showControlIcon_1gdpb","open":"custom-picker-button__open_1gdpb"};
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: mg8hc */
1
+ /* hash: 6ye9u */
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_m8bqy {
19
+ } .custom-picker-button__iconContainer_1gdpb {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_m8bqy {
22
+ } .custom-picker-button__addonsContainer_1gdpb {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_m8bqy.custom-picker-button__showControlIcon_m8bqy {
24
+ } .custom-picker-button__addonsContainer_1gdpb.custom-picker-button__showControlIcon_1gdpb {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_m8bqy {
26
+ } .custom-picker-button__open_1gdpb {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-custom-picker-button",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,10 +15,10 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-picker-button": "^11.2.0",
19
- "@alfalab/core-components-custom-button": "^3.3.7",
18
+ "@alfalab/core-components-picker-button": "^11.3.0",
19
+ "@alfalab/core-components-custom-button": "^3.3.8",
20
20
  "@alfalab/core-components-mq": "^4.2.0",
21
- "@alfalab/core-components-select": "^15.3.0",
21
+ "@alfalab/core-components-select": "^16.0.0",
22
22
  "classnames": "^2.3.1",
23
23
  "tslib": "^2.4.0"
24
24
  }
package/src/Component.responsive.tsx CHANGED
@@ -1,19 +1,17 @@
1
1
  import React, { forwardRef } from 'react';
2
2
 
3
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
4
- import { CustomButtonProps } from '@alfalab/core-components-custom-button';
5
3
  import { useMatchMedia } from '@alfalab/core-components-mq';
6
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
- import type { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
8
- import type { AdditionalMobileProps } from '@alfalab/core-components-select/shared';
4
+ import type {
5
+ AdditionalMobileProps,
6
+ BottomSheetSelectMobileProps,
7
+ } from '@alfalab/core-components-select/shared';
9
8
 
10
9
  import { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
11
10
  import { CustomPickerButtonMobile } from './Component.mobile';
12
11
 
13
- export type PickerButtonMatchMedia = 'desktop' | 'mobile';
14
-
15
12
  export type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &
16
- AdditionalMobileProps & {
13
+ AdditionalMobileProps &
14
+ BottomSheetSelectMobileProps & {
17
15
  /**
18
16
  * Контрольная точка, с нее начинается desktop версия
19
17
  * @default 1024