@alfalab/core-components-picker-button 13.0.6 → 13.0.7
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/cssm/mobile/Component.mobile.js +1 -1
- package/cssm/mobile/Component.mobile.js.map +1 -1
- package/esm/field/index.css +5 -5
- package/esm/field/index.module.css.js +1 -1
- package/esm/index.css +4 -4
- package/esm/index.module.css.js +1 -1
- package/esm/mobile/Component.mobile.js +1 -1
- package/esm/mobile/Component.mobile.js.map +1 -1
- package/esm/option/index.css +3 -3
- package/esm/option/index.module.css.js +1 -1
- package/field/index.css +5 -5
- package/field/index.module.css.js +1 -1
- package/index.css +4 -4
- package/index.module.css.js +1 -1
- package/mobile/Component.mobile.js +1 -1
- package/mobile/Component.mobile.js.map +1 -1
- package/modern/field/index.css +5 -5
- package/modern/field/index.module.css.js +1 -1
- package/modern/index.css +4 -4
- package/modern/index.module.css.js +1 -1
- package/modern/mobile/Component.mobile.js +1 -1
- package/modern/mobile/Component.mobile.js.map +1 -1
- package/modern/option/index.css +3 -3
- package/modern/option/index.module.css.js +1 -1
- package/moderncssm/mobile/Component.mobile.js +1 -1
- package/moderncssm/mobile/Component.mobile.js.map +1 -1
- package/option/index.css +3 -3
- package/option/index.module.css.js +1 -1
- package/package.json +4 -4
- package/src/mobile/Component.mobile.tsx +1 -0
|
@@ -27,7 +27,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
|
|
|
27
27
|
breakpoint: breakpoint,
|
|
28
28
|
icon: icon,
|
|
29
29
|
};
|
|
30
|
-
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
30
|
+
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
exports.PickerButtonMobile = PickerButtonMobile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n optionProps={{ Checkmark: null }}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EACLC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAAA,cAAA,CAAA,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,IACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,oCACH,iBAAiB,CAAA,EAChB,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}
|
package/esm/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1lxp4 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1lxp4 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1lxp4 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1lxp4:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"iconContainer":"picker-
|
|
3
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_1aqfd {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_1aqfd {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_1aqfd:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
package/esm/index.module.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"picker-
|
|
3
|
+
var styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -19,7 +19,7 @@ var PickerButtonMobile = forwardRef(function (_a, ref) {
|
|
|
19
19
|
breakpoint: breakpoint,
|
|
20
20
|
icon: icon,
|
|
21
21
|
};
|
|
22
|
-
return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
22
|
+
return (React.createElement(SelectMobile, __assign({}, restProps, { optionProps: { Checkmark: null }, label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
export { PickerButtonMobile };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;;IA0Ba,kBAAkB,GAAG,UAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBA,QAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,MAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1BC,UAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,QAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n optionProps={{ Checkmark: null }}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;;IA0Ba,kBAAkB,GAAG,UAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBA,QAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,MAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1BC,UAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,QAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,EACL,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAEL,QAAM,EACd,gBAAgB,EAAA,QAAA,CAAA,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,IACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAEI,OAAK,EACZ,QAAQ,EAAEF,UAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,wBACH,iBAAiB,CAAA,EAChB,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}
|
package/esm/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_elub2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_elub2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_elub2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"picker-
|
|
3
|
+
var styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1lxp4 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1lxp4 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1lxp4 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1lxp4:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"iconContainer":"picker-
|
|
5
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_1aqfd {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_1aqfd {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_1aqfd:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
package/index.module.css.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -27,7 +27,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
|
|
|
27
27
|
breakpoint: breakpoint,
|
|
28
28
|
icon: icon,
|
|
29
29
|
};
|
|
30
|
-
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
30
|
+
return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
exports.PickerButtonMobile = PickerButtonMobile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n optionProps={{ Checkmark: null }}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EACLC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAAA,cAAA,CAAA,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,IACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,oCACH,iBAAiB,CAAA,EAChB,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}
|
package/modern/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1lxp4 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1lxp4 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1lxp4 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1lxp4:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"iconContainer":"picker-
|
|
3
|
+
const styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_1aqfd {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_1aqfd {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_1aqfd:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"picker-
|
|
3
|
+
const styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -17,7 +17,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
|
|
|
17
17
|
breakpoint,
|
|
18
18
|
icon,
|
|
19
19
|
};
|
|
20
|
-
return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
|
|
20
|
+
return (React.createElement(SelectMobile, { ...restProps, optionProps: { Checkmark: null }, label: label, Option: Option$1, bottomSheetProps: {
|
|
21
21
|
title: label,
|
|
22
22
|
stickyHeader: true,
|
|
23
23
|
showSwipeMarker: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;AA0Ba,MAAA,kBAAkB,GAAG,UAAU,CACxC,CACI,EACI,OAAO,EACP,KAAK,UACLA,QAAM,GAAGC,MAAa,YACtBC,UAAQ,GAAGC,QAAe,EAC1B,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,SAAS,SACTC,OAAK,GAAGC,KAAY,EACpB,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,iBAAiB,GAAG;QACtB,IAAI;QACJ,OAAO;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;QACtB,UAAU;QACV,WAAW;QACX,SAAS;QACT,UAAU;QACV,IAAI;KACP;
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n optionProps={{ Checkmark: null }}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;AA0Ba,MAAA,kBAAkB,GAAG,UAAU,CACxC,CACI,EACI,OAAO,EACP,KAAK,UACLA,QAAM,GAAGC,MAAa,YACtBC,UAAQ,GAAGC,QAAe,EAC1B,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,SAAS,SACTC,OAAK,GAAGC,KAAY,EACpB,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,iBAAiB,GAAG;QACtB,IAAI;QACJ,OAAO;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;QACtB,UAAU;QACV,WAAW;QACX,SAAS;QACT,UAAU;QACV,IAAI;KACP;IAED,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,SAAS,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAEL,QAAM,EACd,gBAAgB,EAAE;AACd,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,eAAe,EAAE,KAAK;AACtB,YAAA,GAAG,gBAAgB;SACtB,EACD,KAAK,EAAEI,OAAK,EACZ,QAAQ,EAAEF,UAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE;AACR,YAAA,GAAG,iBAAiB;AACpB,YAAA,GAAI,UAAqB;AAC5B,SAAA,EACD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CACd;AAEV,CAAC;;;;"}
|
package/modern/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_elub2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_elub2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_elub2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"picker-
|
|
3
|
+
const styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -17,7 +17,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
|
|
|
17
17
|
breakpoint,
|
|
18
18
|
icon,
|
|
19
19
|
};
|
|
20
|
-
return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
|
|
20
|
+
return (React.createElement(SelectMobile, { ...restProps, optionProps: { Checkmark: null }, label: label, Option: Option$1, bottomSheetProps: {
|
|
21
21
|
title: label,
|
|
22
22
|
stickyHeader: true,
|
|
23
23
|
showSwipeMarker: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;AA0Ba,MAAA,kBAAkB,GAAG,UAAU,CACxC,CACI,EACI,OAAO,EACP,KAAK,UACLA,QAAM,GAAGC,MAAa,YACtBC,UAAQ,GAAGC,QAAe,EAC1B,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,SAAS,SACTC,OAAK,GAAGC,KAAY,EACpB,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,iBAAiB,GAAG;QACtB,IAAI;QACJ,OAAO;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;QACtB,UAAU;QACV,WAAW;QACX,SAAS;QACT,UAAU;QACV,IAAI;KACP;
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n type AdditionalMobileProps,\n type BottomSheetSelectMobileProps,\n Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n PickerButtonDesktopProps,\n 'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка для кнопки, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n (\n {\n options,\n label,\n Option = DefaultOption,\n Optgroup = DefaultOptgroup,\n view,\n loading,\n variant = 'default',\n leftAddons,\n rightAddons,\n size,\n bottomSheetProps,\n showArrow,\n Field = DefaultField,\n fieldProps = {},\n icon,\n breakpoint,\n ...restProps\n },\n ref,\n ) => {\n const fieldDefaultProps = {\n view,\n loading,\n /** size у select, button несовместимы */\n buttonSize: size,\n buttonVariant: variant,\n leftAddons,\n rightAddons,\n showArrow,\n breakpoint,\n icon,\n };\n\n return (\n <SelectMobile\n {...restProps}\n optionProps={{ Checkmark: null }}\n label={label}\n Option={Option}\n bottomSheetProps={{\n title: label,\n stickyHeader: true,\n showSwipeMarker: false,\n ...bottomSheetProps,\n }}\n Field={Field}\n Optgroup={Optgroup}\n size={size === 56 ? 56 : 48}\n closeOnSelect={true}\n fieldProps={{\n ...fieldDefaultProps,\n ...(fieldProps as object),\n }}\n ref={ref}\n options={options}\n selected={[]}\n />\n );\n },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;AA0Ba,MAAA,kBAAkB,GAAG,UAAU,CACxC,CACI,EACI,OAAO,EACP,KAAK,UACLA,QAAM,GAAGC,MAAa,YACtBC,UAAQ,GAAGC,QAAe,EAC1B,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,SAAS,SACTC,OAAK,GAAGC,KAAY,EACpB,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,iBAAiB,GAAG;QACtB,IAAI;QACJ,OAAO;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;QACtB,UAAU;QACV,WAAW;QACX,SAAS;QACT,UAAU;QACV,IAAI;KACP;IAED,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,SAAS,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAEL,QAAM,EACd,gBAAgB,EAAE;AACd,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,eAAe,EAAE,KAAK;AACtB,YAAA,GAAG,gBAAgB;SACtB,EACD,KAAK,EAAEI,OAAK,EACZ,QAAQ,EAAEF,UAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE;AACR,YAAA,GAAG,iBAAiB;AACpB,YAAA,GAAI,UAAqB;AAC5B,SAAA,EACD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CACd;AAEV,CAAC;;;;"}
|
package/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_elub2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_elub2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_elub2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.7",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
"main": "index.js",
|
|
11
11
|
"module": "./esm/index.js",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@alfalab/core-components-button": "^13.0
|
|
13
|
+
"@alfalab/core-components-button": "^13.1.0",
|
|
14
14
|
"@alfalab/core-components-mq": "^6.0.2",
|
|
15
15
|
"@alfalab/core-components-popover": "^8.0.2",
|
|
16
|
-
"@alfalab/core-components-select": "^19.0
|
|
16
|
+
"@alfalab/core-components-select": "^19.1.0",
|
|
17
17
|
"@alfalab/icons-glyph": "^2.260.0",
|
|
18
18
|
"classnames": "^2.5.1",
|
|
19
19
|
"tslib": "^2.4.0"
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
"access": "public",
|
|
27
27
|
"directory": "dist"
|
|
28
28
|
},
|
|
29
|
-
"themesVersion": "15.0.
|
|
29
|
+
"themesVersion": "15.0.2",
|
|
30
30
|
"varsVersion": "11.0.1"
|
|
31
31
|
}
|