ui-beyable 1.0.22-beta.7 → 1.0.23
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ISelect } from './types';
|
|
3
|
-
declare function Select({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description,
|
|
3
|
+
declare function Select({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description, placeholder, labelPosition, labelClassName, blockClassName, onChange, disabled, isClearable, hasArrow, fullWidth, autoWidth, ellips, size, color, style, autocomplete, autocompleteValue, autocompletePlaceholder, autocompleteEmptyState, onAutocomplete, autocompleteIsLoading, clearAutocompleteOnClose, hasHoverSidebar, hoverSidebarRender, hoverSidebarPlaceholder }: ISelect): JSX.Element;
|
|
4
4
|
export { Select };
|
package/lib/cjs/index.js
CHANGED
|
@@ -3293,7 +3293,7 @@ var scroll = {"scroll_custom":"Scroll-module_scroll_custom__MU0dM","vscroll":"Sc
|
|
|
3293
3293
|
styleInject(css_248z);
|
|
3294
3294
|
|
|
3295
3295
|
function Select(_a) {
|
|
3296
|
-
var children = _a.children, optionsList = _a.optionsList, value = _a.value, friendlyValue = _a.friendlyValue, _b = _a.label, label = _b === void 0 ? '' : _b, labelTooltip = _a.labelTooltip, labelTooltipHTML = _a.labelTooltipHTML, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.
|
|
3296
|
+
var children = _a.children, optionsList = _a.optionsList, value = _a.value, friendlyValue = _a.friendlyValue, _b = _a.label, label = _b === void 0 ? '' : _b, labelTooltip = _a.labelTooltip, labelTooltipHTML = _a.labelTooltipHTML, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.placeholder, placeholder = _d === void 0 ? '-' : _d, _e = _a.labelPosition, labelPosition = _e === void 0 ? 'outer' : _e, _f = _a.labelClassName, labelClassName = _f === void 0 ? '' : _f, _g = _a.blockClassName, blockClassName = _g === void 0 ? '' : _g, onChange = _a.onChange, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.isClearable, isClearable = _j === void 0 ? false : _j, _k = _a.hasArrow, hasArrow = _k === void 0 ? true : _k, _l = _a.fullWidth, fullWidth = _l === void 0 ? false : _l, _m = _a.autoWidth, autoWidth = _m === void 0 ? true : _m, _o = _a.ellips, ellips = _o === void 0 ? false : _o, _p = _a.size, size = _p === void 0 ? 'm' : _p, _q = _a.color, color = _q === void 0 ? 'grey' : _q, style = _a.style, _r = _a.autocomplete, autocomplete = _r === void 0 ? false : _r, _s = _a.autocompleteValue, autocompleteValue = _s === void 0 ? '' : _s, _t = _a.autocompletePlaceholder, autocompletePlaceholder = _t === void 0 ? 'Search' : _t, _u = _a.autocompleteEmptyState, autocompleteEmptyState = _u === void 0 ? React.createElement(React.Fragment, null) : _u, onAutocomplete = _a.onAutocomplete, _v = _a.autocompleteIsLoading, autocompleteIsLoading = _v === void 0 ? false : _v, _w = _a.clearAutocompleteOnClose, clearAutocompleteOnClose = _w === void 0 ? true : _w, _x = _a.hasHoverSidebar, hasHoverSidebar = _x === void 0 ? false : _x, hoverSidebarRender = _a.hoverSidebarRender, _y = _a.hoverSidebarPlaceholder, hoverSidebarPlaceholder = _y === void 0 ? '' : _y;
|
|
3297
3297
|
var wrapperClass = [textfieldStyles.wrapper, textfieldStyles.wrapper_clickable, groupStyles.item];
|
|
3298
3298
|
var _z = React.useState(false), isOpen = _z[0], setIsOpen = _z[1];
|
|
3299
3299
|
var _0 = React.useState(''), hoverContent = _0[0], setHoverContent = _0[1];
|
|
@@ -3392,8 +3392,8 @@ function Select(_a) {
|
|
|
3392
3392
|
var valueEl = (React.createElement(React.Fragment, null, selectedOptionLabel ?
|
|
3393
3393
|
React.createElement(React.Fragment, null, selectedOptionLabel)
|
|
3394
3394
|
:
|
|
3395
|
-
React.createElement("span", null,
|
|
3396
|
-
var button = (React.createElement("button", { className: wrapperClass.join(' ') },
|
|
3395
|
+
React.createElement("span", null, placeholder)));
|
|
3396
|
+
var button = (React.createElement("button", { className: wrapperClass.join(' '), type: "button" },
|
|
3397
3397
|
label && labelPosition == 'inner' ?
|
|
3398
3398
|
React.createElement("span", { className: textfieldStyles.value_with_label },
|
|
3399
3399
|
React.createElement("span", { className: textfieldStyles.value_label }, label),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ISelect } from './types';
|
|
3
|
-
declare function Select({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description,
|
|
3
|
+
declare function Select({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description, placeholder, labelPosition, labelClassName, blockClassName, onChange, disabled, isClearable, hasArrow, fullWidth, autoWidth, ellips, size, color, style, autocomplete, autocompleteValue, autocompletePlaceholder, autocompleteEmptyState, onAutocomplete, autocompleteIsLoading, clearAutocompleteOnClose, hasHoverSidebar, hoverSidebarRender, hoverSidebarPlaceholder }: ISelect): JSX.Element;
|
|
4
4
|
export { Select };
|
package/lib/esm/index.js
CHANGED
|
@@ -3291,7 +3291,7 @@ var scroll = {"scroll_custom":"Scroll-module_scroll_custom__MU0dM","vscroll":"Sc
|
|
|
3291
3291
|
styleInject(css_248z);
|
|
3292
3292
|
|
|
3293
3293
|
function Select(_a) {
|
|
3294
|
-
var children = _a.children, optionsList = _a.optionsList, value = _a.value, friendlyValue = _a.friendlyValue, _b = _a.label, label = _b === void 0 ? '' : _b, labelTooltip = _a.labelTooltip, labelTooltipHTML = _a.labelTooltipHTML, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.
|
|
3294
|
+
var children = _a.children, optionsList = _a.optionsList, value = _a.value, friendlyValue = _a.friendlyValue, _b = _a.label, label = _b === void 0 ? '' : _b, labelTooltip = _a.labelTooltip, labelTooltipHTML = _a.labelTooltipHTML, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.placeholder, placeholder = _d === void 0 ? '-' : _d, _e = _a.labelPosition, labelPosition = _e === void 0 ? 'outer' : _e, _f = _a.labelClassName, labelClassName = _f === void 0 ? '' : _f, _g = _a.blockClassName, blockClassName = _g === void 0 ? '' : _g, onChange = _a.onChange, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.isClearable, isClearable = _j === void 0 ? false : _j, _k = _a.hasArrow, hasArrow = _k === void 0 ? true : _k, _l = _a.fullWidth, fullWidth = _l === void 0 ? false : _l, _m = _a.autoWidth, autoWidth = _m === void 0 ? true : _m, _o = _a.ellips, ellips = _o === void 0 ? false : _o, _p = _a.size, size = _p === void 0 ? 'm' : _p, _q = _a.color, color = _q === void 0 ? 'grey' : _q, style = _a.style, _r = _a.autocomplete, autocomplete = _r === void 0 ? false : _r, _s = _a.autocompleteValue, autocompleteValue = _s === void 0 ? '' : _s, _t = _a.autocompletePlaceholder, autocompletePlaceholder = _t === void 0 ? 'Search' : _t, _u = _a.autocompleteEmptyState, autocompleteEmptyState = _u === void 0 ? React.createElement(React.Fragment, null) : _u, onAutocomplete = _a.onAutocomplete, _v = _a.autocompleteIsLoading, autocompleteIsLoading = _v === void 0 ? false : _v, _w = _a.clearAutocompleteOnClose, clearAutocompleteOnClose = _w === void 0 ? true : _w, _x = _a.hasHoverSidebar, hasHoverSidebar = _x === void 0 ? false : _x, hoverSidebarRender = _a.hoverSidebarRender, _y = _a.hoverSidebarPlaceholder, hoverSidebarPlaceholder = _y === void 0 ? '' : _y;
|
|
3295
3295
|
var wrapperClass = [textfieldStyles.wrapper, textfieldStyles.wrapper_clickable, groupStyles.item];
|
|
3296
3296
|
var _z = useState(false), isOpen = _z[0], setIsOpen = _z[1];
|
|
3297
3297
|
var _0 = useState(''), hoverContent = _0[0], setHoverContent = _0[1];
|
|
@@ -3390,8 +3390,8 @@ function Select(_a) {
|
|
|
3390
3390
|
var valueEl = (React.createElement(React.Fragment, null, selectedOptionLabel ?
|
|
3391
3391
|
React.createElement(React.Fragment, null, selectedOptionLabel)
|
|
3392
3392
|
:
|
|
3393
|
-
React.createElement("span", null,
|
|
3394
|
-
var button = (React.createElement("button", { className: wrapperClass.join(' ') },
|
|
3393
|
+
React.createElement("span", null, placeholder)));
|
|
3394
|
+
var button = (React.createElement("button", { className: wrapperClass.join(' '), type: "button" },
|
|
3395
3395
|
label && labelPosition == 'inner' ?
|
|
3396
3396
|
React.createElement("span", { className: textfieldStyles.value_with_label },
|
|
3397
3397
|
React.createElement("span", { className: textfieldStyles.value_label }, label),
|