@luminati-io/uikit 1.9.27-beta.0 → 1.9.27
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/dist/uikit.umd.js +32 -20
- package/dist/uikit.umd.js.map +1 -1
- package/dist/uikit.umd.min.js +1 -1
- package/package.json +1 -1
package/dist/uikit.umd.js
CHANGED
|
@@ -23839,7 +23839,7 @@ var buildComponents = function buildComponents(props) {
|
|
|
23839
23839
|
Group: _group__WEBPACK_IMPORTED_MODULE_2__["default"],
|
|
23840
23840
|
Option: _option__WEBPACK_IMPORTED_MODULE_4__["default"]
|
|
23841
23841
|
}, props.components);
|
|
23842
|
-
if (props.
|
|
23842
|
+
if (props.virtualized) {
|
|
23843
23843
|
components.MenuList = (0,_virtualized_list__WEBPACK_IMPORTED_MODULE_5__["default"])({
|
|
23844
23844
|
optionHeight: props.optionHeight,
|
|
23845
23845
|
defaultValue: props.defaultValue,
|
|
@@ -23945,7 +23945,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23945
23945
|
|
|
23946
23946
|
|
|
23947
23947
|
/*jslint react:true*/
|
|
23948
|
-
var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "components", "
|
|
23948
|
+
var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "components", "virtualized"];
|
|
23949
23949
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23950
23950
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23951
23951
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -23986,7 +23986,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
|
|
|
23986
23986
|
formatOptionLabel = props.formatOptionLabel,
|
|
23987
23987
|
menuPlacement = props.menuPlacement,
|
|
23988
23988
|
components = props.components,
|
|
23989
|
-
|
|
23989
|
+
virtualized = props.virtualized,
|
|
23990
23990
|
rest = _objectWithoutProperties(props, _excluded);
|
|
23991
23991
|
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
|
|
23992
23992
|
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslate)();
|
|
@@ -24058,7 +24058,7 @@ Dropdown.propTypes = {
|
|
|
24058
24058
|
onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
|
|
24059
24059
|
classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
|
|
24060
24060
|
menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['bottom', 'auto', 'top']),
|
|
24061
|
-
|
|
24061
|
+
virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
|
|
24062
24062
|
};
|
|
24063
24063
|
Dropdown.defaultProps = {
|
|
24064
24064
|
size: 'sm',
|
|
@@ -24351,7 +24351,8 @@ var Option = function Option(props) {
|
|
|
24351
24351
|
isDisabled = props.isDisabled,
|
|
24352
24352
|
isFocused = props.isFocused,
|
|
24353
24353
|
isSelected = props.isSelected,
|
|
24354
|
-
innerRef = props.innerRef
|
|
24354
|
+
innerRef = props.innerRef,
|
|
24355
|
+
tag = props.tag;
|
|
24355
24356
|
// eslint-disable-next-line no-unused-vars
|
|
24356
24357
|
var _props$innerProps = props.innerProps,
|
|
24357
24358
|
onMouseMove = _props$innerProps.onMouseMove,
|
|
@@ -24370,7 +24371,8 @@ var Option = function Option(props) {
|
|
|
24370
24371
|
text: data.label,
|
|
24371
24372
|
tooltip: data.tooltip,
|
|
24372
24373
|
disabled: isDisabled,
|
|
24373
|
-
selected: isSelected
|
|
24374
|
+
selected: isSelected,
|
|
24375
|
+
tag: tag
|
|
24374
24376
|
}));
|
|
24375
24377
|
};
|
|
24376
24378
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Option);
|
|
@@ -24537,12 +24539,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
24537
24539
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
|
|
24538
24540
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
24539
24541
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
24540
|
-
/* harmony import */ var
|
|
24542
|
+
/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-6ea50319.esm.js");
|
|
24541
24543
|
/* harmony import */ var react_virtualized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-virtualized */ "./node_modules/react-virtualized/dist/es/index.js");
|
|
24542
|
-
/* harmony import */ var
|
|
24543
|
-
/* harmony import */ var
|
|
24544
|
-
/* harmony import */ var
|
|
24545
|
-
/* harmony import */ var
|
|
24544
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
24545
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
|
|
24546
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
|
|
24547
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
|
|
24548
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ "./src/input/dropdown/constants.js");
|
|
24549
|
+
/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./getters */ "./src/input/dropdown/getters.js");
|
|
24550
|
+
/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
|
|
24546
24551
|
// LICENSE_CODE ZON
|
|
24547
24552
|
|
|
24548
24553
|
|
|
@@ -24562,16 +24567,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
24562
24567
|
|
|
24563
24568
|
|
|
24564
24569
|
|
|
24570
|
+
|
|
24571
|
+
|
|
24565
24572
|
var VirtualizedListFactory = function VirtualizedListFactory(_ref) {
|
|
24566
24573
|
var _ref$optionHeight = _ref.optionHeight,
|
|
24567
|
-
optionHeight = _ref$optionHeight === void 0 ?
|
|
24574
|
+
optionHeight = _ref$optionHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.menuListItemHeight : _ref$optionHeight,
|
|
24568
24575
|
defaultValue = _ref.defaultValue,
|
|
24569
24576
|
valueGetter = _ref.valueGetter,
|
|
24570
24577
|
formatOptionLabel = _ref.formatOptionLabel;
|
|
24571
24578
|
var Comp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().memo(function (props) {
|
|
24572
24579
|
var selectedValue = props.getValue() ? props.getValue()[0] : undefined;
|
|
24573
24580
|
if (props.children && !props.children.length) {
|
|
24574
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
24581
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_9__.c.NoOptionsMessage, props.children.props);
|
|
24575
24582
|
}
|
|
24576
24583
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ListVirtualized, _extends({}, props, {
|
|
24577
24584
|
optionHeight: optionHeight,
|
|
@@ -24584,6 +24591,10 @@ var VirtualizedListFactory = function VirtualizedListFactory(_ref) {
|
|
|
24584
24591
|
Comp.displayName = 'VirtualizedListComp';
|
|
24585
24592
|
return Comp;
|
|
24586
24593
|
};
|
|
24594
|
+
var StyledList = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(react_virtualized__WEBPACK_IMPORTED_MODULE_2__.List).withConfig({
|
|
24595
|
+
displayName: "StyledList",
|
|
24596
|
+
componentId: "sc-18emnrh-0"
|
|
24597
|
+
})(["", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].scrollbars.thin);
|
|
24587
24598
|
var ListVirtualizedComponent = function ListVirtualizedComponent(props) {
|
|
24588
24599
|
var listComponent;
|
|
24589
24600
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(undefined),
|
|
@@ -24606,7 +24617,7 @@ var ListVirtualizedComponent = function ListVirtualizedComponent(props) {
|
|
|
24606
24617
|
// only scroll to index when we have something in the queue of focused
|
|
24607
24618
|
// and not visible
|
|
24608
24619
|
if (listComponent && queueScrollToIdx !== undefined && focusedItemIndex !== undefined) {
|
|
24609
|
-
listComponent.current.scrollToRow((0,
|
|
24620
|
+
listComponent.current.scrollToRow((0,_getters__WEBPACK_IMPORTED_MODULE_7__.getNextRowIndex)(focusedItemIndex, queueScrollToIdx, options));
|
|
24610
24621
|
setQueueScrollToIdx(undefined);
|
|
24611
24622
|
}
|
|
24612
24623
|
}, [listComponent, queueScrollToIdx, focusedItemIndex, options]);
|
|
@@ -24619,14 +24630,14 @@ var ListVirtualizedComponent = function ListVirtualizedComponent(props) {
|
|
|
24619
24630
|
}, 100);
|
|
24620
24631
|
}, [setFocusedItemIndex, focusedItemIndex, setQueueScrollToIdx, queueScrollToIdx]);
|
|
24621
24632
|
var height = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
|
|
24622
|
-
return (0,
|
|
24633
|
+
return (0,_getters__WEBPACK_IMPORTED_MODULE_7__.getListHeight)({
|
|
24623
24634
|
maxHeight: maxHeight,
|
|
24624
24635
|
totalSize: children.length,
|
|
24625
24636
|
optionHeight: optionHeight
|
|
24626
24637
|
});
|
|
24627
24638
|
}, [maxHeight, children.length, optionHeight]);
|
|
24628
24639
|
var scrollToIndex = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
|
|
24629
|
-
return (0,
|
|
24640
|
+
return (0,_getters__WEBPACK_IMPORTED_MODULE_7__.getScrollIndex)({
|
|
24630
24641
|
children: options,
|
|
24631
24642
|
selected: selectedValue || defaultValue,
|
|
24632
24643
|
valueGetter: valueGetter
|
|
@@ -24647,7 +24658,7 @@ var ListVirtualizedComponent = function ListVirtualizedComponent(props) {
|
|
|
24647
24658
|
var index = _ref3.index;
|
|
24648
24659
|
return !!list[index];
|
|
24649
24660
|
}, [list]);
|
|
24650
|
-
var loadMoreRows = (0,
|
|
24661
|
+
var loadMoreRows = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useDebouncedCallback)(function (_ref4) {
|
|
24651
24662
|
var startIndex = _ref4.startIndex,
|
|
24652
24663
|
stopIndex = _ref4.stopIndex;
|
|
24653
24664
|
for (var i = startIndex; i <= stopIndex; i++) list.push(children[i]);
|
|
@@ -24665,7 +24676,7 @@ var ListVirtualizedComponent = function ListVirtualizedComponent(props) {
|
|
|
24665
24676
|
}, function (_ref6) {
|
|
24666
24677
|
var onRowsRendered = _ref6.onRowsRendered,
|
|
24667
24678
|
registerChild = _ref6.registerChild;
|
|
24668
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
24679
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledList, {
|
|
24669
24680
|
ref: function ref(element) {
|
|
24670
24681
|
registerChild(element);
|
|
24671
24682
|
listComponent = {
|
|
@@ -24731,7 +24742,7 @@ var VirtualizedListRowRenderer = function VirtualizedListRowRenderer(_ref7) {
|
|
|
24731
24742
|
className: className,
|
|
24732
24743
|
key: key,
|
|
24733
24744
|
style: style
|
|
24734
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
24745
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_option__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
|
24735
24746
|
key: key,
|
|
24736
24747
|
style: style,
|
|
24737
24748
|
data: thisProps.data,
|
|
@@ -24745,7 +24756,8 @@ var VirtualizedListRowRenderer = function VirtualizedListRowRenderer(_ref7) {
|
|
|
24745
24756
|
cx: thisProps.cx,
|
|
24746
24757
|
innerRef: thisProps.innerRef,
|
|
24747
24758
|
innerProps: thisProps.innerProps,
|
|
24748
|
-
formatOptionLabel: formatOptionLabel
|
|
24759
|
+
formatOptionLabel: formatOptionLabel,
|
|
24760
|
+
tag: "div"
|
|
24749
24761
|
}));
|
|
24750
24762
|
};
|
|
24751
24763
|
Comp.displayName = 'VirtualizedListRowRendererComp';
|