@alfalab/core-components-custom-picker-button 2.6.31 → 3.0.0-snapshot-133b390
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.
- package/Component.responsive.d.ts +5 -7
- package/Component.responsive.js +4 -3
- package/Component.responsive.js.map +1 -0
- package/cssm/Component.responsive.d.ts +5 -7
- package/cssm/Component.responsive.js +6 -5
- package/cssm/Component.responsive.js.map +1 -0
- package/cssm/desktop/Component.desktop.d.ts +4 -6
- package/cssm/desktop/Component.desktop.js +3 -2
- package/cssm/desktop/Component.desktop.js.map +1 -0
- package/cssm/desktop/index.d.ts +1 -2
- package/cssm/desktop/index.js +3 -2
- package/cssm/desktop/index.js.map +1 -0
- package/cssm/field/Component.d.ts +7 -9
- package/cssm/field/Component.js +3 -2
- package/cssm/field/Component.js.map +1 -0
- package/cssm/field/index.d.ts +1 -1
- package/cssm/field/index.js +3 -2
- package/cssm/field/index.js.map +1 -0
- package/cssm/field/index.module.css +3 -23
- package/cssm/index.d.ts +1 -2
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/mobile/Component.mobile.d.ts +4 -6
- package/cssm/mobile/Component.mobile.js +3 -2
- package/cssm/mobile/Component.mobile.js.map +1 -0
- package/cssm/mobile/index.d.ts +1 -2
- package/cssm/mobile/index.js +3 -2
- package/cssm/mobile/index.js.map +1 -0
- package/desktop/Component.desktop.d.ts +4 -6
- package/desktop/Component.desktop.js +3 -2
- package/desktop/Component.desktop.js.map +1 -0
- package/desktop/index.d.ts +1 -2
- package/desktop/index.js +3 -2
- package/desktop/index.js.map +1 -0
- package/esm/Component.responsive.d.ts +5 -7
- package/esm/Component.responsive.js +1 -0
- package/esm/Component.responsive.js.map +1 -0
- package/esm/desktop/Component.desktop.d.ts +4 -6
- package/esm/desktop/Component.desktop.js +1 -0
- package/esm/desktop/Component.desktop.js.map +1 -0
- package/esm/desktop/index.d.ts +1 -2
- package/esm/desktop/index.js +1 -0
- package/esm/desktop/index.js.map +1 -0
- package/esm/field/Component.d.ts +7 -9
- package/esm/field/Component.js +2 -3
- package/esm/field/Component.js.map +1 -0
- package/esm/field/index.css +6 -27
- package/esm/field/index.d.ts +1 -1
- package/esm/field/index.js +1 -0
- package/esm/field/index.js.map +1 -0
- package/esm/field/index.module.css.js +6 -0
- package/esm/field/index.module.css.js.map +1 -0
- package/esm/index.d.ts +1 -2
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/mobile/Component.mobile.d.ts +4 -6
- package/esm/mobile/Component.mobile.js +1 -0
- package/esm/mobile/Component.mobile.js.map +1 -0
- package/esm/mobile/index.d.ts +1 -2
- package/esm/mobile/index.js +1 -0
- package/esm/mobile/index.js.map +1 -0
- package/field/Component.d.ts +7 -9
- package/field/Component.js +5 -6
- package/field/Component.js.map +1 -0
- package/field/index.css +6 -27
- package/field/index.d.ts +1 -1
- package/field/index.js +3 -2
- package/field/index.js.map +1 -0
- package/field/index.module.css.js +8 -0
- package/field/index.module.css.js.map +1 -0
- package/index.d.ts +1 -2
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/mobile/Component.mobile.d.ts +4 -6
- package/mobile/Component.mobile.js +3 -2
- package/mobile/Component.mobile.js.map +1 -0
- package/mobile/index.d.ts +1 -2
- package/mobile/index.js +3 -2
- package/mobile/index.js.map +1 -0
- package/modern/Component.responsive.d.ts +5 -7
- package/modern/Component.responsive.js +1 -0
- package/modern/Component.responsive.js.map +1 -0
- package/modern/desktop/Component.desktop.d.ts +4 -6
- package/modern/desktop/Component.desktop.js +1 -0
- package/modern/desktop/Component.desktop.js.map +1 -0
- package/modern/desktop/index.d.ts +1 -2
- package/modern/desktop/index.js +1 -0
- package/modern/desktop/index.js.map +1 -0
- package/modern/field/Component.d.ts +7 -9
- package/modern/field/Component.js +2 -3
- package/modern/field/Component.js.map +1 -0
- package/modern/field/index.css +6 -27
- package/modern/field/index.d.ts +1 -1
- package/modern/field/index.js +1 -0
- package/modern/field/index.js.map +1 -0
- package/modern/field/index.module.css.js +6 -0
- package/modern/field/index.module.css.js.map +1 -0
- package/modern/index.d.ts +1 -2
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/mobile/Component.mobile.d.ts +4 -6
- package/modern/mobile/Component.mobile.js +1 -0
- package/modern/mobile/Component.mobile.js.map +1 -0
- package/modern/mobile/index.d.ts +1 -2
- package/modern/mobile/index.js +1 -0
- package/modern/mobile/index.js.map +1 -0
- package/moderncssm/Component.responsive.d.ts +5 -7
- package/moderncssm/Component.responsive.js +1 -0
- package/moderncssm/Component.responsive.js.map +1 -0
- package/moderncssm/desktop/Component.desktop.d.ts +4 -6
- package/moderncssm/desktop/Component.desktop.js +1 -0
- package/moderncssm/desktop/Component.desktop.js.map +1 -0
- package/moderncssm/desktop/index.d.ts +1 -2
- package/moderncssm/desktop/index.js +1 -0
- package/moderncssm/desktop/index.js.map +1 -0
- package/moderncssm/field/Component.d.ts +7 -9
- package/moderncssm/field/Component.js +1 -0
- package/moderncssm/field/Component.js.map +1 -0
- package/moderncssm/field/index.d.ts +1 -1
- package/moderncssm/field/index.js +1 -0
- package/moderncssm/field/index.js.map +1 -0
- package/moderncssm/field/index.module.css +0 -2
- package/moderncssm/index.d.ts +1 -2
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/mobile/Component.mobile.d.ts +4 -6
- package/moderncssm/mobile/Component.mobile.js +1 -0
- package/moderncssm/mobile/Component.mobile.js.map +1 -0
- package/moderncssm/mobile/index.d.ts +1 -2
- package/moderncssm/mobile/index.js +1 -0
- package/moderncssm/mobile/index.js.map +1 -0
- package/package.json +8 -9
- package/desktop/package.json +0 -3
- package/mobile/package.json +0 -3
- package/src/desktop/package.json +0 -3
- package/src/mobile/package.json +0 -3
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { AdditionalMobileProps, BottomSheetSelectMobileProps } from
|
|
5
|
-
import { CustomPickerButtonDesktopProps } from
|
|
6
|
-
type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
2
|
+
import { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
import { CustomPickerButtonDesktopProps } from './desktop';
|
|
5
|
+
export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
7
6
|
/**
|
|
8
7
|
* Контрольная точка, с нее начинается desktop версия
|
|
9
8
|
* @default 1024
|
|
@@ -19,7 +18,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
|
|
|
19
18
|
*/
|
|
20
19
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
21
20
|
};
|
|
22
|
-
declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
21
|
+
export declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
23
22
|
/**
|
|
24
23
|
* Контрольная точка, с нее начинается desktop версия
|
|
25
24
|
* @default 1024
|
|
@@ -35,4 +34,3 @@ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit
|
|
|
35
34
|
*/
|
|
36
35
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
37
36
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
38
|
-
export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
|
package/Component.responsive.js
CHANGED
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsMq = require('@alfalab/core-components-mq');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var Component_desktop = require('./desktop/Component.desktop.js');
|
|
9
|
+
var Component_mobile = require('./mobile/Component.mobile.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -15,8 +15,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
15
15
|
var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
16
16
|
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
17
17
|
var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
18
|
-
return isDesktop ? (React__default.default.createElement(
|
|
18
|
+
return isDesktop ? (React__default.default.createElement(Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
19
19
|
});
|
|
20
20
|
CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
|
|
21
21
|
|
|
22
22
|
exports.CustomPickerButtonResponsive = CustomPickerButtonResponsive;
|
|
23
|
+
//# sourceMappingURL=Component.responsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n AdditionalMobileProps,\n BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n\n /**\n * Значение по-умолчанию для хука useMatchMedia\n * @deprecated Используйте client\n */\n defaultMatchMediaValue?: boolean | (() => boolean);\n };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n HTMLInputElement,\n CustomPickerButtonResponsiveProps\n>(\n (\n {\n OptionsList,\n onScroll,\n footer,\n swipeable,\n bottomSheetProps,\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return isDesktop ? (\n <CustomPickerButtonDesktop\n ref={ref}\n OptionsList={OptionsList}\n onScroll={onScroll}\n {...restProps}\n />\n ) : (\n <CustomPickerButtonMobile\n ref={ref}\n footer={footer}\n swipeable={swipeable}\n bottomSheetProps={bottomSheetProps}\n {...restProps}\n />\n );\n },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { AdditionalMobileProps, BottomSheetSelectMobileProps } from
|
|
5
|
-
import { CustomPickerButtonDesktopProps } from
|
|
6
|
-
type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
2
|
+
import { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
import { CustomPickerButtonDesktopProps } from './desktop';
|
|
5
|
+
export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
7
6
|
/**
|
|
8
7
|
* Контрольная точка, с нее начинается desktop версия
|
|
9
8
|
* @default 1024
|
|
@@ -19,7 +18,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
|
|
|
19
18
|
*/
|
|
20
19
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
21
20
|
};
|
|
22
|
-
declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
21
|
+
export declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
23
22
|
/**
|
|
24
23
|
* Контрольная точка, с нее начинается desktop версия
|
|
25
24
|
* @default 1024
|
|
@@ -35,4 +34,3 @@ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit
|
|
|
35
34
|
*/
|
|
36
35
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
37
36
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
38
|
-
export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
7
|
+
var cssm = require('@alfalab/core-components-mq/cssm');
|
|
8
|
+
var Component_desktop = require('./desktop/Component.desktop.js');
|
|
9
|
+
var Component_mobile = require('./mobile/Component.mobile.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -14,9 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
14
14
|
|
|
15
15
|
var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
16
16
|
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
17
|
-
var isDesktop =
|
|
18
|
-
return isDesktop ? (React__default.default.createElement(
|
|
17
|
+
var isDesktop = cssm.useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
18
|
+
return isDesktop ? (React__default.default.createElement(Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
19
19
|
});
|
|
20
20
|
CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
|
|
21
21
|
|
|
22
22
|
exports.CustomPickerButtonResponsive = CustomPickerButtonResponsive;
|
|
23
|
+
//# sourceMappingURL=Component.responsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n AdditionalMobileProps,\n BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n\n /**\n * Значение по-умолчанию для хука useMatchMedia\n * @deprecated Используйте client\n */\n defaultMatchMediaValue?: boolean | (() => boolean);\n };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n HTMLInputElement,\n CustomPickerButtonResponsiveProps\n>(\n (\n {\n OptionsList,\n onScroll,\n footer,\n swipeable,\n bottomSheetProps,\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return isDesktop ? (\n <CustomPickerButtonDesktop\n ref={ref}\n OptionsList={OptionsList}\n onScroll={onScroll}\n {...restProps}\n />\n ) : (\n <CustomPickerButtonMobile\n ref={ref}\n footer={footer}\n swipeable={swipeable}\n bottomSheetProps={bottomSheetProps}\n {...restProps}\n />\n );\n },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { PickerButtonDesktopProps } from
|
|
5
|
-
type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
6
|
-
declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export { CustomPickerButtonDesktopProps, CustomPickerButtonDesktop };
|
|
2
|
+
import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
|
|
4
|
+
export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
5
|
+
export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var desktop = require('@alfalab/core-components-picker-button/cssm/desktop');
|
|
8
|
-
var
|
|
8
|
+
var Component = require('../field/Component.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -21,7 +21,8 @@ var CustomPickerButtonDesktop = React.forwardRef(function (_a, ref) {
|
|
|
21
21
|
stateType: stateType,
|
|
22
22
|
breakpoint: 1,
|
|
23
23
|
icon: icon,
|
|
24
|
-
}, Field:
|
|
24
|
+
}, Field: Component.Field, ref: ref })));
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
exports.CustomPickerButtonDesktop = CustomPickerButtonDesktop;
|
|
28
|
+
//# sourceMappingURL=Component.desktop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n HTMLInputElement,\n CustomPickerButtonDesktopProps\n>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n icon,\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonDesktop\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n breakpoint: 1,\n icon,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
|
package/cssm/desktop/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
|
package/cssm/desktop/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component_desktop = require('./Component.desktop.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.CustomPickerButtonDesktop =
|
|
9
|
+
exports.CustomPickerButtonDesktop = Component_desktop.CustomPickerButtonDesktop;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
1
|
+
import React, { ComponentType, SVGProps } from 'react';
|
|
2
|
+
import { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/shared';
|
|
4
|
+
import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
|
|
5
|
+
declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
6
|
buttonSize?: PickerButtonSize;
|
|
9
7
|
buttonVariant?: PickerButtonVariant;
|
|
10
8
|
showArrow?: boolean;
|
|
11
9
|
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
10
|
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export {
|
|
11
|
+
export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
package/cssm/field/Component.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
-
var
|
|
8
|
+
var cssm = require('@alfalab/core-components-custom-button/cssm');
|
|
9
9
|
var shared = require('@alfalab/core-components-picker-button/cssm/shared');
|
|
10
10
|
var styles = require('./index.module.css');
|
|
11
11
|
|
|
@@ -34,7 +34,7 @@ var Field = function (_a) {
|
|
|
34
34
|
var _c = _a.buttonSize, buttonSize = _c === void 0 ? 56 : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, backgroundColor = _a.backgroundColor, contentColor = _a.contentColor, stateType = _a.stateType, label = _a.label, open = _a.open, rightAddons = _a.rightAddons, innerProps = _a.innerProps, className = _a.className, _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, icon = _a.icon, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "backgroundColor", "contentColor", "stateType", "label", "open", "rightAddons", "innerProps", "className", "showArrow", "icon"]);
|
|
35
35
|
var Icon = shared.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
|
|
36
36
|
var buttonProps = tslib.__assign(tslib.__assign({}, restProps), innerProps);
|
|
37
|
-
return (React__default.default.createElement(
|
|
37
|
+
return (React__default.default.createElement(cssm.CustomButton, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
|
|
38
38
|
rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.addonsContainer, (_b = {},
|
|
39
39
|
_b[styles__default.default.showControlIcon] = showArrow || buttonVariant === 'compact',
|
|
40
40
|
_b)) }, rightAddons)),
|
|
@@ -43,3 +43,4 @@ var Field = function (_a) {
|
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
exports.Field = Field;
|
|
46
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n getIcon,\n PickerButtonSize,\n PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n CustomButtonProps & {\n buttonSize?: PickerButtonSize;\n buttonVariant?: PickerButtonVariant;\n showArrow?: boolean;\n icon?: ComponentType<SVGProps<SVGSVGElement>>;\n };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n xxs: 'size-32',\n xs: 'size-40',\n s: 'size-48',\n m: 'size-56',\n l: 'size-64',\n xl: 'size-72',\n 32: 'size-32',\n 40: 'size-40',\n 48: 'size-48',\n 56: 'size-56',\n 64: 'size-64',\n 72: 'size-72',\n};\n\nexport const Field = ({\n buttonSize = 56,\n buttonVariant = 'default',\n backgroundColor,\n contentColor,\n stateType,\n label,\n open,\n rightAddons,\n innerProps,\n className,\n showArrow = true,\n icon,\n ...restProps\n}: FieldProps) => {\n const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n buttonVariant,\n SIZE_TO_CLASSNAME_MAP[buttonSize],\n icon,\n );\n\n const buttonProps = {\n ...restProps,\n ...innerProps,\n } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n return (\n <CustomButton\n {...buttonProps}\n rightAddons={\n <Fragment>\n {rightAddons && (\n <span\n className={cn(styles.addonsContainer, {\n [styles.showControlIcon]: showArrow || buttonVariant === 'compact',\n })}\n >\n {rightAddons}\n </span>\n )}\n\n {(showArrow || buttonVariant === 'compact') && (\n <span\n className={cn(\n styles.iconContainer,\n buttonVariant !== 'compact' && open && styles.open,\n )}\n >\n <Icon data-test-id='custom-picker-button-icon' />\n </span>\n )}\n </Fragment>\n }\n block={true}\n size={buttonSize}\n backgroundColor={backgroundColor}\n contentColor={contentColor}\n stateType={stateType}\n className={className}\n >\n {buttonVariant !== 'compact' && label}\n </CustomButton>\n );\n};\n"],"names":["__rest","getIcon","__assign","React","CustomButton","Fragment","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAM,qBAAqB,GAAG;AAC1B,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;CAChB;AAEM,IAAM,KAAK,GAAG,UAAC,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbMA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2CC,cAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAGC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACIC,qCAACC,iBAAY,EAAAF,cAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACPC,sBAAA,CAAA,aAAA,CAACE,cAAQ,EAAA,IAAA;YACJ,WAAW,KACRF,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAAA,uBAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtCJ,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CACTC,uBAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAIA,uBAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAAJ,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
|
package/cssm/field/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/cssm/field/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Field =
|
|
9
|
+
exports.Field = Component.Field;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
} :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
|
-
} :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 */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */
|
|
16
|
-
--gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
|
|
20
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-2xs: 4px;
|
|
22
3
|
--gap-4: var(--gap-2xs);
|
|
23
4
|
} :root {
|
|
24
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
5
|
--arrow-transform: rotate(180deg);
|
|
26
|
-
}
|
|
6
|
+
} .iconContainer {
|
|
27
7
|
display: flex;
|
|
28
8
|
transition: transform 0.15s ease-in-out;
|
|
29
9
|
} .addonsContainer {
|
package/cssm/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
|
package/cssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { PickerButtonMobileProps } from
|
|
5
|
-
type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
6
|
-
declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };
|
|
2
|
+
import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/mobile';
|
|
4
|
+
export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
5
|
+
export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var mobile = require('@alfalab/core-components-picker-button/cssm/mobile');
|
|
8
|
-
var
|
|
8
|
+
var Component = require('../field/Component.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -19,7 +19,8 @@ var CustomPickerButtonMobile = React.forwardRef(function (_a, ref) {
|
|
|
19
19
|
backgroundColor: backgroundColor,
|
|
20
20
|
contentColor: contentColor,
|
|
21
21
|
stateType: stateType,
|
|
22
|
-
}, Field:
|
|
22
|
+
}, Field: Component.Field, ref: ref })));
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.CustomPickerButtonMobile = CustomPickerButtonMobile;
|
|
26
|
+
//# sourceMappingURL=Component.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonMobile,\n PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonMobile\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonMobile","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAGA,gBAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,yBAAkB,qBACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
|
package/cssm/mobile/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
|
package/cssm/mobile/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component_mobile = require('./Component.mobile.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.CustomPickerButtonMobile =
|
|
9
|
+
exports.CustomPickerButtonMobile = Component_mobile.CustomPickerButtonMobile;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { PickerButtonDesktopProps } from
|
|
5
|
-
type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
6
|
-
declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export { CustomPickerButtonDesktopProps, CustomPickerButtonDesktop };
|
|
2
|
+
import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
|
|
4
|
+
export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
5
|
+
export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var desktop = require('@alfalab/core-components-picker-button/desktop');
|
|
8
|
-
var
|
|
8
|
+
var Component = require('../field/Component.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -21,7 +21,8 @@ var CustomPickerButtonDesktop = React.forwardRef(function (_a, ref) {
|
|
|
21
21
|
stateType: stateType,
|
|
22
22
|
breakpoint: 1,
|
|
23
23
|
icon: icon,
|
|
24
|
-
}, Field:
|
|
24
|
+
}, Field: Component.Field, ref: ref })));
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
exports.CustomPickerButtonDesktop = CustomPickerButtonDesktop;
|
|
28
|
+
//# sourceMappingURL=Component.desktop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n HTMLInputElement,\n CustomPickerButtonDesktopProps\n>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n icon,\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonDesktop\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n breakpoint: 1,\n icon,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
|
package/desktop/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
|
package/desktop/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component_desktop = require('./Component.desktop.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.CustomPickerButtonDesktop =
|
|
9
|
+
exports.CustomPickerButtonDesktop = Component_desktop.CustomPickerButtonDesktop;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { AdditionalMobileProps, BottomSheetSelectMobileProps } from
|
|
5
|
-
import { CustomPickerButtonDesktopProps } from
|
|
6
|
-
type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
2
|
+
import { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
import { CustomPickerButtonDesktopProps } from './desktop';
|
|
5
|
+
export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
7
6
|
/**
|
|
8
7
|
* Контрольная точка, с нее начинается desktop версия
|
|
9
8
|
* @default 1024
|
|
@@ -19,7 +18,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
|
|
|
19
18
|
*/
|
|
20
19
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
21
20
|
};
|
|
22
|
-
declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
21
|
+
export declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
23
22
|
/**
|
|
24
23
|
* Контрольная точка, с нее начинается desktop версия
|
|
25
24
|
* @default 1024
|
|
@@ -35,4 +34,3 @@ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit
|
|
|
35
34
|
*/
|
|
36
35
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
37
36
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
38
|
-
export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n AdditionalMobileProps,\n BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n\n /**\n * Значение по-умолчанию для хука useMatchMedia\n * @deprecated Используйте client\n */\n defaultMatchMediaValue?: boolean | (() => boolean);\n };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n HTMLInputElement,\n CustomPickerButtonResponsiveProps\n>(\n (\n {\n OptionsList,\n onScroll,\n footer,\n swipeable,\n bottomSheetProps,\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return isDesktop ? (\n <CustomPickerButtonDesktop\n ref={ref}\n OptionsList={OptionsList}\n onScroll={onScroll}\n {...restProps}\n />\n ) : (\n <CustomPickerButtonMobile\n ref={ref}\n footer={footer}\n swipeable={swipeable}\n bottomSheetProps={bottomSheetProps}\n {...restProps}\n />\n );\n },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;;IAkCa,4BAA4B,GAAG,UAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAA,MAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,QAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from
|
|
4
|
-
import { PickerButtonDesktopProps } from
|
|
5
|
-
type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
6
|
-
declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export { CustomPickerButtonDesktopProps, CustomPickerButtonDesktop };
|
|
2
|
+
import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
|
|
3
|
+
import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
|
|
4
|
+
export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
|
|
5
|
+
export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n HTMLInputElement,\n CustomPickerButtonDesktopProps\n>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n icon,\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonDesktop\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n breakpoint: 1,\n icon,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["DefaultField"],"mappings":";;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAG,UAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhB,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACD,KAAC,CAAA,aAAA,CAAA,mBAAmB,eACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
|
package/esm/desktop/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
|
package/esm/desktop/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|