@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 +27 -19
- 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
|
@@ -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
|
|
25524
|
-
/* harmony import */ var
|
|
25525
|
-
/* harmony import */ var
|
|
25526
|
-
/* harmony import */ var
|
|
25527
|
-
/* harmony import */ var
|
|
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(
|
|
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(
|
|
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,
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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,
|
|
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(
|
|
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()(
|
|
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()(
|
|
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
|