@alfalab/core-components-custom-picker-button 2.6.24 → 2.6.25-snapshot-1393ffa
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.js +4 -3
- package/Component.responsive.js.map +1 -0
- package/cssm/Component.responsive.js +6 -5
- package/cssm/Component.responsive.js.map +1 -0
- package/cssm/desktop/Component.desktop.js +3 -2
- package/cssm/desktop/Component.desktop.js.map +1 -0
- package/cssm/desktop/index.js +3 -2
- package/cssm/desktop/index.js.map +1 -0
- package/cssm/field/Component.js +3 -2
- package/cssm/field/Component.js.map +1 -0
- 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.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/mobile/Component.mobile.js +3 -2
- package/cssm/mobile/Component.mobile.js.map +1 -0
- package/cssm/mobile/index.js +3 -2
- package/cssm/mobile/index.js.map +1 -0
- package/{Component.responsive.d.ts → cssm/src/Component.responsive.d.ts} +5 -7
- package/cssm/src/desktop/Component.desktop.d.ts +5 -0
- package/{desktop → cssm/src/desktop}/index.d.ts +1 -2
- package/cssm/src/field/Component.d.ts +12 -0
- package/cssm/src/field/index.d.ts +1 -0
- package/cssm/src/index.d.ts +1 -0
- package/cssm/src/mobile/Component.mobile.d.ts +5 -0
- package/{esm → cssm/src}/mobile/index.d.ts +1 -2
- package/desktop/Component.desktop.js +3 -2
- package/desktop/Component.desktop.js.map +1 -0
- package/desktop/index.js +3 -2
- package/desktop/index.js.map +1 -0
- package/esm/Component.responsive.js +1 -0
- package/esm/Component.responsive.js.map +1 -0
- package/esm/desktop/Component.desktop.js +1 -0
- package/esm/desktop/Component.desktop.js.map +1 -0
- package/esm/desktop/index.js +1 -0
- package/esm/desktop/index.js.map +1 -0
- 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.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.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/mobile/Component.mobile.js +1 -0
- package/esm/mobile/Component.mobile.js.map +1 -0
- package/esm/mobile/index.js +1 -0
- package/esm/mobile/index.js.map +1 -0
- package/{cssm → esm/src}/Component.responsive.d.ts +5 -7
- package/esm/src/desktop/Component.desktop.d.ts +5 -0
- package/esm/{desktop → src/desktop}/index.d.ts +1 -2
- package/esm/src/field/Component.d.ts +12 -0
- package/esm/src/field/index.d.ts +1 -0
- package/esm/src/index.d.ts +1 -0
- package/esm/src/mobile/Component.mobile.d.ts +5 -0
- package/{mobile → esm/src/mobile}/index.d.ts +1 -2
- package/field/Component.js +5 -6
- package/field/Component.js.map +1 -0
- package/field/index.css +6 -27
- 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.js +1 -0
- package/index.js.map +1 -0
- package/mobile/Component.mobile.js +3 -2
- package/mobile/Component.mobile.js.map +1 -0
- package/mobile/index.js +3 -2
- package/mobile/index.js.map +1 -0
- package/modern/Component.responsive.js +1 -0
- package/modern/Component.responsive.js.map +1 -0
- package/modern/desktop/Component.desktop.js +1 -0
- package/modern/desktop/Component.desktop.js.map +1 -0
- package/modern/desktop/index.js +1 -0
- package/modern/desktop/index.js.map +1 -0
- 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.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.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/mobile/Component.mobile.js +1 -0
- package/modern/mobile/Component.mobile.js.map +1 -0
- package/modern/mobile/index.js +1 -0
- package/modern/mobile/index.js.map +1 -0
- package/{esm → modern/src}/Component.responsive.d.ts +5 -7
- package/modern/src/desktop/Component.desktop.d.ts +5 -0
- package/modern/{desktop → src/desktop}/index.d.ts +1 -2
- package/modern/src/field/Component.d.ts +12 -0
- package/modern/src/field/index.d.ts +1 -0
- package/modern/src/index.d.ts +1 -0
- package/modern/src/mobile/Component.mobile.d.ts +5 -0
- package/{cssm → modern/src}/mobile/index.d.ts +1 -2
- package/moderncssm/Component.responsive.js +1 -0
- package/moderncssm/Component.responsive.js.map +1 -0
- package/moderncssm/desktop/Component.desktop.js +1 -0
- package/moderncssm/desktop/Component.desktop.js.map +1 -0
- package/moderncssm/desktop/index.js +1 -0
- package/moderncssm/desktop/index.js.map +1 -0
- package/moderncssm/field/Component.js +1 -0
- package/moderncssm/field/Component.js.map +1 -0
- 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.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/mobile/Component.mobile.js +1 -0
- package/moderncssm/mobile/Component.mobile.js.map +1 -0
- package/moderncssm/mobile/index.js +1 -0
- package/moderncssm/mobile/index.js.map +1 -0
- package/{modern → moderncssm/src}/Component.responsive.d.ts +5 -7
- package/moderncssm/src/desktop/Component.desktop.d.ts +5 -0
- package/{cssm → moderncssm/src}/desktop/index.d.ts +1 -2
- package/moderncssm/src/field/Component.d.ts +12 -0
- package/moderncssm/src/field/index.d.ts +1 -0
- package/moderncssm/src/index.d.ts +1 -0
- package/moderncssm/src/mobile/Component.mobile.d.ts +5 -0
- package/{modern → moderncssm/src}/mobile/index.d.ts +1 -2
- package/package.json +8 -9
- package/src/Component.responsive.d.ts +36 -0
- package/src/desktop/Component.desktop.d.ts +5 -0
- package/src/desktop/index.d.ts +1 -0
- package/src/field/Component.d.ts +12 -0
- package/src/field/index.d.ts +1 -0
- package/src/index.d.ts +1 -0
- package/src/mobile/Component.mobile.d.ts +5 -0
- package/src/mobile/index.d.ts +1 -0
- package/cssm/desktop/Component.desktop.d.ts +0 -7
- package/cssm/field/Component.d.ts +0 -14
- package/cssm/field/index.d.ts +0 -1
- package/cssm/index.d.ts +0 -2
- package/cssm/mobile/Component.mobile.d.ts +0 -7
- package/desktop/Component.desktop.d.ts +0 -7
- package/esm/desktop/Component.desktop.d.ts +0 -7
- package/esm/field/Component.d.ts +0 -14
- package/esm/field/index.d.ts +0 -1
- package/esm/index.d.ts +0 -2
- package/esm/mobile/Component.mobile.d.ts +0 -7
- package/field/Component.d.ts +0 -14
- package/field/index.d.ts +0 -1
- package/index.d.ts +0 -2
- package/mobile/Component.mobile.d.ts +0 -7
- package/modern/desktop/Component.desktop.d.ts +0 -7
- package/modern/field/Component.d.ts +0 -14
- package/modern/field/index.d.ts +0 -1
- package/modern/index.d.ts +0 -2
- package/modern/mobile/Component.mobile.d.ts +0 -7
- package/moderncssm/Component.responsive.d.ts +0 -38
- package/moderncssm/desktop/Component.desktop.d.ts +0 -7
- package/moderncssm/desktop/index.d.ts +0 -2
- package/moderncssm/field/Component.d.ts +0 -14
- package/moderncssm/field/index.d.ts +0 -1
- package/moderncssm/index.d.ts +0 -2
- package/moderncssm/mobile/Component.mobile.d.ts +0 -7
- package/moderncssm/mobile/index.d.ts +0 -2
|
@@ -0,0 +1,12 @@
|
|
|
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 & {
|
|
6
|
+
buttonSize?: PickerButtonSize;
|
|
7
|
+
buttonVariant?: PickerButtonVariant;
|
|
8
|
+
showArrow?: boolean;
|
|
9
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
10
|
+
};
|
|
11
|
+
export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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>>;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
|
|
@@ -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":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
|
|
@@ -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,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -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":[],"mappings":";;;;;;AAqBA,MAAM,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;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAA,KAAA,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,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/moderncssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -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":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
|
|
@@ -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,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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>>;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
|
|
@@ -0,0 +1,12 @@
|
|
|
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 & {
|
|
6
|
+
buttonSize?: PickerButtonSize;
|
|
7
|
+
buttonVariant?: PickerButtonVariant;
|
|
8
|
+
showArrow?: boolean;
|
|
9
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
10
|
+
};
|
|
11
|
+
export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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>>;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-custom-picker-button",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.25-snapshot-1393ffa",
|
|
4
4
|
"description": "Custom picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -16,14 +16,13 @@
|
|
|
16
16
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@alfalab/core-components-picker-button": "
|
|
20
|
-
"@alfalab/core-components-custom-button": "
|
|
21
|
-
"@alfalab/core-components-mq": "
|
|
22
|
-
"@alfalab/core-components-select": "
|
|
19
|
+
"@alfalab/core-components-picker-button": "11.12.25-snapshot-1393ffa",
|
|
20
|
+
"@alfalab/core-components-custom-button": "3.12.7-snapshot-1393ffa",
|
|
21
|
+
"@alfalab/core-components-mq": "5.0.0-snapshot-1393ffa",
|
|
22
|
+
"@alfalab/core-components-select": "17.20.14-snapshot-1393ffa",
|
|
23
23
|
"classnames": "^2.5.1",
|
|
24
|
-
"tslib": "^2.4.0"
|
|
25
|
-
"@alfalab/core-components-shared": "^0.16.0"
|
|
24
|
+
"tslib": "^2.4.0"
|
|
26
25
|
},
|
|
27
|
-
"themesVersion": "
|
|
28
|
-
"varsVersion": "9.20.
|
|
26
|
+
"themesVersion": "14.0.0-snapshot-1393ffa",
|
|
27
|
+
"varsVersion": "9.20.1-snapshot-1393ffa"
|
|
29
28
|
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
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 & {
|
|
6
|
+
/**
|
|
7
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
8
|
+
* @default 1024
|
|
9
|
+
*/
|
|
10
|
+
breakpoint?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Версия, которая будет использоваться при серверном рендеринге
|
|
13
|
+
*/
|
|
14
|
+
client?: 'desktop' | 'mobile';
|
|
15
|
+
/**
|
|
16
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
17
|
+
* @deprecated Используйте client
|
|
18
|
+
*/
|
|
19
|
+
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
20
|
+
};
|
|
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 & {
|
|
22
|
+
/**
|
|
23
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
24
|
+
* @default 1024
|
|
25
|
+
*/
|
|
26
|
+
breakpoint?: number | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* Версия, которая будет использоваться при серверном рендеринге
|
|
29
|
+
*/
|
|
30
|
+
client?: "desktop" | "mobile" | undefined;
|
|
31
|
+
/**
|
|
32
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
33
|
+
* @deprecated Используйте client
|
|
34
|
+
*/
|
|
35
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
36
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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
|
+
export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
|
|
@@ -0,0 +1,12 @@
|
|
|
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 & {
|
|
6
|
+
buttonSize?: PickerButtonSize;
|
|
7
|
+
buttonVariant?: PickerButtonVariant;
|
|
8
|
+
showArrow?: boolean;
|
|
9
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
10
|
+
};
|
|
11
|
+
export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
package/src/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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
|
-
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 };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentType, SVGProps } from "react";
|
|
4
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
|
-
buttonSize?: PickerButtonSize;
|
|
9
|
-
buttonVariant?: PickerButtonVariant;
|
|
10
|
-
showArrow?: boolean;
|
|
11
|
-
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
|
-
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export { Field };
|
package/cssm/field/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component";
|
package/cssm/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
|
|
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 };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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
|
-
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 };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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
|
-
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 };
|
package/esm/field/Component.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentType, SVGProps } from "react";
|
|
4
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
|
-
buttonSize?: PickerButtonSize;
|
|
9
|
-
buttonVariant?: PickerButtonVariant;
|
|
10
|
-
showArrow?: boolean;
|
|
11
|
-
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
|
-
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export { Field };
|
package/esm/field/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component";
|
package/esm/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
|
|
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 };
|
package/field/Component.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentType, SVGProps } from "react";
|
|
4
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
|
-
buttonSize?: PickerButtonSize;
|
|
9
|
-
buttonVariant?: PickerButtonVariant;
|
|
10
|
-
showArrow?: boolean;
|
|
11
|
-
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
|
-
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export { Field };
|
package/field/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component";
|
package/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
|
|
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 };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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
|
-
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 };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentType, SVGProps } from "react";
|
|
4
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
|
-
buttonSize?: PickerButtonSize;
|
|
9
|
-
buttonVariant?: PickerButtonVariant;
|
|
10
|
-
showArrow?: boolean;
|
|
11
|
-
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
|
-
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export { Field };
|
package/modern/field/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component";
|
package/modern/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
|
|
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 };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
|
|
5
|
-
import { CustomPickerButtonDesktopProps } from "./desktop/index";
|
|
6
|
-
type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
7
|
-
/**
|
|
8
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
9
|
-
* @default 1024
|
|
10
|
-
*/
|
|
11
|
-
breakpoint?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Версия, которая будет использоваться при серверном рендеринге
|
|
14
|
-
*/
|
|
15
|
-
client?: 'desktop' | 'mobile';
|
|
16
|
-
/**
|
|
17
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
18
|
-
* @deprecated Используйте client
|
|
19
|
-
*/
|
|
20
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
21
|
-
};
|
|
22
|
-
declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
|
|
23
|
-
/**
|
|
24
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
25
|
-
* @default 1024
|
|
26
|
-
*/
|
|
27
|
-
breakpoint?: number | undefined;
|
|
28
|
-
/**
|
|
29
|
-
* Версия, которая будет использоваться при серверном рендеринге
|
|
30
|
-
*/
|
|
31
|
-
client?: "desktop" | "mobile" | undefined;
|
|
32
|
-
/**
|
|
33
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
34
|
-
* @deprecated Используйте client
|
|
35
|
-
*/
|
|
36
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
37
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
38
|
-
export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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
|
-
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 };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentType, SVGProps } from "react";
|
|
4
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
5
|
-
import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
|
|
6
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
7
|
-
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
8
|
-
buttonSize?: PickerButtonSize;
|
|
9
|
-
buttonVariant?: PickerButtonVariant;
|
|
10
|
-
showArrow?: boolean;
|
|
11
|
-
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
|
-
};
|
|
13
|
-
declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
|
|
14
|
-
export { Field };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component";
|
package/moderncssm/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
|
|
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 };
|