@luminati-io/uikit 3.2.11 → 3.2.12

package/dist/umd/uikit.development.js

@@ -37070,8 +37070,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__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 react_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-a301f526.esm.js");
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../checkbox */ "./src/input/checkbox.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-a301f526.esm.js");
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../checkbox */ "./src/input/checkbox.js");
 // LICENSE_CODE ZON
 
 
@@ -37090,20 +37092,25 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Option = function Option(props) {
   var children = props.children,
     innerProps = props.innerProps,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_3__.c.Option, _extends({}, rest, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_4__.c.Option, _extends({}, rest, {
     innerProps: _objectSpread({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(innerProps, 'onMouseMove', 'onMouseOver'))
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_checkbox__WEBPACK_IMPORTED_MODULE_2__.Checkbox, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_checkbox__WEBPACK_IMPORTED_MODULE_3__.Checkbox, {
     checked: props.isSelected,
     disabled: props.isDisabled,
     onChange: function onChange() {
       return null;
     }
-  }), children);
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TextOverflow, null, children));
 };
+var TextOverflow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "TextOverflow",
+  componentId: "sc-1fnb51k-0"
+})(["flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 
 /***/ }),
 
@@ -37203,6 +37210,24 @@ var useStyles = function useStyles(_ref) {
           boxShadow: undefined
         });
       },
+      menuList: function menuList(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          overflowX: 'hidden',
+          scrollbarColor: '#FFFFFF #DFE3E6',
+          scrollbarWidth: 'thin',
+          '&::-webkit-scrollbar': {
+            width: '4px',
+            height: '4px'
+          },
+          '&::-webkit-scrollbar-track': {
+            backgroundColor: '#FFFFFF'
+          },
+          '&::-webkit-scrollbar-thumb': {
+            backgroundColor: '#DFE3E6',
+            borderRadius: '2px'
+          }
+        });
+      },
       groupHeading: function groupHeading(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/base */
@@ -40345,7 +40370,7 @@ var MenuItemContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default()
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   ModalBase: () => (/* binding */ ModalBase)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
@@ -40379,7 +40404,7 @@ var MODAL_WIDTHS = {
 var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Box).withConfig({
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
-})(["background-color:", ";border-radius:", ";display:grid;grid-template-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
+})(["background-color:", ";border-radius:", ";display:flex;flex-direction:column;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
   return MODAL_WIDTHS[props.$size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
@@ -40395,7 +40420,7 @@ var StyledContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defaul
 }).withConfig({
   displayName: "StyledContentWrapper",
   componentId: "sc-1nggvo0-2"
-})(["overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
+})(["flex:1;overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
   return props.$borders && props.$borders.top ? "border-top: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
 }, function (props) {
   return props.$borders && props.$borders.bottom ? "border-bottom: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
@@ -40451,7 +40476,6 @@ ModalBase.defaultProps = {
   size: 'md',
   shadow: 'md'
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalBase);
 
 /***/ }),
 
@@ -40464,7 +40488,7 @@ ModalBase.defaultProps = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Base: () => (/* reexport safe */ _base__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   Base: () => (/* reexport safe */ _base__WEBPACK_IMPORTED_MODULE_0__.ModalBase),
 /* harmony export */   Button: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalButton),
 /* harmony export */   CloseButton: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.CloseButton),
 /* harmony export */   Footer: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalFooter),
@@ -40472,7 +40496,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Header: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalHeader),
 /* harmony export */   Popup: () => (/* reexport safe */ _modal__WEBPACK_IMPORTED_MODULE_1__.Popup),
 /* harmony export */   Title: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalTitle),
-/* harmony export */   withBackdrop: () => (/* reexport safe */ _with_backdrop__WEBPACK_IMPORTED_MODULE_3__["default"])
+/* harmony export */   withBackdrop: () => (/* reexport safe */ _with_backdrop__WEBPACK_IMPORTED_MODULE_3__.withBackdrop)
 /* harmony export */ });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/modal/base.js");
 /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./src/modal/modal.js");
@@ -40487,7 +40511,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/modal/modal.js":
@@ -40547,7 +40570,7 @@ var General = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fun
     okDisabled: okDisabled,
     cancelDisabled: cancelDisabled
   }) : null;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_3__.ModalBase, {
     id: id,
     className: className,
     "data-testid": "modal_general",
@@ -40573,7 +40596,7 @@ General.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg', 'full']),
   shadow: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['none', 'sm', 'md', 'lg'])
 };
-var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__["default"])(General);
+var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__.withBackdrop)(General);
 
 
 /***/ }),
@@ -40716,7 +40739,7 @@ ModalFooter.defaultProps = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   withBackdrop: () => (/* binding */ withBackdrop)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -40834,7 +40857,6 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 }, function (props) {
   return props.$show ? '0' : '-25%';
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withBackdrop);
 
 /***/ }),