@luminati-io/uikit 1.9.0 → 1.9.1

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
@@ -24035,6 +24035,7 @@ var Option = function Option(props) {
24035
24035
  }, className)
24036
24036
  }, innerProps, {
24037
24037
  text: data.label,
24038
+ tooltip: data.tooltip,
24038
24039
  disabled: isDisabled,
24039
24040
  selected: isSelected
24040
24041
  }));
@@ -25520,16 +25521,17 @@ __webpack_require__.r(__webpack_exports__);
25520
25521
  /* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
25521
25522
  /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
25522
25523
  /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
25523
- /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
25524
- /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
25525
- /* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
25526
- /* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
25527
- /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
25524
+ /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
25525
+ /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
25526
+ /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
25527
+ /* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
25528
+ /* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
25529
+ /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
25528
25530
  // LICENSE_CODE ZON
25529
25531
 
25530
25532
 
25531
25533
  /*jslint react:true*/
25532
- var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu"],
25534
+ var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip"],
25533
25535
  _excluded2 = ["isLeft"];
25534
25536
  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); }
25535
25537
  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; }
@@ -25545,6 +25547,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
25545
25547
 
25546
25548
 
25547
25549
 
25550
+
25548
25551
  var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
25549
25552
  var type = props.type,
25550
25553
  text = props.text,
@@ -25558,8 +25561,9 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
25558
25561
  disabled = props.disabled,
25559
25562
  selected = props.selected,
25560
25563
  subMenu = props.subMenu,
25564
+ tooltip = props.tooltip,
25561
25565
  rest = _objectWithoutProperties(props, _excluded);
25562
- if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_8__["default"], {
25566
+ if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_9__["default"], {
25563
25567
  ref: ref
25564
25568
  });
25565
25569
  var subItems = Array.isArray(children) && children.length ? buildMenuItems(children, {
@@ -25567,21 +25571,24 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
25567
25571
  }) : undefined;
25568
25572
  var isSubMenu = subMenu || subItems;
25569
25573
  if (type == 'group') {
25570
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_9__["default"], _extends({
25574
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({
25571
25575
  ref: ref,
25572
25576
  text: text
25573
25577
  }, rest), subItems);
25574
25578
  }
25575
- var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('MenuItem', props),
25579
+ var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('MenuItem', props),
25576
25580
  isLeft = _getIconProps.isLeft,
25577
25581
  iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
25578
25582
  var iconColor = disabled ? 'gray_6' : variant == 'negative' ? 'red_10' : 'gray_9';
25579
25583
  var labelColor = disabled ? 'gray_9' : variant == 'negative' ? 'red_11' : 'gray_11_50';
25580
25584
  var Comp = subItems ? MenuItemPopover : MenuItemButton;
25581
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.MenuItemContainer, {
25585
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuItemContainer, {
25582
25586
  ref: ref,
25583
25587
  as: tag,
25584
25588
  role: "menuitem"
25589
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], {
25590
+ tooltip: tooltip,
25591
+ noWrap: true
25585
25592
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Comp, _extends({}, rest, {
25586
25593
  "aria-disabled": !!disabled,
25587
25594
  size: size,
@@ -25591,19 +25598,19 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
25591
25598
  }
25592
25599
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({}, iconProps, {
25593
25600
  color: iconColor
25594
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
25601
+ })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
25595
25602
  variant: "sm",
25596
25603
  no_wrap: true,
25597
25604
  color: labelColor
25598
25605
  }, text), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
25599
25606
  subMenu: true
25600
- }), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
25607
+ }), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
25601
25608
  variant: "sm",
25602
25609
  no_wrap: true,
25603
25610
  color: "gray_9"
25604
25611
  }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryText, null, secondaryText), !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
25605
25612
  selected: selected
25606
- }))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Description, null, description)));
25613
+ }))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Description, null, description))));
25607
25614
  });
25608
25615
  MenuItem.displayName = 'MenuItem';
25609
25616
  MenuItem.defaultProps = {
@@ -25618,18 +25625,19 @@ MenuItem.propTypes = {
25618
25625
  description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
25619
25626
  type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['item', 'divider', 'group']),
25620
25627
  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md']),
25621
- icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
25628
+ icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
25622
25629
  children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape(MenuItem.propTypes)),
25623
25630
  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative']),
25624
25631
  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
25625
25632
  selected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
25626
- subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
25633
+ subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
25634
+ tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
25627
25635
  };
25628
25636
  var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
25629
25637
  displayName: "MenuItemButton",
25630
25638
  componentId: "sc-vtiffr-0"
25631
25639
  })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
25632
- return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(props.size == 'sm' ? 32 : 40);
25640
+ return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(props.size == 'sm' ? 32 : 40);
25633
25641
  }, function (props) {
25634
25642
  return props['aria-disabled'] ? 'not-allowed' : 'pointer';
25635
25643
  }, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4);
@@ -25638,7 +25646,7 @@ var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function
25638
25646
  onClick: props.popover.toggle
25639
25647
  }));
25640
25648
  }, function (props) {
25641
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.MenuContainer, {
25649
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuContainer, {
25642
25650
  onClick: props.popover.hide
25643
25651
  }, props.subItems);
25644
25652
  }, {
@@ -25670,7 +25678,7 @@ var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__
25670
25678
  displayName: "RightIcon",
25671
25679
  componentId: "sc-vtiffr-2"
25672
25680
  })(["margin-left:auto;"]);
25673
- var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
25681
+ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
25674
25682
  variant: 'sm',
25675
25683
  color: 'gray_9',
25676
25684
  no_wrap: true
@@ -25678,7 +25686,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_ty
25678
25686
  displayName: "SecondaryText",
25679
25687
  componentId: "sc-vtiffr-3"
25680
25688
  })(["margin-left:auto;"]);
25681
- var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
25689
+ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
25682
25690
  variant: 'xs',
25683
25691
  color: 'gray_9',
25684
25692
  no_wrap: true