@alfalab/core-components-picker-button 10.3.6 → 10.3.8
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.d.ts +1 -1
- package/Component.js +4 -4
- package/Component.mobile.js +3 -3
- package/Component.responsive.d.ts +1 -1
- package/Component.responsive.js +3 -3
- package/cssm/Component.js +3 -3
- package/cssm/Component.mobile.js +3 -3
- package/cssm/Component.responsive.js +3 -3
- package/cssm/desktop.js +1 -1
- package/cssm/field/Component.js +5 -5
- package/cssm/field/index.js +1 -1
- package/cssm/index.js +1 -1
- package/cssm/mobile.js +1 -1
- package/cssm/option/Component.js +3 -3
- package/cssm/option/index.js +1 -1
- package/cssm/responsive.js +1 -1
- package/desktop.js +1 -1
- package/esm/Component.js +2 -2
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/field/Component.js +2 -2
- package/esm/field/index.css +5 -5
- package/esm/field/index.js +1 -1
- package/esm/index.css +7 -7
- package/esm/index.js +1 -1
- package/esm/mobile.js +1 -1
- package/esm/option/Component.js +2 -2
- package/esm/option/index.css +4 -4
- package/esm/option/index.js +1 -1
- package/esm/responsive.js +1 -1
- package/field/Component.js +6 -6
- package/field/index.css +5 -5
- package/field/index.js +1 -1
- package/index.css +7 -7
- package/index.js +1 -1
- package/mobile.js +1 -1
- package/modern/Component.js +1 -1
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +5 -5
- package/modern/index.css +7 -7
- package/modern/option/Component.js +1 -1
- package/modern/option/index.css +4 -4
- package/option/Component.js +4 -4
- package/option/index.css +4 -4
- package/option/index.js +1 -1
- package/package.json +5 -4
- package/responsive.js +1 -1
- package/typings-cac440c1.d.ts +1 -1
- package/cssm/tslib.es6-bbd6cd2a.d.ts +0 -36
- package/cssm/tslib.es6-bbd6cd2a.js +0 -42
- package/esm/tslib.es6-a34e2b8a.d.ts +0 -36
- package/esm/tslib.es6-a34e2b8a.js +0 -40
- package/tslib.es6-15b3e51c.d.ts +0 -36
- package/tslib.es6-15b3e51c.js +0 -42
package/Component.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
|
|
|
26
26
|
*/
|
|
27
27
|
showArrow?: boolean;
|
|
28
28
|
};
|
|
29
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "
|
|
29
|
+
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
|
|
30
30
|
options: Array<BaseSelectProps['options'][0] & {
|
|
31
31
|
/**
|
|
32
32
|
* Иконка, отображающаяся слева от текстового представления пункта
|
package/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
@@ -18,15 +18,15 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
19
19
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
20
20
|
|
|
21
|
-
var styles = {"container":"picker-
|
|
21
|
+
var styles = {"container":"picker-button__container_5kt5q","optionsPopover":"picker-button__optionsPopover_5kt5q","sideGap":"picker-button__sideGap_5kt5q","optionsListContainer":"picker-button__optionsListContainer_5kt5q","option":"picker-button__option_5kt5q"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
25
25
|
var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
|
|
26
26
|
var _b;
|
|
27
|
-
var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps =
|
|
27
|
+
var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
|
|
28
28
|
var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
|
|
29
|
-
return (React__default.default.createElement(coreComponentsSelect.BaseSelect,
|
|
29
|
+
return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
|
|
30
30
|
view: view,
|
|
31
31
|
loading: loading,
|
|
32
32
|
/** size у select, button несовместимы */
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
var field_Component = require('./field/Component.js');
|
|
@@ -18,8 +18,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
19
19
|
|
|
20
20
|
var PickerButtonMobile = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, restProps =
|
|
22
|
-
return (React__default.default.createElement(coreComponentsSelect.SelectMobile,
|
|
21
|
+
var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
|
|
22
|
+
return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
|
|
23
23
|
view: view,
|
|
24
24
|
loading: loading,
|
|
25
25
|
/** size у select, button несовместимы */
|
|
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
|
|
|
11
11
|
*/
|
|
12
12
|
breakpoint?: number;
|
|
13
13
|
};
|
|
14
|
-
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "
|
|
14
|
+
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
|
|
15
15
|
options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
|
|
16
16
|
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
17
17
|
})[];
|
package/Component.responsive.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var hooks = require('@alfalab/hooks');
|
|
6
6
|
var Component = require('./Component.js');
|
|
@@ -21,12 +21,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
22
22
|
|
|
23
23
|
var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
24
|
-
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps =
|
|
24
|
+
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
25
25
|
var view = hooks.useMedia([
|
|
26
26
|
['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
|
|
27
27
|
['desktop', "(min-width: ".concat(breakpoint, "px)")],
|
|
28
28
|
], 'desktop')[0];
|
|
29
|
-
return view === 'desktop' ? (React__default.default.createElement(Component.PickerButtonDesktop,
|
|
29
|
+
return view === 'desktop' ? (React__default.default.createElement(Component.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
30
30
|
});
|
|
31
31
|
|
|
32
32
|
exports.PickerButtonResponsive = PickerButtonResponsive;
|
package/cssm/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
|
|
@@ -25,9 +25,9 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
|
25
25
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
26
26
|
var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
|
|
27
27
|
var _b;
|
|
28
|
-
var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps =
|
|
28
|
+
var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
|
|
29
29
|
var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
|
|
30
|
-
return (React__default.default.createElement(coreComponentsSelect.BaseSelect,
|
|
30
|
+
return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
|
|
31
31
|
view: view,
|
|
32
32
|
loading: loading,
|
|
33
33
|
/** size у select, button несовместимы */
|
package/cssm/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
|
|
6
6
|
var field_Component = require('./field/Component.js');
|
|
@@ -20,8 +20,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
21
21
|
|
|
22
22
|
var PickerButtonMobile = React.forwardRef(function (_a, ref) {
|
|
23
|
-
var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, restProps =
|
|
24
|
-
return (React__default.default.createElement(coreComponentsSelect.SelectMobile,
|
|
23
|
+
var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
|
|
24
|
+
return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
|
|
25
25
|
view: view,
|
|
26
26
|
loading: loading,
|
|
27
27
|
/** size у select, button несовместимы */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var hooks = require('@alfalab/hooks');
|
|
6
6
|
var Component = require('./Component.js');
|
|
@@ -24,12 +24,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
24
24
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
25
25
|
|
|
26
26
|
var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
27
|
-
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps =
|
|
27
|
+
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
28
28
|
var view = hooks.useMedia([
|
|
29
29
|
['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
|
|
30
30
|
['desktop', "(min-width: ".concat(breakpoint, "px)")],
|
|
31
31
|
], 'desktop')[0];
|
|
32
|
-
return view === 'desktop' ? (React__default.default.createElement(Component.PickerButtonDesktop,
|
|
32
|
+
return view === 'desktop' ? (React__default.default.createElement(Component.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
exports.PickerButtonResponsive = PickerButtonResponsive;
|
package/cssm/desktop.js
CHANGED
package/cssm/field/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
@@ -19,12 +19,12 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
|
19
19
|
|
|
20
20
|
var Field = function (_a) {
|
|
21
21
|
var _b;
|
|
22
|
-
var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps =
|
|
22
|
+
var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
|
|
23
23
|
var Icon = utils_index.getIcon(buttonVariant, buttonSize);
|
|
24
|
-
var ref = innerProps.ref, restInnerProps =
|
|
25
|
-
var buttonProps =
|
|
24
|
+
var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
|
|
25
|
+
var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
|
|
26
26
|
return (React__default.default.createElement("div", { ref: ref },
|
|
27
|
-
React__default.default.createElement(coreComponentsButton.Button,
|
|
27
|
+
React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
|
|
28
28
|
rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.addonsContainer, (_b = {},
|
|
29
29
|
_b[styles__default.default.showControlIcon] = showArrow || buttonVariant === 'compact',
|
|
30
30
|
_b)) }, rightAddons)),
|
package/cssm/field/index.js
CHANGED
package/cssm/index.js
CHANGED
package/cssm/mobile.js
CHANGED
package/cssm/option/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
|
|
6
6
|
var styles = require('./index.module.css');
|
|
@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
11
11
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
12
12
|
|
|
13
13
|
var Option = function (_a) {
|
|
14
|
-
var option = _a.option, children = _a.children, restProps =
|
|
14
|
+
var option = _a.option, children = _a.children, restProps = tslib.__rest(_a, ["option", "children"]);
|
|
15
15
|
var content = children || option.content || option.key;
|
|
16
16
|
var Icon = option.icon;
|
|
17
|
-
return (React__default.default.createElement(coreComponentsSelect.Option,
|
|
17
|
+
return (React__default.default.createElement(coreComponentsSelect.Option, tslib.__assign({ option: option }, restProps),
|
|
18
18
|
React__default.default.createElement("div", { className: styles__default.default.container },
|
|
19
19
|
Icon && React__default.default.createElement(Icon, { className: styles__default.default.icon }),
|
|
20
20
|
React__default.default.createElement("div", { className: styles__default.default.content }, content))));
|
package/cssm/option/index.js
CHANGED
package/cssm/responsive.js
CHANGED
package/desktop.js
CHANGED
package/esm/Component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
|
|
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
11
11
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
12
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
13
|
|
|
14
|
-
var styles = {"container":"picker-
|
|
14
|
+
var styles = {"container":"picker-button__container_5kt5q","optionsPopover":"picker-button__optionsPopover_5kt5q","sideGap":"picker-button__sideGap_5kt5q","optionsListContainer":"picker-button__optionsListContainer_5kt5q","option":"picker-button__option_5kt5q"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import { Field } from './field/Component.js';
|
package/esm/desktop.js
CHANGED
package/esm/field/Component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React, { Fragment } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { Button } from '@alfalab/core-components-button/esm';
|
|
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
8
8
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
9
9
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
10
10
|
|
|
11
|
-
var styles = {"iconContainer":"picker-
|
|
11
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1bebl","addonsContainer":"picker-button__addonsContainer_1bebl","showControlIcon":"picker-button__showControlIcon_1bebl","open":"picker-button__open_1bebl"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Field = function (_a) {
|
package/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ul2b */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bebl {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bebl {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bebl.picker-button__showControlIcon_1bebl {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bebl {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/esm/field/index.js
CHANGED
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1newi */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_5kt5q {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q.picker-button__sideGap_5kt5q {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_5kt5q {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_5kt5q {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_5kt5q:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
package/esm/index.js
CHANGED
package/esm/mobile.js
CHANGED
package/esm/option/Component.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Option as Option$1 } from '@alfalab/core-components-select/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_12i7f","icon":"picker-button__icon_12i7f","content":"picker-button__content_12i7f"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Option = function (_a) {
|
package/esm/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 14jxw */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_12i7f {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_12i7f {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_12i7f {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/esm/option/index.js
CHANGED
package/esm/responsive.js
CHANGED
package/field/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
@@ -15,17 +15,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
16
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
17
|
|
|
18
|
-
var styles = {"iconContainer":"picker-
|
|
18
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1bebl","addonsContainer":"picker-button__addonsContainer_1bebl","showControlIcon":"picker-button__showControlIcon_1bebl","open":"picker-button__open_1bebl"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var Field = function (_a) {
|
|
22
22
|
var _b;
|
|
23
|
-
var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps =
|
|
23
|
+
var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
|
|
24
24
|
var Icon = utils_index.getIcon(buttonVariant, buttonSize);
|
|
25
|
-
var ref = innerProps.ref, restInnerProps =
|
|
26
|
-
var buttonProps =
|
|
25
|
+
var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
|
|
26
|
+
var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
|
|
27
27
|
return (React__default.default.createElement("div", { ref: ref },
|
|
28
|
-
React__default.default.createElement(coreComponentsButton.Button,
|
|
28
|
+
React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
|
|
29
29
|
rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.addonsContainer, (_b = {},
|
|
30
30
|
_b[styles.showControlIcon] = showArrow || buttonVariant === 'compact',
|
|
31
31
|
_b)) }, rightAddons)),
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ul2b */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bebl {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bebl {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bebl.picker-button__showControlIcon_1bebl {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bebl {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/field/index.js
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1newi */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_5kt5q {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q.picker-button__sideGap_5kt5q {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_5kt5q {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_5kt5q {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_5kt5q:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
package/index.js
CHANGED
package/mobile.js
CHANGED
package/modern/Component.js
CHANGED
|
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
10
10
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
11
11
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
12
12
|
|
|
13
|
-
const styles = {"container":"picker-
|
|
13
|
+
const styles = {"container":"picker-button__container_5kt5q","optionsPopover":"picker-button__optionsPopover_5kt5q","sideGap":"picker-button__sideGap_5kt5q","optionsListContainer":"picker-button__optionsListContainer_5kt5q","option":"picker-button__option_5kt5q"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
7
7
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
8
8
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
9
9
|
|
|
10
|
-
const styles = {"iconContainer":"picker-
|
|
10
|
+
const styles = {"iconContainer":"picker-button__iconContainer_1bebl","addonsContainer":"picker-button__addonsContainer_1bebl","showControlIcon":"picker-button__showControlIcon_1bebl","open":"picker-button__open_1bebl"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ul2b */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
--arrow-transform: rotate(180deg);
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__iconContainer_1bebl {
|
|
20
20
|
display: flex;
|
|
21
21
|
transition: transform 0.15s ease-in-out;
|
|
22
|
-
} .picker-
|
|
22
|
+
} .picker-button__addonsContainer_1bebl {
|
|
23
23
|
display: flex
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__addonsContainer_1bebl.picker-button__showControlIcon_1bebl {
|
|
25
25
|
margin-right: var(--gap-2xs);
|
|
26
|
-
} .picker-
|
|
26
|
+
} .picker-button__open_1bebl {
|
|
27
27
|
transform: var(--arrow-transform);
|
|
28
28
|
}
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1newi */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__container_5kt5q {
|
|
22
22
|
min-width: auto;
|
|
23
|
-
} .cc-picker-button.picker-
|
|
23
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q {
|
|
24
24
|
padding: var(--gap-2xs) 0
|
|
25
|
-
} .cc-picker-button.picker-
|
|
25
|
+
} .cc-picker-button.picker-button__optionsPopover_5kt5q.picker-button__sideGap_5kt5q {
|
|
26
26
|
padding: 0 var(--gap-xs);
|
|
27
|
-
} .cc-picker-button .picker-
|
|
27
|
+
} .cc-picker-button .picker-button__optionsListContainer_5kt5q {
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
|
-
} .cc-picker-button .picker-
|
|
29
|
+
} .cc-picker-button .picker-button__option_5kt5q {
|
|
30
30
|
padding: 0 var(--gap-m)
|
|
31
|
-
} .cc-picker-button .picker-
|
|
31
|
+
} .cc-picker-button .picker-button__option_5kt5q:before {
|
|
32
32
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Option as Option$1 } from '@alfalab/core-components-select/modern';
|
|
3
3
|
|
|
4
|
-
const styles = {"container":"picker-
|
|
4
|
+
const styles = {"container":"picker-button__container_12i7f","icon":"picker-button__icon_12i7f","content":"picker-button__content_12i7f"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Option = ({ option, children, ...restProps }) => {
|
package/modern/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 14jxw */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_12i7f {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_12i7f {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_12i7f {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/option/Component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
|
|
@@ -8,14 +8,14 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
10
|
|
|
11
|
-
var styles = {"container":"picker-
|
|
11
|
+
var styles = {"container":"picker-button__container_12i7f","icon":"picker-button__icon_12i7f","content":"picker-button__content_12i7f"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Option = function (_a) {
|
|
15
|
-
var option = _a.option, children = _a.children, restProps =
|
|
15
|
+
var option = _a.option, children = _a.children, restProps = tslib.__rest(_a, ["option", "children"]);
|
|
16
16
|
var content = children || option.content || option.key;
|
|
17
17
|
var Icon = option.icon;
|
|
18
|
-
return (React__default.default.createElement(coreComponentsSelect.Option,
|
|
18
|
+
return (React__default.default.createElement(coreComponentsSelect.Option, tslib.__assign({ option: option }, restProps),
|
|
19
19
|
React__default.default.createElement("div", { className: styles.container },
|
|
20
20
|
Icon && React__default.default.createElement(Icon, { className: styles.icon }),
|
|
21
21
|
React__default.default.createElement("div", { className: styles.content }, content))));
|
package/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 14jxw */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_12i7f {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_12i7f {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_12i7f {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/option/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.8",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,10 +18,11 @@
|
|
|
18
18
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@alfalab/core-components-button": "^7.0
|
|
22
|
-
"@alfalab/core-components-select": "^13.2.
|
|
21
|
+
"@alfalab/core-components-button": "^7.1.0",
|
|
22
|
+
"@alfalab/core-components-select": "^13.2.13",
|
|
23
23
|
"@alfalab/icons-classic": "^2.3.0",
|
|
24
24
|
"@alfalab/icons-glyph": "^2.89.0",
|
|
25
|
-
"classnames": "^2.3.1"
|
|
25
|
+
"classnames": "^2.3.1",
|
|
26
|
+
"tslib": "^2.4.0"
|
|
26
27
|
}
|
|
27
28
|
}
|
package/responsive.js
CHANGED
package/typings-cac440c1.d.ts
CHANGED
|
@@ -124,7 +124,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
|
|
|
124
124
|
*/
|
|
125
125
|
dataTestId?: string;
|
|
126
126
|
};
|
|
127
|
-
declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "
|
|
127
|
+
declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
|
|
128
128
|
value?: string | undefined;
|
|
129
129
|
defaultValue?: string | undefined;
|
|
130
130
|
block?: boolean | undefined;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
declare function __extends(d: any, b: any): void;
|
|
2
|
-
declare function __rest(s: any, e: any): {};
|
|
3
|
-
declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
|
|
4
|
-
declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
|
|
5
|
-
declare function __metadata(metadataKey: any, metadataValue: any): any;
|
|
6
|
-
declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
|
|
7
|
-
declare function __generator(thisArg: any, body: any): {
|
|
8
|
-
next: (v: any) => any;
|
|
9
|
-
throw: (v: any) => any;
|
|
10
|
-
return: (v: any) => any;
|
|
11
|
-
};
|
|
12
|
-
declare function __exportStar(m: any, o: any): void;
|
|
13
|
-
declare function __values(o: any): any;
|
|
14
|
-
declare function __read(o: any, n: any): any;
|
|
15
|
-
/** @deprecated */
|
|
16
|
-
declare function __spread(...args: any[]): any[];
|
|
17
|
-
/** @deprecated */
|
|
18
|
-
declare function __spreadArrays(...args: any[]): any[];
|
|
19
|
-
declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
|
|
20
|
-
declare function __await(v: any): __await;
|
|
21
|
-
declare class __await {
|
|
22
|
-
constructor(v: any);
|
|
23
|
-
v: any;
|
|
24
|
-
}
|
|
25
|
-
declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
|
|
26
|
-
declare function __asyncDelegator(o: any): {};
|
|
27
|
-
declare function __asyncValues(o: any): any;
|
|
28
|
-
declare function __makeTemplateObject(cooked: any, raw: any): any;
|
|
29
|
-
declare function __importStar(mod: any): any;
|
|
30
|
-
declare function __importDefault(mod: any): any;
|
|
31
|
-
declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
|
|
32
|
-
declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
|
|
33
|
-
declare function __classPrivateFieldIn(state: any, receiver: any): any;
|
|
34
|
-
declare function __assign(...args: any[]): any;
|
|
35
|
-
declare function __createBinding(o: any, m: any, k: any, k2: any): void;
|
|
36
|
-
export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
/******************************************************************************
|
|
4
|
-
Copyright (c) Microsoft Corporation.
|
|
5
|
-
|
|
6
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
7
|
-
purpose with or without fee is hereby granted.
|
|
8
|
-
|
|
9
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
10
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
11
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
12
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
13
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
14
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
15
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
16
|
-
***************************************************************************** */
|
|
17
|
-
exports.__assign = function () {
|
|
18
|
-
exports.__assign = Object.assign || function __assign(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s)
|
|
22
|
-
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
23
|
-
t[p] = s[p];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
return exports.__assign.apply(this, arguments);
|
|
28
|
-
};
|
|
29
|
-
function __rest(s, e) {
|
|
30
|
-
var t = {};
|
|
31
|
-
for (var p in s)
|
|
32
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
33
|
-
t[p] = s[p];
|
|
34
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
35
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
36
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
37
|
-
t[p[i]] = s[p[i]];
|
|
38
|
-
}
|
|
39
|
-
return t;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
exports.__rest = __rest;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
declare function __extends(d: any, b: any): void;
|
|
2
|
-
declare function __rest(s: any, e: any): {};
|
|
3
|
-
declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
|
|
4
|
-
declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
|
|
5
|
-
declare function __metadata(metadataKey: any, metadataValue: any): any;
|
|
6
|
-
declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
|
|
7
|
-
declare function __generator(thisArg: any, body: any): {
|
|
8
|
-
next: (v: any) => any;
|
|
9
|
-
throw: (v: any) => any;
|
|
10
|
-
return: (v: any) => any;
|
|
11
|
-
};
|
|
12
|
-
declare function __exportStar(m: any, o: any): void;
|
|
13
|
-
declare function __values(o: any): any;
|
|
14
|
-
declare function __read(o: any, n: any): any;
|
|
15
|
-
/** @deprecated */
|
|
16
|
-
declare function __spread(...args: any[]): any[];
|
|
17
|
-
/** @deprecated */
|
|
18
|
-
declare function __spreadArrays(...args: any[]): any[];
|
|
19
|
-
declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
|
|
20
|
-
declare function __await(v: any): __await;
|
|
21
|
-
declare class __await {
|
|
22
|
-
constructor(v: any);
|
|
23
|
-
v: any;
|
|
24
|
-
}
|
|
25
|
-
declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
|
|
26
|
-
declare function __asyncDelegator(o: any): {};
|
|
27
|
-
declare function __asyncValues(o: any): any;
|
|
28
|
-
declare function __makeTemplateObject(cooked: any, raw: any): any;
|
|
29
|
-
declare function __importStar(mod: any): any;
|
|
30
|
-
declare function __importDefault(mod: any): any;
|
|
31
|
-
declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
|
|
32
|
-
declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
|
|
33
|
-
declare function __classPrivateFieldIn(state: any, receiver: any): any;
|
|
34
|
-
declare function __assign(...args: any[]): any;
|
|
35
|
-
declare function __createBinding(o: any, m: any, k: any, k2: any): void;
|
|
36
|
-
export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/******************************************************************************
|
|
2
|
-
Copyright (c) Microsoft Corporation.
|
|
3
|
-
|
|
4
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
5
|
-
purpose with or without fee is hereby granted.
|
|
6
|
-
|
|
7
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
8
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
9
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
10
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
11
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
12
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
13
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
14
|
-
***************************************************************************** */
|
|
15
|
-
var __assign = function () {
|
|
16
|
-
__assign = Object.assign || function __assign(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s)
|
|
20
|
-
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
function __rest(s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s)
|
|
30
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
-
t[p] = s[p];
|
|
32
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export { __rest as _, __assign as a };
|
package/tslib.es6-15b3e51c.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
declare function __extends(d: any, b: any): void;
|
|
2
|
-
declare function __rest(s: any, e: any): {};
|
|
3
|
-
declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
|
|
4
|
-
declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
|
|
5
|
-
declare function __metadata(metadataKey: any, metadataValue: any): any;
|
|
6
|
-
declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
|
|
7
|
-
declare function __generator(thisArg: any, body: any): {
|
|
8
|
-
next: (v: any) => any;
|
|
9
|
-
throw: (v: any) => any;
|
|
10
|
-
return: (v: any) => any;
|
|
11
|
-
};
|
|
12
|
-
declare function __exportStar(m: any, o: any): void;
|
|
13
|
-
declare function __values(o: any): any;
|
|
14
|
-
declare function __read(o: any, n: any): any;
|
|
15
|
-
/** @deprecated */
|
|
16
|
-
declare function __spread(...args: any[]): any[];
|
|
17
|
-
/** @deprecated */
|
|
18
|
-
declare function __spreadArrays(...args: any[]): any[];
|
|
19
|
-
declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
|
|
20
|
-
declare function __await(v: any): __await;
|
|
21
|
-
declare class __await {
|
|
22
|
-
constructor(v: any);
|
|
23
|
-
v: any;
|
|
24
|
-
}
|
|
25
|
-
declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
|
|
26
|
-
declare function __asyncDelegator(o: any): {};
|
|
27
|
-
declare function __asyncValues(o: any): any;
|
|
28
|
-
declare function __makeTemplateObject(cooked: any, raw: any): any;
|
|
29
|
-
declare function __importStar(mod: any): any;
|
|
30
|
-
declare function __importDefault(mod: any): any;
|
|
31
|
-
declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
|
|
32
|
-
declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
|
|
33
|
-
declare function __classPrivateFieldIn(state: any, receiver: any): any;
|
|
34
|
-
declare function __assign(...args: any[]): any;
|
|
35
|
-
declare function __createBinding(o: any, m: any, k: any, k2: any): void;
|
|
36
|
-
export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
|
package/tslib.es6-15b3e51c.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
/******************************************************************************
|
|
4
|
-
Copyright (c) Microsoft Corporation.
|
|
5
|
-
|
|
6
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
7
|
-
purpose with or without fee is hereby granted.
|
|
8
|
-
|
|
9
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
10
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
11
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
12
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
13
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
14
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
15
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
16
|
-
***************************************************************************** */
|
|
17
|
-
exports.__assign = function () {
|
|
18
|
-
exports.__assign = Object.assign || function __assign(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s)
|
|
22
|
-
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
23
|
-
t[p] = s[p];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
return exports.__assign.apply(this, arguments);
|
|
28
|
-
};
|
|
29
|
-
function __rest(s, e) {
|
|
30
|
-
var t = {};
|
|
31
|
-
for (var p in s)
|
|
32
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
33
|
-
t[p] = s[p];
|
|
34
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
35
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
36
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
37
|
-
t[p[i]] = s[p[i]];
|
|
38
|
-
}
|
|
39
|
-
return t;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
exports.__rest = __rest;
|