react-data-matrix 0.1.8 → 0.2.0

package/README.md

@@ -1,17 +1,18 @@
 # React Matrix   [![npm version](https://badge.fury.io/js/react-data-matrix.svg)](https://badge.fury.io/js/react-data-matrix)
 
-[React Matrix Demo](https://react-matrix.herokuapp.com/)
+[React Matrix Demo](https://bronz3beard.github.io/react-matrix)
 
 React Matrix table shows relationships between two or more variables in a data set in grid format.
 
-The most common usage for a table like React Matrix, is to display the __likelihood__ and __consequence__ "scores" of __risks/hazards__, this can be for anything from Corporate, Work Health Safety and Environment risks, and more.
+The most common usage for a table like React Matrix, is to display the **likelihood** and **consequence** "scores" of **risks/hazards**, this can be for anything from Corporate, Work Health Safety and Environment risks, and more.
 
 # PR's
+
 - Have a look at the [PR template doc](https://github.com/bronz3beard/react-matrix/blob/main/docs) for best approach to getting your pr merged.
 
 # Usage
 
-```js 
+```js
 import { ReactMatrix } from "react-data-matrix";
 
 const App = () => {
@@ -24,7 +25,8 @@ const App = () => {
 ```
 
 # Expected Data Structure
-- See [```./src/lib/utils/data.js```](https://github.com/bronz3beard/react-matrix/blob/main/src/lib/utils/data.js) for an example of the data, this can be used for testing if needed,
+
+- See [`./src/lib/utils/data.js`](https://github.com/bronz3beard/react-matrix/blob/main/src/lib/utils/data.js) for an example of the data, this can be used for testing if needed,
   or an example of how to construct/deconstruct your data objects from your api.
 
 ```js
@@ -84,191 +86,209 @@ const App = () => {
 # PropTypes
 
 ```js
-  propTypes = {
-    data: PropTypes.shape({
-      id: PropTypes.number,
-      matrix_name: PropTypes.string,
-      matrix_description: PropTypes.string,
-      matrix_size: PropTypes.number.isRequired,
-      matrix_details: PropTypes.arrayOf(
-        PropTypes.shape({
-          id: PropTypes.number,
-          likelihood: PropTypes.string,
-          consequence: PropTypes.number,
-          header_title: PropTypes.string,
-          header_sub_title: PropTypes.string,
-          row_header_title: PropTypes.string,
-          row_header_sub_title: PropTypes.string,
-        })
-      ).isRequired,
-
-      matrix_values: PropTypes.arrayOf(
-        PropTypes.shape({
-          id: PropTypes.number.isRequired,
-          colour: PropTypes.string,
-          position: PropTypes.number.isRequired,
-          matrix_id: PropTypes.number,
-          score_value: PropTypes.number,
-          description: PropTypes.string,
-          response: PropTypes.string,
-          likelihood_descriptor: PropTypes.string.isRequired,
-          consequence_descriptor: PropTypes.number,
-        })
-      ).isRequired,
-    }).isRequired,
-
-    hasTableBorder: PropTypes.bool,
-    hasInlineStyles: PropTypes.bool,
-    hasContainerStyles: PropTypes.bool,
-    reverseMatrixValues: PropTypes.bool,
-    matrixSizeSelected: PropTypes.number,
-
-    rowPrimaryUpper: PropTypes.bool,
-    headerPrimaryUpper: PropTypes.bool,
-
-    thRowStyles: PropTypes.shape({}),
-    thTitleStyles: PropTypes.shape({}),
-    thSubTitleStyles: PropTypes.shape({}),
-    thPrimaryTitleStyles: PropTypes.shape({}),
-
-    trRowStyles: PropTypes.shape({}),
-    trTitleStyles: PropTypes.shape({}),
-    trSubTitleStyles: PropTypes.shape({}),
-    trPrimaryTitleStyles: PropTypes.shape({}),
-
-    tdStyles: PropTypes.shape({}),
-
-    customHeaderRowIdValue: PropTypes.string,
-    customDynamicHeaderTitleIdValue: PropTypes.string,
-    customDynamicSubHeaderTitleIdValue: PropTypes.string,
-
-    customRowDynamicIdValue: PropTypes.string,
-    customRowHeaderDynamicIdValue: PropTypes.string,
-
-    customTableDataDynamicIdValue: PropTypes.string,
-  };
-
-  defaultProps = {
-    hasTableBorder: true,
-    rowPrimaryUpper: true,
-    hasInlineStyles: true,
-    matrixSizeSelected: 5,
-    headerPrimaryUpper: true,
-    hasContainerStyles: true,
-    reverseMatrixValues: true,
-
-    thRowStyles: {},
-    thTitleStyles: {},
-    thSubTitleStyles: {},
-    thPrimaryTitleStyles: {},
-
-    trRowStyles: {},
-    trTitleStyles: {},
-    trSubTitleStyles: {},
-    trPrimaryTitleStyles: {},
-
-    tdStyles: {},
-
-    matrixName: "",
-    matrixDescription: "",
-    customHeaderRowIdValue: "",
-    customRowDynamicIdValue: "",
-    customTableDataDynamicIdValue: "",
-    customRowHeaderDynamicIdValue: "",
-    customDynamicHeaderTitleIdValue: "",
-    customDynamicSubHeaderTitleIdValue: "",
-  };
+propTypes = {
+  data: PropTypes.shape({
+    id: PropTypes.number,
+    matrix_name: PropTypes.string,
+    matrix_description: PropTypes.string,
+    matrix_size: PropTypes.number.isRequired,
+    matrix_details: PropTypes.arrayOf(
+      PropTypes.shape({
+        id: PropTypes.number,
+        likelihood: PropTypes.string,
+        consequence: PropTypes.number,
+        header_title: PropTypes.string,
+        header_sub_title: PropTypes.string,
+        row_header_title: PropTypes.string,
+        row_header_sub_title: PropTypes.string,
+      })
+    ).isRequired,
+
+    matrix_values: PropTypes.arrayOf(
+      PropTypes.shape({
+        id: PropTypes.number.isRequired,
+        colour: PropTypes.string,
+        position: PropTypes.number.isRequired,
+        matrix_id: PropTypes.number,
+        score_value: PropTypes.number,
+        description: PropTypes.string,
+        response: PropTypes.string,
+        likelihood_descriptor: PropTypes.string.isRequired,
+        consequence_descriptor: PropTypes.number,
+      })
+    ).isRequired,
+  }).isRequired,
+
+  hasTableBorder: PropTypes.bool,
+  hasInlineStyles: PropTypes.bool,
+  hasContainerStyles: PropTypes.bool,
+  reverseMatrixValues: PropTypes.bool,
+  matrixSizeSelected: PropTypes.number,
+
+  rowPrimaryUpper: PropTypes.bool,
+  headerPrimaryUpper: PropTypes.bool,
+
+  thRowStyles: PropTypes.shape({}),
+  thTitleStyles: PropTypes.shape({}),
+  thSubTitleStyles: PropTypes.shape({}),
+  thPrimaryTitleStyles: PropTypes.shape({}),
+
+  trRowStyles: PropTypes.shape({}),
+  trTitleStyles: PropTypes.shape({}),
+  trSubTitleStyles: PropTypes.shape({}),
+  trPrimaryTitleStyles: PropTypes.shape({}),
+
+  tdStyles: PropTypes.shape({}),
+
+  customHeaderRowIdValue: PropTypes.string,
+  customDynamicHeaderTitleIdValue: PropTypes.string,
+  customDynamicSubHeaderTitleIdValue: PropTypes.string,
+
+  customRowDynamicIdValue: PropTypes.string,
+  customRowHeaderDynamicIdValue: PropTypes.string,
+
+  customTableDataDynamicIdValue: PropTypes.string,
+};
+
+defaultProps = {
+  hasTableBorder: true,
+  rowPrimaryUpper: true,
+  hasInlineStyles: true,
+  matrixSizeSelected: 5,
+  headerPrimaryUpper: true,
+  hasContainerStyles: true,
+  reverseMatrixValues: true,
+
+  thRowStyles: {},
+  thTitleStyles: {},
+  thSubTitleStyles: {},
+  thPrimaryTitleStyles: {},
+
+  trRowStyles: {},
+  trTitleStyles: {},
+  trSubTitleStyles: {},
+  trPrimaryTitleStyles: {},
+
+  tdStyles: {},
+
+  matrixName: "",
+  matrixDescription: "",
+  customHeaderRowIdValue: "",
+  customRowDynamicIdValue: "",
+  customTableDataDynamicIdValue: "",
+  customRowHeaderDynamicIdValue: "",
+  customDynamicHeaderTitleIdValue: "",
+  customDynamicSubHeaderTitleIdValue: "",
+};
 ```
 
 # Available Properties
 
-- __hasInlineStyles__
-  * Default is true.
-  * If false all inline styles are removed.
-
-----
-- __hasTableBorder__
-  * Default is true.
-  * If false the most outer border is removed.
-
-----
-- __hasContainerStyles__
-  * Default is true.
-  * This will center the matrix in the middle of the page.
-
-----
-- __reverseMatrixValues__
-  * Default is true.
-  * When true the lowest value will be in the bottom left and the highest value will be in the top right, with all sequential values in-between.
-  * When false the values will be reversed, lowest value top left highest value bottom right.
-
-----
-- __rowPrimaryUpper__
-  * Default is true.
-  * If false string formatting will be removed.
-
-----
-- __headerPrimaryUpper__
-  * Default is true.
-  * If false string formatting will be removed.
-
-----
-- __customHeaderRowIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
-- __customDynamicHeaderTitleIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
-- __customDynamicSubHeaderTitleIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
-- __customRowDynamicIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
-- __customRowHeaderDynamicIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
-- __customTableDataDynamicIdValue__
-  * Default is empty string.
-  * can be used to target element through id prop.
-
-----
+- **hasInlineStyles**
+  - Default is true.
+  - If false all inline styles are removed.
+
+---
+
+- **hasTableBorder**
+  - Default is true.
+  - If false the most outer border is removed.
+
+---
+
+- **hasContainerStyles**
+  - Default is true.
+  - This will center the matrix in the middle of the page.
+
+---
+
+- **reverseMatrixValues**
+  - Default is true.
+  - When true the lowest value will be in the bottom left and the highest value will be in the top right, with all sequential values in-between.
+  - When false the values will be reversed, lowest value top left highest value bottom right.
+
+---
+
+- **rowPrimaryUpper**
+  - Default is true.
+  - If false string formatting will be removed.
+
+---
+
+- **headerPrimaryUpper**
+  - Default is true.
+  - If false string formatting will be removed.
+
+---
+
+- **customHeaderRowIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
+
+- **customDynamicHeaderTitleIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
+
+- **customDynamicSubHeaderTitleIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
+
+- **customRowDynamicIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
+
+- **customRowHeaderDynamicIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
+
+- **customTableDataDynamicIdValue**
+  - Default is empty string.
+  - can be used to target element through id prop.
+
+---
 
 # Styling Properties
 
 ### Inline
-__These styles can be added to the current styles or, 
-if you make ```hasInlineStyles = false```, then add these values with your own styles, you can have full control over styling inline.__
 
-__ReactMatrix__
+**These styles can be added to the current styles or,
+if you make `hasInlineStyles = false`, then add these values with your own styles, you can have full control over styling inline.**
+
+**ReactMatrix**
+
 - tableContainerStyles={{}}
 - tableStyles={{}}
 
-__MatrixHeaders__
+**MatrixHeaders**
+
 - thRowStyles={{}}
 - thTitleStyles={{}}
 - thSubTitleStyles={{}}
 - thPrimaryTitleStyles={{}}
 
-__MatrixRows__
+**MatrixRows**
+
 - trRowStyles={{}},
 - trTitleStyles={{}},
 - trSubTitleStyles={{}},
 - trPrimaryTitleStyles={{}},
 
-__TableData__
+**TableData**
+
 - tdStyles={{}},
 
-----
+---
+
 # Create React App
+
 - This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

package/dist/components/matrixHeaders.js

@@ -1,27 +1,20 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _getStyles = require("../helpers/getStyles");
-
 var _functions = require("../utils/functions");
-
 var _context = _interopRequireDefault(require("../context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // import "./styles/riskMatrix.scss";
+
 const MatrixHeaders = () => {
   const {
     data,
@@ -69,7 +62,6 @@ const MatrixHeaders = () => {
     }, column.header_sub_title));
   })));
 };
-
 MatrixHeaders.defaultProps = {
   hasInlineStyles: true,
   headerPrimaryUpper: true,

package/dist/components/matrixRows.js

@@ -1,30 +1,20 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.reverse.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _getStyles = require("../helpers/getStyles");
-
 var _functions = require("../utils/functions");
-
 var _tableData = _interopRequireDefault(require("./tableData"));
-
 var _context = _interopRequireDefault(require("../context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const MatrixRows = () => {
   const {
     data,
@@ -54,7 +44,6 @@ const MatrixRows = () => {
     style: rowHeaderPrimaryTitleStyles
   }, rowPrimaryTitle)), valuesArray.map((row, index) => {
     var _data$matrix_details$, _data$matrix_details$2, _data$matrix_details$3, _data$matrix_details$4, _data$matrix_details$5, _data$matrix_details$6;
-
     const rowHeaderOrder = reverseMatrixValues ? data.matrix_size - (index + 1) : index;
     return /*#__PURE__*/_react.default.createElement("tr", {
       style: tableRowStyles,
@@ -77,7 +66,6 @@ const MatrixRows = () => {
     }));
   }));
 };
-
 MatrixRows.defaultProps = {
   rowPrimaryUpper: true,
   hasInlineStyles: true,

package/dist/components/reactMatrix.js

@@ -1,36 +1,26 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+require("core-js/modules/es.symbol.description.js");
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _getStyles = require("../helpers/getStyles");
-
 var _matrixHeaders = _interopRequireDefault(require("./matrixHeaders"));
-
 var _matrixRows = _interopRequireDefault(require("./matrixRows"));
-
 var _context = _interopRequireDefault(require("../context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
 const ReactMatrix = () => {
   const {
     matrixName,
@@ -51,7 +41,6 @@ const ReactMatrix = () => {
     style: _objectSpread(_objectSpread({}, tableElmStyles), tableBorder)
   }, /*#__PURE__*/_react.default.createElement(_matrixHeaders.default, null), /*#__PURE__*/_react.default.createElement(_matrixRows.default, null)));
 };
-
 ReactMatrix.defaultProps = {
   tableStyles: {},
   hasTableBorder: true,

package/dist/components/tableData.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.symbol.description.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
 const TableData = props => {
   const {
     data,
@@ -26,11 +20,9 @@ const TableData = props => {
     hasInlineStyles,
     customTableDataDynamicIdValue
   } = props;
-
   const handleCellClick = tdSelected => {
     alert("".concat(tdSelected === null || tdSelected === void 0 ? void 0 : tdSelected.description, ", ").concat(tdSelected === null || tdSelected === void 0 ? void 0 : tdSelected.score_value, " \n").concat(tdSelected === null || tdSelected === void 0 ? void 0 : tdSelected.response));
   };
-
   const customTdStyles = !tdStyles ? {} : tdStyles;
   const tableDataStyles = hasInlineStyles ? _objectSpread({
     cursor: "pointer",
@@ -46,7 +38,6 @@ const TableData = props => {
     id: "react-matrix-dynamic-table-data".concat(!customTableDataDynamicIdValue ? "" : "-".concat(customTableDataDynamicIdValue))
   }, "".concat(data === null || data === void 0 ? void 0 : data.description), /*#__PURE__*/_react.default.createElement("br", null), "(".concat(data === null || data === void 0 ? void 0 : data.score_value, ")")));
 };
-
 TableData.defaultProps = {
   tdStyles: {},
   hasInlineStyles: true,

package/dist/context/index.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Provider = void 0;
-
 var _react = require("react");
-
 const Context = /*#__PURE__*/(0, _react.createContext)({
   hasTableBorder: true,
   rowPrimaryUpper: true,

package/dist/helpers/getStyles.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTableStyles = exports.getTableBoarder = exports.getHeaderTitleStyles = exports.getHeaderSubTitleStyles = exports.getHeaderRowStyles = exports.getHeaderPrimaryTitleStyles = exports.getCustomStyles = exports.getContainerStyles = void 0;
-
+require("core-js/modules/es.symbol.description.js");
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
 const getCustomStyles = hasStyle => !hasStyle ? {} : hasStyle;
-
 exports.getCustomStyles = getCustomStyles;
-
 const getContainerStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   top: "".concat(50, "%"),
   left: "".concat(50, "%"),
@@ -23,48 +20,35 @@ const getContainerStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, g
   position: "absolute",
   transform: "translate(".concat(-50, "%, ").concat(-50, "%)")
 }, styles);
-
 exports.getContainerStyles = getContainerStyles;
-
 const getTableBoarder = hasStyle => !hasStyle ? {} : {
   border: "".concat(1, "px solid black")
 };
-
 exports.getTableBoarder = getTableBoarder;
-
 const getTableStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   width: "".concat(70, "rem")
 }, styles);
-
 exports.getTableStyles = getTableStyles;
-
 const getHeaderPrimaryTitleStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   borderWidth: "".concat(0),
   padding: "".concat(1, "rem ", 0, " ", 1, "rem ", 0)
 }, styles);
-
 exports.getHeaderPrimaryTitleStyles = getHeaderPrimaryTitleStyles;
-
 const getHeaderRowStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   borderColor: "black",
   borderStyle: "solid",
   padding: "".concat(10, "rem ", 0, " ", 0, " ", 0),
   borderWidth: "".concat(0, " ", 0, " ", 0, " ", 10, "px")
 }, styles);
-
 exports.getHeaderRowStyles = getHeaderRowStyles;
-
 const getHeaderTitleStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   padding: "".concat(0, " ", 0.5, "rem ", 0, " ", 0.5, "rem"),
   backgroundColor: "light-grey",
   border: "".concat(1, "px solid black")
 }, styles);
-
 exports.getHeaderTitleStyles = getHeaderTitleStyles;
-
 const getHeaderSubTitleStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
   fontSize: "".concat(0.9, "em"),
   fontWeight: "normal"
 }, styles);
-
 exports.getHeaderSubTitleStyles = getHeaderSubTitleStyles;

package/dist/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "ReactMatrix", {
     return _reactMatrix.default;
   }
 });
-
 var _reactMatrix = _interopRequireDefault(require("./components/reactMatrix"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/utils/functions.js

@@ -4,43 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupObjectsByProp = exports.capitaliseString = exports.capitaliseFirstCharacter = exports.callAll = void 0;
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.string.replace.js");
-
 const groupObjectsByProp = (array, prop) => {
   const map = new Map(Array.from(array, obj => [obj[prop], []]));
   array.forEach(obj => map.get(obj[prop]).push(obj));
   return Array.from(map.values());
-}; // capitalises first character of each word
-
+};
 
+// capitalises first character of each word
 exports.groupObjectsByProp = groupObjectsByProp;
+const capitaliseFirstCharacter = stringValue => stringValue.replace(/\b([a-z\s])/g, string => string.toUpperCase());
 
-const capitaliseFirstCharacter = stringValue => stringValue.replace(/\b([a-z\s])/g, string => string.toUpperCase()); // capitalizes entire word
-
-
+// capitalizes entire word
 exports.capitaliseFirstCharacter = capitaliseFirstCharacter;
-
 const capitaliseString = stringValue => stringValue.toUpperCase();
-
 exports.capitaliseString = capitaliseString;
-
 const callAll = function callAll() {
   for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
     fns[_key] = arguments[_key];
   }
-
   return function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     return fns.forEach(fn => fn && fn(...args));
   };
 };
-
 exports.callAll = callAll;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-data-matrix",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "private": false,
   "license": "MIT",
-  "homepage": "https://github.com/bronz3beard/react-matrix",
-  "author": "bronz3beard <exempli.gratia.webdesign@gmail.com> (https://www.eg-web-design.com/)",
+  "homepage": "https://bronz3beard.github.io/react-matrix",
+  "author": "bronz3beard <exempli.gratia.webdesign@gmail.com> (https://www.heyrory.com/)",
   "keywords": [
     "data",
     "risk",
@@ -27,28 +27,15 @@
     "url": "git+https://github.com/bronz3beard/react-matrix.git"
   },
   "description": "View structured data in a matrix table (data grid), showing a value located at an X and Y coordinate.",
-  "dependencies": {
-    "@babel/polyfill": "latest",
-    "@fortawesome/fontawesome-svg-core": "latest",
-    "@fortawesome/free-brands-svg-icons": "latest",
-    "@fortawesome/react-fontawesome": "latest",
-    "@testing-library/jest-dom": "latest",
-    "@testing-library/react": "latest",
-    "@testing-library/user-event": "latest",
-    "prop-types": "latest",
-    "react": "latest",
-    "react-data-matrix": "latest",
-    "react-dom": "latest",
-    "react-scripts": "latest",
-    "sass": "latest",
-    "web-vitals": "latest"
-  },
+  "dependencies": {},
   "scripts": {
     "start": "react-scripts start",
     "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files",
-    "build-og": "react-scripts build",
+    "build:og": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "predeploy": "npm run build:og",
+    "deploy": "gh-pages -d build"
   },
   "eslintConfig": {
     "extends": [
@@ -71,6 +58,20 @@
   "devDependencies": {
     "@babel/cli": "^7.15.7",
     "@babel/core": "^7.15.8",
-    "@babel/preset-env": "^7.15.8"
+    "@babel/preset-env": "^7.15.8",
+    "@fortawesome/fontawesome-svg-core": "latest",
+    "@fortawesome/free-brands-svg-icons": "latest",
+    "@fortawesome/react-fontawesome": "latest",
+    "@testing-library/jest-dom": "latest",
+    "@testing-library/react": "latest",
+    "@testing-library/user-event": "latest",
+    "prop-types": "latest",
+    "react": "latest",
+    "react-data-matrix": "latest",
+    "react-dom": "latest",
+    "react-scripts": "latest",
+    "sass": "latest",
+    "web-vitals": "latest",
+    "gh-pages": "latest"
   }
 }