@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.
Files changed (160) hide show
  1. package/Component.responsive.js +4 -3
  2. package/Component.responsive.js.map +1 -0
  3. package/cssm/Component.responsive.js +6 -5
  4. package/cssm/Component.responsive.js.map +1 -0
  5. package/cssm/desktop/Component.desktop.js +3 -2
  6. package/cssm/desktop/Component.desktop.js.map +1 -0
  7. package/cssm/desktop/index.js +3 -2
  8. package/cssm/desktop/index.js.map +1 -0
  9. package/cssm/field/Component.js +3 -2
  10. package/cssm/field/Component.js.map +1 -0
  11. package/cssm/field/index.js +3 -2
  12. package/cssm/field/index.js.map +1 -0
  13. package/cssm/field/index.module.css +3 -23
  14. package/cssm/index.js +1 -0
  15. package/cssm/index.js.map +1 -0
  16. package/cssm/mobile/Component.mobile.js +3 -2
  17. package/cssm/mobile/Component.mobile.js.map +1 -0
  18. package/cssm/mobile/index.js +3 -2
  19. package/cssm/mobile/index.js.map +1 -0
  20. package/{Component.responsive.d.ts → cssm/src/Component.responsive.d.ts} +5 -7
  21. package/cssm/src/desktop/Component.desktop.d.ts +5 -0
  22. package/{desktop → cssm/src/desktop}/index.d.ts +1 -2
  23. package/cssm/src/field/Component.d.ts +12 -0
  24. package/cssm/src/field/index.d.ts +1 -0
  25. package/cssm/src/index.d.ts +1 -0
  26. package/cssm/src/mobile/Component.mobile.d.ts +5 -0
  27. package/{esm → cssm/src}/mobile/index.d.ts +1 -2
  28. package/desktop/Component.desktop.js +3 -2
  29. package/desktop/Component.desktop.js.map +1 -0
  30. package/desktop/index.js +3 -2
  31. package/desktop/index.js.map +1 -0
  32. package/esm/Component.responsive.js +1 -0
  33. package/esm/Component.responsive.js.map +1 -0
  34. package/esm/desktop/Component.desktop.js +1 -0
  35. package/esm/desktop/Component.desktop.js.map +1 -0
  36. package/esm/desktop/index.js +1 -0
  37. package/esm/desktop/index.js.map +1 -0
  38. package/esm/field/Component.js +2 -3
  39. package/esm/field/Component.js.map +1 -0
  40. package/esm/field/index.css +6 -27
  41. package/esm/field/index.js +1 -0
  42. package/esm/field/index.js.map +1 -0
  43. package/esm/field/index.module.css.js +6 -0
  44. package/esm/field/index.module.css.js.map +1 -0
  45. package/esm/index.js +1 -0
  46. package/esm/index.js.map +1 -0
  47. package/esm/mobile/Component.mobile.js +1 -0
  48. package/esm/mobile/Component.mobile.js.map +1 -0
  49. package/esm/mobile/index.js +1 -0
  50. package/esm/mobile/index.js.map +1 -0
  51. package/{cssm → esm/src}/Component.responsive.d.ts +5 -7
  52. package/esm/src/desktop/Component.desktop.d.ts +5 -0
  53. package/esm/{desktop → src/desktop}/index.d.ts +1 -2
  54. package/esm/src/field/Component.d.ts +12 -0
  55. package/esm/src/field/index.d.ts +1 -0
  56. package/esm/src/index.d.ts +1 -0
  57. package/esm/src/mobile/Component.mobile.d.ts +5 -0
  58. package/{mobile → esm/src/mobile}/index.d.ts +1 -2
  59. package/field/Component.js +5 -6
  60. package/field/Component.js.map +1 -0
  61. package/field/index.css +6 -27
  62. package/field/index.js +3 -2
  63. package/field/index.js.map +1 -0
  64. package/field/index.module.css.js +8 -0
  65. package/field/index.module.css.js.map +1 -0
  66. package/index.js +1 -0
  67. package/index.js.map +1 -0
  68. package/mobile/Component.mobile.js +3 -2
  69. package/mobile/Component.mobile.js.map +1 -0
  70. package/mobile/index.js +3 -2
  71. package/mobile/index.js.map +1 -0
  72. package/modern/Component.responsive.js +1 -0
  73. package/modern/Component.responsive.js.map +1 -0
  74. package/modern/desktop/Component.desktop.js +1 -0
  75. package/modern/desktop/Component.desktop.js.map +1 -0
  76. package/modern/desktop/index.js +1 -0
  77. package/modern/desktop/index.js.map +1 -0
  78. package/modern/field/Component.js +2 -3
  79. package/modern/field/Component.js.map +1 -0
  80. package/modern/field/index.css +6 -27
  81. package/modern/field/index.js +1 -0
  82. package/modern/field/index.js.map +1 -0
  83. package/modern/field/index.module.css.js +6 -0
  84. package/modern/field/index.module.css.js.map +1 -0
  85. package/modern/index.js +1 -0
  86. package/modern/index.js.map +1 -0
  87. package/modern/mobile/Component.mobile.js +1 -0
  88. package/modern/mobile/Component.mobile.js.map +1 -0
  89. package/modern/mobile/index.js +1 -0
  90. package/modern/mobile/index.js.map +1 -0
  91. package/{esm → modern/src}/Component.responsive.d.ts +5 -7
  92. package/modern/src/desktop/Component.desktop.d.ts +5 -0
  93. package/modern/{desktop → src/desktop}/index.d.ts +1 -2
  94. package/modern/src/field/Component.d.ts +12 -0
  95. package/modern/src/field/index.d.ts +1 -0
  96. package/modern/src/index.d.ts +1 -0
  97. package/modern/src/mobile/Component.mobile.d.ts +5 -0
  98. package/{cssm → modern/src}/mobile/index.d.ts +1 -2
  99. package/moderncssm/Component.responsive.js +1 -0
  100. package/moderncssm/Component.responsive.js.map +1 -0
  101. package/moderncssm/desktop/Component.desktop.js +1 -0
  102. package/moderncssm/desktop/Component.desktop.js.map +1 -0
  103. package/moderncssm/desktop/index.js +1 -0
  104. package/moderncssm/desktop/index.js.map +1 -0
  105. package/moderncssm/field/Component.js +1 -0
  106. package/moderncssm/field/Component.js.map +1 -0
  107. package/moderncssm/field/index.js +1 -0
  108. package/moderncssm/field/index.js.map +1 -0
  109. package/moderncssm/field/index.module.css +0 -2
  110. package/moderncssm/index.js +1 -0
  111. package/moderncssm/index.js.map +1 -0
  112. package/moderncssm/mobile/Component.mobile.js +1 -0
  113. package/moderncssm/mobile/Component.mobile.js.map +1 -0
  114. package/moderncssm/mobile/index.js +1 -0
  115. package/moderncssm/mobile/index.js.map +1 -0
  116. package/{modern → moderncssm/src}/Component.responsive.d.ts +5 -7
  117. package/moderncssm/src/desktop/Component.desktop.d.ts +5 -0
  118. package/{cssm → moderncssm/src}/desktop/index.d.ts +1 -2
  119. package/moderncssm/src/field/Component.d.ts +12 -0
  120. package/moderncssm/src/field/index.d.ts +1 -0
  121. package/moderncssm/src/index.d.ts +1 -0
  122. package/moderncssm/src/mobile/Component.mobile.d.ts +5 -0
  123. package/{modern → moderncssm/src}/mobile/index.d.ts +1 -2
  124. package/package.json +8 -9
  125. package/src/Component.responsive.d.ts +36 -0
  126. package/src/desktop/Component.desktop.d.ts +5 -0
  127. package/src/desktop/index.d.ts +1 -0
  128. package/src/field/Component.d.ts +12 -0
  129. package/src/field/index.d.ts +1 -0
  130. package/src/index.d.ts +1 -0
  131. package/src/mobile/Component.mobile.d.ts +5 -0
  132. package/src/mobile/index.d.ts +1 -0
  133. package/cssm/desktop/Component.desktop.d.ts +0 -7
  134. package/cssm/field/Component.d.ts +0 -14
  135. package/cssm/field/index.d.ts +0 -1
  136. package/cssm/index.d.ts +0 -2
  137. package/cssm/mobile/Component.mobile.d.ts +0 -7
  138. package/desktop/Component.desktop.d.ts +0 -7
  139. package/esm/desktop/Component.desktop.d.ts +0 -7
  140. package/esm/field/Component.d.ts +0 -14
  141. package/esm/field/index.d.ts +0 -1
  142. package/esm/index.d.ts +0 -2
  143. package/esm/mobile/Component.mobile.d.ts +0 -7
  144. package/field/Component.d.ts +0 -14
  145. package/field/index.d.ts +0 -1
  146. package/index.d.ts +0 -2
  147. package/mobile/Component.mobile.d.ts +0 -7
  148. package/modern/desktop/Component.desktop.d.ts +0 -7
  149. package/modern/field/Component.d.ts +0 -14
  150. package/modern/field/index.d.ts +0 -1
  151. package/modern/index.d.ts +0 -2
  152. package/modern/mobile/Component.mobile.d.ts +0 -7
  153. package/moderncssm/Component.responsive.d.ts +0 -38
  154. package/moderncssm/desktop/Component.desktop.d.ts +0 -7
  155. package/moderncssm/desktop/index.d.ts +0 -2
  156. package/moderncssm/field/Component.d.ts +0 -14
  157. package/moderncssm/field/index.d.ts +0 -1
  158. package/moderncssm/index.d.ts +0 -2
  159. package/moderncssm/mobile/Component.mobile.d.ts +0 -7
  160. 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 "./Component.mobile";
