@luminati-io/uikit 3.0.24 → 3.1.1

package/dist/umd/uikit.development.js

@@ -26022,16 +26022,16 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     labelIcon: labelIcon,
     required: required
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
-    heightCalculationCallback: heightCalculationCallback
+    $heightCalculationCallback: heightCalculationCallback
   }, leftOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LeftOuterContentWrapper, null, leftOuterContent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputWrapper, {
     ref: innerWrapper,
-    active: active,
-    disabled: disabled,
-    invalid: invalid,
-    leftOuterContent: leftOuterContent,
-    rightOuterContent: rightOuterContent,
-    heightCalculationCallback: heightCalculationCallback,
-    verticalAlign: verticalAlign,
+    $active: active,
+    $disabled: disabled,
+    $invalid: invalid,
+    $leftOuterContent: leftOuterContent,
+    $rightOuterContent: rightOuterContent,
+    $heightCalculationCallback: heightCalculationCallback,
+    $verticalAlign: verticalAlign,
     onClick: onWrapperClick
   }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
     ref: field,
@@ -26137,46 +26137,46 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
   displayName: "InputContentWrapper",
   componentId: "sc-r60v1b-5"
 })(["", " border-radius:4px;"], function (props) {
-  return props.heightCalculationCallback();
+  return props.$heightCalculationCallback();
 });
 var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-6"
 })(["width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
-  return props.verticalAlign;
+  return props.$verticalAlign;
 }, function (props) {
-  var leftOuterContent = props.leftOuterContent,
-    rightOuterContent = props.rightOuterContent;
+  var $leftOuterContent = props.$leftOuterContent,
+    $rightOuterContent = props.$rightOuterContent;
   var borderTopLeftRadius = 4;
   var borderBottomLeftRadius = 4;
   var borderTopRightRadius = 4;
   var borderBottomRightRadius = 4;
   var borderLeftWidth = 1;
   var borderRightWidth = 1;
-  if (leftOuterContent) {
+  if ($leftOuterContent) {
     borderTopLeftRadius = borderBottomLeftRadius = 0;
     borderLeftWidth = 0;
   }
-  if (rightOuterContent) {
+  if ($rightOuterContent) {
     borderTopRightRadius = borderBottomRightRadius = 0;
     borderRightWidth = 0;
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomRightRadius));
 }, function (props) {
-  var _props$heightCalculat;
-  return (_props$heightCalculat = props.heightCalculationCallback) === null || _props$heightCalculat === void 0 ? void 0 : _props$heightCalculat.call(props);
+  var _props$$heightCalcula;
+  return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
 }, function (props) {
   var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
   var boxShadow = 'none';
   var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
   var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
   var cursor = 'text';
-  if (props.disabled) {
+  if (props.$disabled) {
     color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
     borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
     backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
     cursor = 'default';
-  } else if (props.invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.active) {
+  } else if (props.$invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.$active) {
     borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
     boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
   }
@@ -26184,7 +26184,7 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
 });
 InputWrapper.displayName = 'InputWrapper';
 InputWrapper.defaultProps = {
-  verticalAlign: 'normal'
+  $verticalAlign: 'normal'
 };
 var HelperText = function HelperText(props) {
   var children = props.children,
@@ -28220,7 +28220,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
 
 
@@ -28228,7 +28234,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var assign = Object.assign;
 var Cell = function Cell(props) {
   var classNamePrefix = props.classNamePrefix,
     rowDensity = props.rowDensity,
@@ -28259,21 +28264,22 @@ var Cell = function Cell(props) {
   var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnDoneEditing(columnId, rowId);
   }, [columnDoneEditing, columnId, rowId]);
-  var cellProps = assign({
-    type: type,
-    rowDensity: rowDensity,
-    canEdit: canEdit,
-    isEditing: isEditing
-  }, {
-    border: isLastRow ? null : 'bottom'
-  }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]), canEdit ? {
-    onClick: function onClick(e) {
+  var cellProps = _objectSpread({
+    $type: type,
+    $rowDensity: rowDensity,
+    $canEdit: canEdit,
+    $isEditing: isEditing,
+    $isLastRow: isLastRow
+  }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
+  if (canEdit) {
+    cellProps.onClick = function (e) {
       e.stopPropagation();
       startEditing();
-    }
-  } : undefined);
+    };
+  }
+  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({}, cellProps, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className)
+    className: className
   }), cell.render('Cell', {
     row: row,
     isEditing: isEditing,
@@ -28286,25 +28292,25 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   displayName: "StyledCell",
   componentId: "sc-b034il-0"
 })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{", "}", ""], function (props) {
