@itcase/ui 1.8.88 → 1.8.89
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.
|
@@ -138,13 +138,15 @@ var SelectMultiValueRemove = function (props) {
|
|
|
138
138
|
|
|
139
139
|
var SelectNoOptions = function (props) {
|
|
140
140
|
var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill;
|
|
141
|
-
return (jsxRuntime.jsx(Select.components.NoOptionsMessage, tslib_es6.__assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsxRuntime.jsx(Text.Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
|
|
141
|
+
return (jsxRuntime.jsx(Select.components.NoOptionsMessage, tslib_es6.__assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsxRuntime.jsx(Text.Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
|
|
142
|
+
? noOptionsSearchText
|
|
143
|
+
: noOptionsText }) })));
|
|
142
144
|
};
|
|
143
145
|
|
|
144
146
|
var SelectOption = function (props) {
|
|
145
|
-
var
|
|
147
|
+
var label = props.label, isSelected = props.isSelected;
|
|
146
148
|
var _a = props.selectProps, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillHover = _a.optionFillHover, optionSelected = _a.optionSelected, optionShape = _a.optionShape, optionTextColor = _a.optionTextColor, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
|
|
147
|
-
return (jsxRuntime.jsxs(Select.components.Option, tslib_es6.__assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsxRuntime.jsx(Text.Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && jsxRuntime.jsx("div", { className: "select__menu-list-item_selected", children: optionSelected }), optionAfter, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill",
|
|
149
|
+
return (jsxRuntime.jsxs(Select.components.Option, tslib_es6.__assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsxRuntime.jsx(Text.Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && (jsxRuntime.jsx("div", { className: "select__menu-list-item_selected", children: optionSelected })), optionAfter, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
|
|
148
150
|
};
|
|
149
151
|
|
|
150
152
|
var SelectPlaceholder = function (props) {
|
|
@@ -136,13 +136,15 @@ var SelectMultiValueRemove = function (props) {
|
|
|
136
136
|
|
|
137
137
|
var SelectNoOptions = function (props) {
|
|
138
138
|
var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill;
|
|
139
|
-
return (jsx(components.NoOptionsMessage, __assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
|
|
139
|
+
return (jsx(components.NoOptionsMessage, __assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
|
|
140
|
+
? noOptionsSearchText
|
|
141
|
+
: noOptionsText }) })));
|
|
140
142
|
};
|
|
141
143
|
|
|
142
144
|
var SelectOption = function (props) {
|
|
143
|
-
var
|
|
145
|
+
var label = props.label, isSelected = props.isSelected;
|
|
144
146
|
var _a = props.selectProps, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillHover = _a.optionFillHover, optionSelected = _a.optionSelected, optionShape = _a.optionShape, optionTextColor = _a.optionTextColor, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
|
|
145
|
-
return (jsxs(components.Option, __assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && jsx("div", { className: "select__menu-list-item_selected", children: optionSelected }), optionAfter, showDivider && (jsx(Divider, { width: "fill",
|
|
147
|
+
return (jsxs(components.Option, __assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && (jsx("div", { className: "select__menu-list-item_selected", children: optionSelected })), optionAfter, showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
|
|
146
148
|
};
|
|
147
149
|
|
|
148
150
|
var SelectPlaceholder = function (props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.89",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
"dependencies": {
|
|
103
103
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
104
104
|
"@itcase/common": "^1.2.28",
|
|
105
|
-
"@itcase/icons": "^1.2.
|
|
106
|
-
"@itcase/storybook-config": "^1.1.
|
|
105
|
+
"@itcase/icons": "^1.2.19",
|
|
106
|
+
"@itcase/storybook-config": "^1.1.78",
|
|
107
107
|
"@itcase/tokens-am": "^1.1.19",
|
|
108
108
|
"@itcase/tokens-baikal": "^1.1.17",
|
|
109
109
|
"@itcase/tokens-palette": "^1.1.11",
|