@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 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.virualized) {
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", "virualized"];
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
- virualized = props.virualized,
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
- virualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
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 react_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-6ea50319.esm.js");
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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
24543
- /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ "./src/input/dropdown/constants.js");
24544
- /* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getters */ "./src/input/dropdown/getters.js");
24545
- /* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
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 ? _constants__WEBPACK_IMPORTED_MODULE_4__.menuListItemHeight : _ref$optionHeight,
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(react_select__WEBPACK_IMPORTED_MODULE_7__.c.NoOptionsMessage, props.children.props);
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,_getters__WEBPACK_IMPORTED_MODULE_5__.getNextRowIndex)(focusedItemIndex, queueScrollToIdx, options));
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,_getters__WEBPACK_IMPORTED_MODULE_5__.getListHeight)({
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,_getters__WEBPACK_IMPORTED_MODULE_5__.getScrollIndex)({
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,_hooks__WEBPACK_IMPORTED_MODULE_3__.useDebouncedCallback)(function (_ref4) {
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(react_virtualized__WEBPACK_IMPORTED_MODULE_2__.List, {
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(_option__WEBPACK_IMPORTED_MODULE_6__["default"], {
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';