@alfalab/core-components-custom-picker-button 1.0.3 → 1.0.5
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-3885b0d7.d.ts +4 -69
- package/Component-5e1b8383.d.ts +14 -3
- package/{Component.mobile-ae13210f.d.ts → Component.mobile-3e68f8db.d.ts} +1 -1
- package/Component.responsive.d.ts +1 -1
- package/component-3885b0d7.d.ts +1 -1
- package/esm/field/Component.js +1 -1
- package/esm/field/index.css +5 -5
- package/field/Component.d.ts +1 -1
- package/field/Component.js +1 -1
- package/field/index.css +5 -5
- package/hook-3e68f8db.d.ts +1 -1
- package/index-3e68f8db.d.ts +0 -1
- package/index-63be8597.d.ts +4 -0
- package/index-ebda875c.d.ts +1 -35
- package/index-f12ee135.d.ts +1 -1
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +5 -5
- package/package.json +3 -3
- package/Component-2aef4eba.d.ts +0 -50
- package/Component.responsive-2aef4eba.d.ts +0 -28
- package/index-2aef4eba.d.ts +0 -5
- package/index-3ebe4754.d.ts +0 -1
- package/index-701e77da.d.ts +0 -4
- /package/{types-fae20163.d.ts → types-425c8522.d.ts} +0 -0
package/Component-3885b0d7.d.ts
CHANGED
|
@@ -1,71 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Футер
|
|
9
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
-
*/
|
|
11
|
-
footer?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Будет ли свайпаться шторка
|
|
14
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
-
*/
|
|
16
|
-
swipeable?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Отображать в BottomSheet
|
|
19
|
-
*/
|
|
20
|
-
isBottomSheet?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Дополнительные пропсы шторки
|
|
23
|
-
*/
|
|
24
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
-
/**
|
|
26
|
-
* Дополнительные пропсы модалки
|
|
27
|
-
*/
|
|
28
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительные пропсы шапки модалки
|
|
31
|
-
*/
|
|
32
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
-
/**
|
|
34
|
-
* Дополнительные пропсы футера модалки
|
|
35
|
-
*/
|
|
36
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
-
};
|
|
38
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
-
/**
|
|
40
|
-
* Футер
|
|
41
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
-
*/
|
|
43
|
-
footer?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Будет ли свайпаться шторка
|
|
46
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
-
*/
|
|
48
|
-
swipeable?: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Отображать в BottomSheet
|
|
51
|
-
*/
|
|
52
|
-
isBottomSheet?: boolean | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительные пропсы шторки
|
|
55
|
-
*/
|
|
56
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Дополнительные пропсы модалки
|
|
59
|
-
*/
|
|
60
|
-
modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Дополнительные пропсы шапки модалки
|
|
63
|
-
*/
|
|
64
|
-
modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительные пропсы футера модалки
|
|
67
|
-
*/
|
|
68
|
-
modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
|
|
69
|
-
} & React.RefAttributes<unknown>>;
|
|
70
|
-
export * from "./Component.mobile-b2c0420d";
|
|
71
|
-
export { SelectMobileProps, BaseSelectMobile };
|
|
3
|
+
import { NavigationBarProps } from "./types-ebda875c";
|
|
4
|
+
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export * from "./Component-ebda875c";
|
|
6
|
+
export { NavigationBar };
|
package/Component-5e1b8383.d.ts
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { FC, SVGProps } from "react";
|
|
3
|
+
import { PickerButtonSize, PickerButtonVariant } from "./index-63be8597";
|
|
4
|
+
import { ButtonProps } from "./index-ebda875c";
|
|
5
|
+
import { FieldProps as BaseFieldProps } from "./typings-5e1b8383";
|
|
6
|
+
import { PickerButtonSize as PickerButtonSize$0 } from "./Component-3e68f8db";
|
|
7
|
+
import { PickerButtonVariant as PickerButtonVariant$0 } from "./Component-3e68f8db";
|
|
8
|
+
declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
|
|
9
|
+
type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
|
|
10
|
+
buttonSize?: PickerButtonSize$0;
|
|
11
|
+
buttonVariant?: PickerButtonVariant$0;
|
|
12
|
+
showArrow?: boolean;
|
|
13
|
+
};
|
|
14
|
+
declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
|
|
15
|
+
export { getIcon, Field };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { AdditionalMobileProps } from "./index-3e68f8db";
|
|
4
|
-
import { PickerButtonDesktopProps } from "./Component-
|
|
4
|
+
import { PickerButtonDesktopProps } from "./Component-3e68f8db";
|
|
5
5
|
type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
|
|
6
6
|
declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
|
|
7
7
|
export { PickerButtonMobileProps, PickerButtonMobile };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
4
|
-
import { PickerButtonDesktopProps } from "./index-
|
|
4
|
+
import { PickerButtonDesktopProps } from "./index-63be8597";
|
|
5
5
|
import { AdditionalMobileProps } from "./index-3e68f8db";
|
|
6
6
|
import { CustomPickerButtonDesktopProps } from "./Component.desktop";
|
|
7
7
|
type PickerButtonMatchMedia = 'desktop' | 'mobile';
|
package/component-3885b0d7.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-e81c389f";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-425c8522";
|
|
8
8
|
type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
|
|
9
9
|
headerRef: RefObject<HTMLDivElement>;
|
|
10
10
|
};
|
package/esm/field/Component.js
CHANGED
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { CustomButton } from '@alfalab/core-components-custom-button/esm';
|
|
5
5
|
import { getIcon } from '@alfalab/core-components-picker-button/esm';
|
|
6
6
|
|
|
7
|
-
var styles = {"iconContainer":"custom-picker-
|
|
7
|
+
var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var Field = function (_a) {
|
package/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1207y */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .custom-picker-
|
|
19
|
+
} .custom-picker-button__iconContainer_o94x9 {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .custom-picker-
|
|
22
|
+
} .custom-picker-button__addonsContainer_o94x9 {
|
|
23
23
|
display: flex
|
|
24
|
-
} .custom-picker-
|
|
24
|
+
} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .custom-picker-
|
|
26
|
+
} .custom-picker-button__open_o94x9 {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/field/Component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CustomButtonProps } from "@alfalab/core-components-custom-button";
|
|
3
|
-
import { PickerButtonSize, PickerButtonVariant } from "../index-
|
|
3
|
+
import { PickerButtonSize, PickerButtonVariant } from "../index-63be8597";
|
|
4
4
|
import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
|
|
5
5
|
type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
|
|
6
6
|
buttonSize?: PickerButtonSize;
|
package/field/Component.js
CHANGED
|
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
15
|
|
|
16
|
-
var styles = {"iconContainer":"custom-picker-
|
|
16
|
+
var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var Field = function (_a) {
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1207y */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .custom-picker-
|
|
19
|
+
} .custom-picker-button__iconContainer_o94x9 {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .custom-picker-
|
|
22
|
+
} .custom-picker-button__addonsContainer_o94x9 {
|
|
23
23
|
display: flex
|
|
24
|
-
} .custom-picker-
|
|
24
|
+
} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .custom-picker-
|
|
26
|
+
} .custom-picker-button__open_o94x9 {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/hook-3e68f8db.d.ts
CHANGED
|
@@ -41,7 +41,7 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
41
41
|
onClose?: (() => void) | undefined;
|
|
42
42
|
selectedDraft?: OptionShape[] | undefined;
|
|
43
43
|
OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
44
|
-
Footer?: import("react").FC<import("./Component-
|
|
44
|
+
Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
|
|
45
45
|
Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
|
|
46
46
|
headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
|
|
47
47
|
showHeaderWithSelectAll?: boolean | undefined;
|
package/index-3e68f8db.d.ts
CHANGED
|
@@ -93,7 +93,6 @@ type SkeletonProps = {
|
|
|
93
93
|
declare const Skeleton: React.FC<SkeletonProps>;
|
|
94
94
|
export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
|
|
95
95
|
export * from "./index-ebda875c";
|
|
96
|
-
export * from "./Component-3885b0d7";
|
|
97
96
|
export * from "./Component-5e1b8383";
|
|
98
97
|
export * from "./hook-3e68f8db";
|
|
99
98
|
export * from "./typings-5e1b8383";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { PickerButtonResponsive as PickerButton } from "packages/picker-button/src/responsive";
|
|
2
|
+
export type { PickerButtonResponsiveProps as PickerButtonProps } from "packages/picker-button/src/responsive";
|
|
3
|
+
export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-3e68f8db";
|
|
4
|
+
export { getIcon } from "./Component-5e1b8383";
|
package/index-ebda875c.d.ts
CHANGED
|
@@ -1,37 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/// <reference types="react-transition-group" />
|
|
3
|
-
|
|
4
|
-
import { ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
5
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
-
/**
|
|
7
|
-
* Вид компонента
|
|
8
|
-
*/
|
|
9
|
-
view: "desktop" | "mobile";
|
|
10
|
-
/**
|
|
11
|
-
* Дополнительный класс
|
|
12
|
-
*/
|
|
13
|
-
className?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Позиция крестика
|
|
16
|
-
*/
|
|
17
|
-
align?: "left" | "right";
|
|
18
|
-
/**
|
|
19
|
-
* Фиксирует крестик
|
|
20
|
-
*/
|
|
21
|
-
sticky?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Иконка
|
|
24
|
-
*/
|
|
25
|
-
icon?: ElementType;
|
|
26
|
-
/**
|
|
27
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
28
|
-
*/
|
|
29
|
-
dataTestId?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Коллбэк закрытия.
|
|
32
|
-
*/
|
|
33
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
34
|
-
}
|
|
35
|
-
declare const Closer: FC<CloserProps>;
|
|
36
|
-
export { CloserProps, Closer };
|
|
37
|
-
export * from "./Component-ebda875c";
|
|
3
|
+
export * from "./Component-3e68f8db";
|
package/index-f12ee135.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import cn from 'classnames';
|
|
|
3
3
|
import { CustomButton } from '@alfalab/core-components-custom-button/modern';
|
|
4
4
|
import { getIcon } from '@alfalab/core-components-picker-button/modern';
|
|
5
5
|
|
|
6
|
-
const styles = {"iconContainer":"custom-picker-
|
|
6
|
+
const styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
|
|
7
7
|
require('./index.css')
|
|
8
8
|
|
|
9
9
|
const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1207y */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .custom-picker-
|
|
19
|
+
} .custom-picker-button__iconContainer_o94x9 {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .custom-picker-
|
|
22
|
+
} .custom-picker-button__addonsContainer_o94x9 {
|
|
23
23
|
display: flex
|
|
24
|
-
} .custom-picker-
|
|
24
|
+
} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .custom-picker-
|
|
26
|
+
} .custom-picker-button__open_o94x9 {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-custom-picker-button",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Custom picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@alfalab/core-components-picker-button": "^10.3.
|
|
22
|
-
"@alfalab/core-components-custom-button": "^3.2.
|
|
21
|
+
"@alfalab/core-components-picker-button": "^10.3.28",
|
|
22
|
+
"@alfalab/core-components-custom-button": "^3.2.1",
|
|
23
23
|
"@alfalab/core-components-mq": "^4.1.4",
|
|
24
24
|
"classnames": "^2.3.1",
|
|
25
25
|
"tslib": "^2.4.0"
|
package/Component-2aef4eba.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { FC, SVGProps } from "react";
|
|
4
|
-
import { ButtonProps } from "./index-ebda875c";
|
|
5
|
-
import { BaseSelectProps } from "./index-3e68f8db";
|
|
6
|
-
type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
7
|
-
type PickerButtonVariant = 'default' | 'compact';
|
|
8
|
-
type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
|
|
9
|
-
options: Array<BaseSelectProps['options'][0] & {
|
|
10
|
-
/**
|
|
11
|
-
* Иконка, отображающаяся слева от текстового представления пункта
|
|
12
|
-
*/
|
|
13
|
-
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
14
|
-
}>;
|
|
15
|
-
/**
|
|
16
|
-
* Размер кнопки
|
|
17
|
-
*/
|
|
18
|
-
size?: PickerButtonSize;
|
|
19
|
-
/**
|
|
20
|
-
* Тип кнопки
|
|
21
|
-
*/
|
|
22
|
-
variant?: PickerButtonVariant;
|
|
23
|
-
/**
|
|
24
|
-
* Показывать стрелку
|
|
25
|
-
* @default true
|
|
26
|
-
*/
|
|
27
|
-
showArrow?: boolean;
|
|
28
|
-
};
|
|
29
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
|
|
30
|
-
options: Array<BaseSelectProps['options'][0] & {
|
|
31
|
-
/**
|
|
32
|
-
* Иконка, отображающаяся слева от текстового представления пункта
|
|
33
|
-
*/
|
|
34
|
-
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
35
|
-
}>;
|
|
36
|
-
/**
|
|
37
|
-
* Размер кнопки
|
|
38
|
-
*/
|
|
39
|
-
size?: PickerButtonSize | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* Тип кнопки
|
|
42
|
-
*/
|
|
43
|
-
variant?: PickerButtonVariant | undefined;
|
|
44
|
-
/**
|
|
45
|
-
* Показывать стрелку
|
|
46
|
-
* @default true
|
|
47
|
-
*/
|
|
48
|
-
showArrow?: boolean | undefined;
|
|
49
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
50
|
-
export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ButtonProps } from "./index-ebda875c";
|
|
4
|
-
import { AdditionalMobileProps } from "./index-3e68f8db";
|
|
5
|
-
import { PickerButtonDesktopProps } from "./Component-2aef4eba";
|
|
6
|
-
type PickerButtonMatchMedia = 'desktop' | 'mobile';
|
|
7
|
-
type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
8
|
-
/**
|
|
9
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
10
|
-
* @default 1024
|
|
11
|
-
*/
|
|
12
|
-
breakpoint?: number;
|
|
13
|
-
};
|
|
14
|
-
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
|
|
15
|
-
options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
|
|
16
|
-
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
17
|
-
})[];
|
|
18
|
-
size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
|
|
19
|
-
variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
|
|
20
|
-
showArrow?: boolean | undefined;
|
|
21
|
-
} & AdditionalMobileProps & {
|
|
22
|
-
/**
|
|
23
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
24
|
-
* @default 1024
|
|
25
|
-
*/
|
|
26
|
-
breakpoint?: number | undefined;
|
|
27
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
-
export { PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };
|
package/index-2aef4eba.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from "./Component.responsive-2aef4eba";
|
|
2
|
-
export { PickerButtonResponsive as PickerButton };
|
|
3
|
-
export type { PickerButtonResponsiveProps as PickerButtonProps };
|
|
4
|
-
export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
|
|
5
|
-
export { getIcon } from "./index-701e77da";
|
package/index-3ebe4754.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component-3ebe4754";
|
package/index-701e77da.d.ts
DELETED
|
File without changes
|