@luminati-io/uikit 1.9.12 → 1.9.14

package/dist/uikit.umd.js

@@ -23919,16 +23919,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
 /* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -23956,7 +23958,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Item = _menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item;
+
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var label = props.label,
     labelIcon = props.labelIcon,
@@ -23984,17 +23986,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     menuPlacement = props.menuPlacement,
     components = props.components,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslate)();
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_9__.useTranslate)();
   var styles = useCustomStyles(size);
-  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
+  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_13__["default"];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: ref,
     "data-testid": "dropdown"
   }, rest, {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.InputLabel, {
+    gap: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"]
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -24035,7 +24037,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     },
     closeMenuOnSelect: !multiselect,
     menuPlacement: menuPlacement
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.HelperText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -24081,7 +24083,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9,
       cursor: isDisabled ? 'default' : 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24099,7 +24101,7 @@ var ClearIndicator = function ClearIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9,
       cursor: 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24107,6 +24109,12 @@ var ClearIndicator = function ClearIndicator(props) {
   }));
 };
 ClearIndicator.displayName = 'ClearIndicator';
+var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_4___default()(_menu__WEBPACK_IMPORTED_MODULE_7__["default"].Item).withConfig({
+  displayName: "StyledItem",
+  componentId: "sc-1clfzmr-0"
+})(["", ""], function (props) {
+  return props.selected ? "background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_3, ";") : undefined;
+});
 var Option = function Option(props) {
   var data = props.data,
     className = props.className,
@@ -24116,7 +24124,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Item, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledItem, _extends({
     ref: innerRef,
     type: "item",
     className: cx({
@@ -24141,7 +24149,7 @@ var Group = function Group(props) {
     innerProps = props.innerProps,
     children = props.children,
     isFirstItem = props.isFirstItem;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuItemGroup, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.MenuItemGroup, _extends({
     ref: innerRef,
     isFirstItem: isFirstItem,
     className: cx({
@@ -24159,7 +24167,7 @@ var MenuList = function MenuList(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuContainer, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.MenuContainer, _extends({
     ref: innerRef,
     noShadow: true,
     role: "menu",
@@ -24183,25 +24191,25 @@ var useCustomStyles = function useCustomStyles(size) {
           md: 40,
           lg: 48
         };
-        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_7;
-        var color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50;
-        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white;
+        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_7;
+        var color = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_50;
+        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.white;
         var cursor = 'text';
         if (state.isDisabled) {
-          color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9;
-          borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6;
-          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2;
+          color = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9;
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_6;
+          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_11;
+        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_11;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm),
-          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputHorizontalPadding, "px"),
+          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm),
+          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_12__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_12__.inputHorizontalPadding, "px"),
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].line_height.none,
           color: color,
           backgroundColor: backgroundColor,
           borderColor: borderColor,
@@ -24216,12 +24224,12 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11
         });
       },
       indicatorsContainer: function indicatorsContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["03"],
+          gap: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["03"],
           minHeight: '24px'
         });
       },
@@ -24229,48 +24237,56 @@ var useCustomStyles = function useCustomStyles(size) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           padding: 0,
           boxSizing: 'border-box',
-          minWidth: '168px',
+          minWidth: 'fit-content',
           maxWidth: '540px',
-          width: 'max-content',
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].box_shadow.md
+          width: '100%',
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.white,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].box_shadow.md
         });
       },
       menuPortal: function menuPortal(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          zIndex: _constants__WEBPACK_IMPORTED_MODULE_10__.Z_INDEX.dropdown
+          zIndex: _constants__WEBPACK_IMPORTED_MODULE_11__.Z_INDEX.dropdown
         });
       },
       multiValue: function multiValue(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_3,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"]
         });
       },
       multiValueLabel: function multiValueLabel(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_25,
-          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["00"]
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].line_height.none,
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_25,
+          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["00"]
         });
       },
       multiValueRemove: function multiValueRemove(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11,
           cursor: 'pointer',
           ':hover': {
-            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
-            color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50
+            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_3,
+            color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_50
           }
         });
+      },
+      option: function option(baseStyles, state) {
+        console.log(baseStyles, state);
+        var backgroundColor = baseStyles.backgroundColor;
+        if (state.selected) backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_3;
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          backgroundColor: backgroundColor
+        });
       }
     };
   }, [size]);
@@ -24759,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();
@@ -24775,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
@@ -24801,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,
@@ -25452,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,
@@ -25480,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) {
@@ -25553,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
 
 
@@ -25566,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';
@@ -25602,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");
@@ -25617,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
 
 
@@ -25641,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,
@@ -25656,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);
@@ -25675,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"
@@ -25691,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, {
@@ -25739,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);
 }, {
@@ -25771,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:hidden;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',
@@ -25785,16 +25817,16 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
   no_wrap: true
 }).withConfig({
   displayName: "Description",
-  componentId: "sc-vtiffr-4"
+  componentId: "sc-vtiffr-5"
 })(["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({
+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);
 
@@ -26858,6 +26890,7 @@ Provider.propTypes = {
   disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -27371,7 +27404,9 @@ var TableHeader = function TableHeader(props) {
     compact = props.compact,
     left = props.left;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
-    headerGroups = _useTableContext.headerGroups;
+    headerGroups = _useTableContext.headerGroups,
+    hideHeader = _useTableContext.hideHeader;
+  if (hideHeader) return null;
   var style = {};
   if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(-left);
   var dataAttributes = {};