2
- export {};
1
+ export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
@@ -10,3 +10,4 @@ const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer
10
10
  CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
11
11
 
12
12
  export { CustomPickerButtonResponsive };
13
+ //# 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":[],"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;;;;"}
@@ -13,3 +13,4 @@ const CustomPickerButtonDesktop = forwardRef(({ backgroundColor = DEFAULT_BUTTON
13
13
  }, Field: Field, ref: ref })));
14
14
 
15
15
  export { CustomPickerButtonDesktop };
16
+ //# 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":["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;;;;"}
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonDesktop } from './Component.desktop.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -33,3 +33,4 @@ const Field = ({ buttonSize = 56, buttonVariant = 'default', backgroundColor, co
33
33
  };
34
34
 
35
35
  export { Field };
36
+ //# 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":[],"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;;;;"}
@@ -1 +1,2 @@
1
1
  export { Field } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +1,3 @@
1
- /* */
2
-
3
1
  .iconContainer {
4
2
  display: flex;
5
3
  transition: transform 0.15s ease-in-out;
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -11,3 +11,4 @@ const CustomPickerButtonMobile = forwardRef(({ backgroundColor = DEFAULT_BUTTON_
11
11
  }, Field: Field, ref: ref })));
12
12
 
13
13
  export { CustomPickerButtonMobile };
14
+ //# 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":["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;;;;"}
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonMobile } from './Component.mobile.js';
2
+ //# 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 "@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 & {
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 "./Component.desktop";
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 "./Component.mobile";
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.24",
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": "^11.12.24",
20
- "@alfalab/core-components-custom-button": "^3.12.6",
21
- "@alfalab/core-components-mq": "^4.4.1",
22
- "@alfalab/core-components-select": "^17.20.13",
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": "13.7.2",
28
- "varsVersion": "9.20.0"
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 };
@@ -1 +0,0 @@
1
- export * from "./Component";
package/cssm/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
@@ -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 };
@@ -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/esm/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
@@ -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,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,2 +0,0 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
@@ -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 };
@@ -1 +0,0 @@
1
- export * from "./Component";
package/modern/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
@@ -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,2 +0,0 @@
1
- export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from "./Component.desktop";
2
- export {};
@@ -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";
@@ -1,2 +0,0 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
@@ -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,2 +0,0 @@
1
- export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from "./Component.mobile";
2
- export {};