-  return props.type == 'number' ? 'text-align: right;' : null;
+  return props.$type == 'number' ? 'text-align: right;' : null;
 }, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_6__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
-  if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
-  if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+  if (props.$isFooter) return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+  if (props.$isLastRow) return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
 }, function (props) {
-  if (props.rowDensity == 'diamond_hand') {
+  if (props.$rowDensity == 'diamond_hand') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
   }
-  if (props.rowDensity == 'white_spaced') {
+  if (props.$rowDensity == 'white_spaced') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
   }
 }, function (props) {
-  if (props.canEdit && props.isEditing) {
+  if (props.$canEdit && props.$isEditing) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08),inset 0px 0px 0px 3px rgba(0,106,220,0.4);"]);
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);"]);
 }, function (props) {
-  if (props.canEdit) {
-    if (props.isEditing) {
+  if (props.$canEdit) {
+    if (props.$isEditing) {
       return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11, _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.editingCell);
     }
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9);
@@ -28907,7 +28913,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["key"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
 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; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -28957,7 +28969,7 @@ var TableFooter = function TableFooter(props) {
 };
 TableFooter.displayName = 'TableFooter';
 var FooterCell = function FooterCell(props) {
-  var className = props.className,
+  var footerClassName = props.className,
     column = props.column,
     rowDensity = props.rowDensity;
   var _column$type = column.type,
@@ -28966,15 +28978,18 @@ var FooterCell = function FooterCell(props) {
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getFooterProps = _useTableContext2.getFooterProps;
-  var footerProps = column.getFooterProps([getColumnProps(column), getFooterProps(column)]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({}, footerProps, {
-    type: type,
-    role: "cell",
-    rowDensity: rowDensity,
-    border: "top",
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
-      footer: true
-    }, className, footerProps.className)
+  var footerProps = _objectSpread({
+    $type: type,
+    $rowDensity: rowDensity,
+    $isFooter: true
+  }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
+  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+    footer: true
+  }, footerClassName, footerProps.className);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
+    role: "cell"
+  }, footerProps, {
+    className: className
   }), column.render('Footer'));
 };
 FooterCell.displayName = 'FooterCell';
@@ -29139,7 +29154,7 @@ var HeaderCell = function HeaderCell(props) {
       return setHovered(false);
     }
   }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
-    isResizing: isResizing
+    $isResizing: isResizing
   }))));
 };
 HeaderCell.displayName = 'HeaderCell';
@@ -29163,7 +29178,7 @@ var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()
   displayName: "HeaderCellResizer",
   componentId: "sc-8zg5t0-3"
 })(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
-  if (props.isResizing) {
+  if (props.$isResizing) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
   }
 });
@@ -29261,7 +29276,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
     }, item));
   }));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
-    visible: visible,
+    $visible: visible,
     popoverProps: {
       menu: menu
     }
@@ -29276,7 +29291,7 @@ var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_
     icon: 'DotsHorizontal',
     onClick: props.popover.toggle,
     style: {
-      visibility: props.visible ? 'visible' : 'hidden'
+      visibility: props.$visible ? 'visible' : 'hidden'
     }
   };
 }).withConfig({