@luminati-io/uikit 3.0.24 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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';