@carbon/ibm-products 1.21.0 → 1.22.0

package/es/components/Datagrid/useColumnCenterAlign.js

@@ -0,0 +1,52 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; }
+
+/*
+ * Licensed Materials - Property of IBM
+ * 5724-Q36
+ * (c) Copyright IBM Corp. 2020
+ * US Government Users Restricted Rights - Use, duplication or disclosure
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
+ */
+import React from 'react';
+import cx from 'classnames';
+import { pkg } from '../../settings';
+var blockClass = "".concat(pkg.prefix, "--datagrid");
+
+var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
+  var centerAlignRenderer = function centerAlignRenderer(tableProps, column) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "__center-align-cell-renderer"), {
+        sortDisabled: !tableProps.isTableSortable || tableProps.column.disableSortBy === true
+      })
+    }, column.Cell(tableProps));
+  };
+
+  var centerAlignHeader = function centerAlignHeader(headerProp, column) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(blockClass, "__center-align-header")
+    }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
+  };
+
+  var centerAlignedColumns = function centerAlignedColumns(columns) {
+    var columnsWithDefaultCells = columns.map(function (column) {
+      return _objectSpread(_objectSpread({}, column), {}, {
+        Cell: column.centerAlignedColumn ? function (tableProp) {
+          return centerAlignRenderer(tableProp, column);
+        } : column.Cell,
+        Header: column.centerAlignedColumn ? function (headerProp) {
+          return centerAlignHeader(headerProp, column);
+        } : column.Header
+      });
+    });
+    return _toConsumableArray(columnsWithDefaultCells);
+  };
+
+  hooks.visibleColumns.push(centerAlignedColumns);
+};
+
+export default useColumnCenterAlign;

package/lib/components/Datagrid/index.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _useActionsColumn.default;
   }
 });
+Object.defineProperty(exports, "useColumnCenterAlign", {
+  enumerable: true,
+  get: function get() {
+    return _useColumnCenterAlign.default;
+  }
+});
 Object.defineProperty(exports, "useColumnRightAlign", {
   enumerable: true,
   get: function get() {
@@ -124,4 +130,6 @@ var _useActionsColumn = _interopRequireDefault(require("./useActionsColumn"));
 
 var _useCustomizeColumns = _interopRequireDefault(require("./useCustomizeColumns"));
 
-var _useSelectAllToggle = _interopRequireDefault(require("./useSelectAllToggle"));
+var _useSelectAllToggle = _interopRequireDefault(require("./useSelectAllToggle"));
+
+var _useColumnCenterAlign = _interopRequireDefault(require("./useColumnCenterAlign"));

package/lib/components/Datagrid/useColumnCenterAlign.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _settings = require("../../settings");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
+
+var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
+  var centerAlignRenderer = function centerAlignRenderer(tableProps, column) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(blockClass, "__center-align-cell-renderer"), {
+        sortDisabled: !tableProps.isTableSortable || tableProps.column.disableSortBy === true
+      })
+    }, column.Cell(tableProps));
+  };
+
+  var centerAlignHeader = function centerAlignHeader(headerProp, column) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(blockClass, "__center-align-header")
+    }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
+  };
+
+  var centerAlignedColumns = function centerAlignedColumns(columns) {
+    var columnsWithDefaultCells = columns.map(function (column) {
+      return _objectSpread(_objectSpread({}, column), {}, {
+        Cell: column.centerAlignedColumn ? function (tableProp) {
+          return centerAlignRenderer(tableProp, column);
+        } : column.Cell,
+        Header: column.centerAlignedColumn ? function (headerProp) {
+          return centerAlignHeader(headerProp, column);
+        } : column.Header
+      });
+    });
+    return (0, _toConsumableArray2.default)(columnsWithDefaultCells);
+  };
+
+  hooks.visibleColumns.push(centerAlignedColumns);
+};
+
+var _default = useColumnCenterAlign;
+exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -93,5 +93,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "995f47cd7f971e2c3ce2261c7c5871a92543f8a9"
+  "gitHead": "08c7c9d86e1242499004fc8f6bfcb59c5af9ea7b"
 }

package/scss/components/Datagrid/styles/index.scss

@@ -10,6 +10,7 @@
 @import './useNestedTable';
 @import './useSortableColumns';
 @import './useColumnRightAlign';
+@import './useColumnCenterAlign';
 @import './useStickyColumn';
 @import './useActionsColumn';
 @import './addons/CustomizeColumnsModal';

package/scss/components/Datagrid/styles/useColumnCenterAlign.scss

@@ -0,0 +1,19 @@
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2020
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+
+@import './variables';
+
+.#{$block-class}__center-align-header {
+  width: 100%;
+  text-align: center;
+}
+
+.#{$block-class}__center-align-cell-renderer.sortDisabled {
+  margin-right: auto;
+  margin-left: auto;
+}