@luminati-io/uikit 1.9.13 → 1.9.15

package/dist/uikit.umd.js

@@ -24237,7 +24237,7 @@ var useCustomStyles = function useCustomStyles(size) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           padding: 0,
           boxSizing: 'border-box',
-          minWidth: '168px',
+          minWidth: 'fit-content',
           maxWidth: '540px',
           width: '100%',
           backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.white,
@@ -24775,14 +24775,6 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     setActive(false);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   };
-  var onValueChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    onChange.apply(void 0, arguments);
-    // XXX vadimv: hack to autoresize textarea
-    if (autoresize) {
-      field.current.style.height = 0;
-      field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(field.current.scrollHeight);
-    }
-  }, [onChange]);
   var onWrapperClick = function onWrapperClick() {
     var _field$current;
     return field === null || field === void 0 ? void 0 : (_field$current = field.current) === null || _field$current === void 0 ? void 0 : _field$current.focus();
@@ -24791,6 +24783,10 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     var _field$current2;
     if (autofocus) field === null || field === void 0 ? void 0 : (_field$current2 = field.current) === null || _field$current2 === void 0 ? void 0 : _field$current2.focus();
   }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    // XXX vadimv: hack to autoresize textarea
+    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(field.current.scrollHeight);
+  }, [autoresize, value]);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref
@@ -24817,7 +24813,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
     ref: field,
     disabled: disabled,
-    onChange: onValueChange,
+    onChange: onChange,
     onFocus: onFieldFocus,
     onBlur: onFieldBlur,
     value: value,
@@ -25468,6 +25464,11 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     size = props.size,
     icon = props.icon,
     rest = _objectWithoutProperties(props, _excluded);
+  if (variant == 'inline') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InlineLink, _extends({
+      ref: ref
+    }, rest, (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getLinkProps)(props)), text);
+  }
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Link', props),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
@@ -25496,16 +25497,21 @@ Link.defaultProps = {
 };
 Link.propTypes = {
   text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'inline']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
   href: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   newTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
+var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
+  displayName: "InlineLink",
+  componentId: "sc-1ilmd36-0"
+})(["justify-content:center;text-decoration:underline;background:0 none;border:0 none;padding:0;cursor:pointer;&:disabled{cursor:not-allowed;}&:hover,:visited,:focus{text-decoration:underline;}"]);
+InlineLink.displayName = 'InlineLink';
 var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "StyledLink",
-  componentId: "sc-1ilmd36-0"
+  componentId: "sc-1ilmd36-1"
 })(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.size == 'lg' ? 8 : 4);
 }, function (props) {
@@ -25569,8 +25575,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _menu_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./menu_item */ "./src/menu/menu_item.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -25582,19 +25587,23 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var items = props.items,
     size = props.size,
     rest = _objectWithoutProperties(props, _excluded);
   if (!items || !items.length) return null;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.MenuContainer, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_2__.MenuContainer, _extends({
     ref: ref
   }, rest, {
     role: "menu",
     "data-testid": "menu"
-  }), (0,_menu_item__WEBPACK_IMPORTED_MODULE_2__.buildMenuItems)(items, {
-    size: size
+  }), items.map(function (item, ind) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Menu.Item, _extends({
+      key: item.key
+    }, item, {
+      size: size,
+      isFirstItem: ind == 0
+    }));
   }));
 });
 Menu.displayName = 'Menu';
@@ -25618,7 +25627,6 @@ Menu.propTypes = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "buildMenuItems": () => (/* binding */ buildMenuItems),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
@@ -25633,9 +25641,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -25657,6 +25666,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var type = props.type,
     text = props.text,
@@ -25672,15 +25682,15 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     subMenu = props.subMenu,
     tooltip = props.tooltip,
     rest = _objectWithoutProperties(props, _excluded);
-  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_9__["default"], {
+  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_10__["default"], {
     ref: ref
   });
-  var subItems = Array.isArray(children) && children.length ? buildMenuItems(children, {
+  var subItems = buildSubItems(children, {
     size: size
-  }) : undefined;
+  });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_11__["default"], _extends({
       ref: ref,
       text: text
     }, rest), subItems);
@@ -25691,7 +25701,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   var iconColor = disabled ? 'gray_6' : variant == 'negative' ? 'red_10' : 'gray_9';
   var labelColor = disabled ? 'gray_9' : variant == 'negative' ? 'red_11' : 'gray_11_50';
   var Comp = subItems ? MenuItemPopover : MenuItemButton;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuItemContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuItemContainer, {
     ref: ref,
     as: tag,
     role: "menuitem"
@@ -25707,8 +25717,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     }
   }), /*#__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, {
     color: iconColor
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
-    variant: "sm",
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
     no_wrap: true,
     color: labelColor
   }, text), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
@@ -25755,7 +25764,7 @@ var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function
     onClick: props.popover.toggle
   }));
 }, function (props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuContainer, {
     onClick: props.popover.hide
   }, props.subItems);
 }, {
@@ -25787,13 +25796,20 @@ var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__
   displayName: "RightIcon",
   componentId: "sc-vtiffr-2"
 })(["margin-left:auto;"]);
+var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+  variant: 'sm',
+  no_wrap: true
+}).withConfig({
+  displayName: "PrimaryText",
+  componentId: "sc-vtiffr-3"
+})(["overflow-x:clip;text-overflow:ellipsis;"]);
 var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
   variant: 'sm',
   color: 'gray_9',
   no_wrap: true
 }).withConfig({
   displayName: "SecondaryText",
-  componentId: "sc-vtiffr-3"
+  componentId: "sc-vtiffr-4"
 })(["margin-left:auto;"]);
 var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
   variant: 'xs',
@@ -25801,16 +25817,16 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
   no_wrap: true
 }).withConfig({
   displayName: "Description",
-  componentId: "sc-vtiffr-4"
-})(["max-width:516px;text-overflow:ellipsis;overflow-x:clip;"]);
-var buildMenuItems = function buildMenuItems(items, itemProps) {
-  return items.map(function (item, ind) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItem, _extends({
+  componentId: "sc-vtiffr-5"
+})(["max-width:516px;overflow-x:clip;text-overflow:ellipsis;"]);
+var buildSubItems = function buildSubItems(children, itemProps) {
+  return Array.isArray(children) && children.length > 0 ? children.map(function (item, ind) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_9__["default"].Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
     }));
-  });
+  }) : undefined;
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuItem);