@luminati-io/uikit 3.0.24 → 3.1.0

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.
@@ -28220,7 +28220,13 @@ __webpack_require__.r(__webpack_exports__);
28220
28220
 
28221
28221
 
28222
28222
  /*jslint react:true*/
28223
+ 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); }
28223
28224
  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); }
28225
+ 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; }
28226
+ 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; }
28227
+ 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; }
28228
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
28229
+ 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); }
28224
28230
 
28225
28231
 
28226
28232
 
@@ -28228,7 +28234,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
28228
28234
 
28229
28235
 
28230
28236
 
28231
- var assign = Object.assign;
28232
28237
  var Cell = function Cell(props) {
28233
28238
  var classNamePrefix = props.classNamePrefix,
28234
28239
  rowDensity = props.rowDensity,
@@ -28259,21 +28264,22 @@ var Cell = function Cell(props) {
28259
28264
  var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
28260
28265
  columnDoneEditing(columnId, rowId);
28261
28266
  }, [columnDoneEditing, columnId, rowId]);
28262
- var cellProps = assign({
28263
- type: type,
28264
- rowDensity: rowDensity,
28265
- canEdit: canEdit,
28266
- isEditing: isEditing
28267
- }, {
28268
- border: isLastRow ? null : 'bottom'
28269
- }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]), canEdit ? {
28270
- onClick: function onClick(e) {
28267
+ var cellProps = _objectSpread({
28268
+ $type: type,
28269
+ $rowDensity: rowDensity,
28270
+ $canEdit: canEdit,
28271
+ $isEditing: isEditing,
28272
+ $isLastRow: isLastRow
28273
+ }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
28274
+ if (canEdit) {
28275
+ cellProps.onClick = function (e) {
28271
28276
  e.stopPropagation();
28272
28277
  startEditing();
28273
- }
28274
- } : undefined);
28278
+ };
28279
+ }
28280
+ var className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className);
28275
28281
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({}, cellProps, {
28276
- className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className)
28282
+ className: className
28277
28283
  }), cell.render('Cell', {
28278
28284
  row: row,
28279
28285
  isEditing: isEditing,
@@ -28286,25 +28292,25 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
28286
28292
  displayName: "StyledCell",
28287
28293
  componentId: "sc-b034il-0"
28288
28294
  })(["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) {
28289
- return props.type == 'number' ? 'text-align: right;' : null;
28295
+ return props.$type == 'number' ? 'text-align: right;' : null;
28290
28296
  }, _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) {
28291
- if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
28292
- if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
28297
+ if (props.$isFooter) return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
28298
+ if (props.$isLastRow) return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
28293
28299
  }, function (props) {
28294
- if (props.rowDensity == 'diamond_hand') {
28300
+ if (props.$rowDensity == 'diamond_hand') {
28295
28301
  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
28296
28302
  }
28297
- if (props.rowDensity == 'white_spaced') {
28303
+ if (props.$rowDensity == 'white_spaced') {
28298
28304
  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
28299
28305
  }
28300
28306
  }, function (props) {
28301
- if (props.canEdit && props.isEditing) {
28307
+ if (props.$canEdit && props.$isEditing) {
28302
28308
  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);"]);
28303
28309
  }
28304
28310
  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);"]);
28305
28311
  }, function (props) {
28306
- if (props.canEdit) {
28307
- if (props.isEditing) {
28312
+ if (props.$canEdit) {
28313
+ if (props.$isEditing) {
28308
28314
  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);
28309
28315
  }
28310
28316
  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__);
28907
28913
 
28908
28914
 
28909
28915
  /*jslint react:true*/
28916
+ 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); }
28910
28917
  var _excluded = ["key"];
28918
+ 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; }
28919
+ 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; }
28920
+ 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; }
28921
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
28922
+ 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); }
28911
28923
  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); }
28912
28924
  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; }
28913
28925
  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) {
28957
28969
  };
28958
28970
  TableFooter.displayName = 'TableFooter';
28959
28971
  var FooterCell = function FooterCell(props) {
28960
- var className = props.className,
28972
+ var footerClassName = props.className,
28961
28973
  column = props.column,
28962
28974
  rowDensity = props.rowDensity;
28963
28975
  var _column$type = column.type,
@@ -28966,15 +28978,18 @@ var FooterCell = function FooterCell(props) {
28966
28978
  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
28967
28979
  getColumnProps = _useTableContext2.getColumnProps,
28968
28980
  getFooterProps = _useTableContext2.getFooterProps;
28969
- var footerProps = column.getFooterProps([getColumnProps(column), getFooterProps(column)]);
28970
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({}, footerProps, {
28971
- type: type,
28972
- role: "cell",
28973
- rowDensity: rowDensity,
28974
- border: "top",
28975
- className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
28976
- footer: true
28977
- }, className, footerProps.className)
28981
+ var footerProps = _objectSpread({
28982
+ $type: type,
28983
+ $rowDensity: rowDensity,
28984
+ $isFooter: true
28985
+ }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
28986
+ var className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
28987
+ footer: true
28988
+ }, footerClassName, footerProps.className);
28989
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
28990
+ role: "cell"
28991
+ }, footerProps, {
28992
+ className: className
28978
28993
  }), column.render('Footer'));
28979
28994
  };
28980
28995
  FooterCell.displayName = 'FooterCell';