react-data-matrix 0.1.5 → 0.1.6

package/README.md

@@ -169,6 +169,8 @@ const App = () => {
 
     tdStyles: {},
 
+    matrixName: "",
+    matrixDescription: "",
     customHeaderRowIdValue: "",
     customRowDynamicIdValue: "",
     customTableDataDynamicIdValue: "",

package/dist/components/matrixHeaders.js

@@ -9,16 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _getStyles = require("../helpers/getStyles");
+
 var _functions = require("../utils/functions");
 
 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; }
-
 // import "./styles/riskMatrix.scss";
 const MatrixHeaders = props => {
   const {
@@ -33,29 +29,10 @@ const MatrixHeaders = props => {
     customDynamicHeaderTitleIdValue,
     customDynamicSubHeaderTitleIdValue
   } = props;
-  const customPrimaryTitleStyles = !thPrimaryTitleStyles ? {} : thPrimaryTitleStyles;
-  const headerPrimaryTitleStyles = hasInlineStyles ? _objectSpread({
-    borderWidth: "".concat(0),
-    padding: "".concat(1, "rem ", 0, " ", 1, "rem ", 0)
-  }, thPrimaryTitleStyles) : _objectSpread({}, customPrimaryTitleStyles);
-  const customRowStyles = !thRowStyles ? {} : thRowStyles;
-  const headerRowStyles = hasInlineStyles ? _objectSpread({
-    borderColor: "black",
-    borderStyle: "solid",
-    padding: "".concat(10, "rem ", 0, " ", 0, " ", 0),
-    borderWidth: "".concat(0, " ", 0, " ", 0, " ", 10, "px")
-  }, thRowStyles) : _objectSpread({}, customRowStyles);
-  const customThTitleStyles = !thTitleStyles ? {} : thTitleStyles;
-  const headerTitleStyles = hasInlineStyles ? _objectSpread({
-    padding: "".concat(0, " ", 0.5, "rem ", 0, " ", 0.5, "rem"),
-    backgroundColor: "light-grey",
-    border: "".concat(1, "px solid black")
-  }, thTitleStyles) : _objectSpread({}, customThTitleStyles);
-  const customThSubTitleStyles = !thSubTitleStyles ? {} : thSubTitleStyles;
-  const headerSubTitleStyles = hasInlineStyles ? _objectSpread({
-    fontSize: "".concat(0.9, "em"),
-    fontWeight: "normal"
-  }, thSubTitleStyles) : _objectSpread({}, customThSubTitleStyles);
+  const headerRowStyles = (0, _getStyles.getHeaderRowStyles)(hasInlineStyles, thRowStyles);
+  const headerTitleStyles = (0, _getStyles.getHeaderTitleStyles)(hasInlineStyles, thTitleStyles);
+  const headerSubTitleStyles = (0, _getStyles.getHeaderSubTitleStyles)(hasInlineStyles, thSubTitleStyles);
+  const headerPrimaryTitleStyles = (0, _getStyles.getHeaderPrimaryTitleStyles)(hasInlineStyles, thPrimaryTitleStyles);
   const headerPrimaryTitle = headerPrimaryUpper ? (0, _functions.capitaliseString)(data.primary_header_title) : data.primary_header_title;
   return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", {
     id: "react-matrix-blank-headers-primary-title-row"
@@ -94,6 +71,7 @@ MatrixHeaders.defaultProps = {
   thTitleStyles: {},
   thSubTitleStyles: {},
   thPrimaryTitleStyles: {},
+  matrixSizeSelected: 5,
   customHeaderRowIdValue: "",
   customDynamicHeaderTitleIdValue: "",
   customDynamicSubHeaderTitleIdValue: ""

package/dist/components/matrixRows.js

@@ -9,6 +9,8 @@ require("core-js/modules/es.array.reverse.js");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _getStyles = require("../helpers/getStyles");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _functions = require("../utils/functions");
@@ -17,12 +19,6 @@ var _tableData = _interopRequireDefault(require("./tableData"));
 
 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; }
-
 const MatrixRows = props => {
   const {
     data,
@@ -39,22 +35,10 @@ const MatrixRows = props => {
     customTableDataDynamicIdValue
   } = props;
   const valuesArray = reverseMatrixValues ? (0, _functions.groupObjectsByProp)(data.matrix_values, "likelihood_descriptor").reverse().slice(0, data.matrix_size) : (0, _functions.groupObjectsByProp)(data.matrix_values, "likelihood_descriptor").slice(0, data.matrix_size);
-  const customPrimaryTitleStyles = !trPrimaryTitleStyles ? {} : trPrimaryTitleStyles;
-  const rowHeaderPrimaryTitleStyles = hasInlineStyles ? _objectSpread({}, trPrimaryTitleStyles) : _objectSpread({}, customPrimaryTitleStyles);
-  const customRowStyles = !trRowStyles ? {} : trRowStyles;
-  const tableRowStyles = hasInlineStyles ? _objectSpread({
-    border: "".concat(1, "px solid black")
-  }, customRowStyles) : _objectSpread({}, customRowStyles);
-  const customTitleStyle = !trTitleStyles ? {} : trTitleStyles;
-  const tableRowHeaderTitleStyles = hasInlineStyles ? _objectSpread({
-    padding: "".concat(0, " ", 0.5, "rem ", 0, " ", 0.5, "rem"),
-    border: "".concat(1, "px solid black")
-  }, trTitleStyles) : _objectSpread({}, customTitleStyle);
-  const customSubTitleStyle = !trSubTitleStyles ? {} : trSubTitleStyles;
-  const tableRowHeaderSubTitleStyles = hasInlineStyles ? _objectSpread({
-    fontSize: "".concat(0.9, "em"),
-    fontWeight: "normal"
-  }, trSubTitleStyles) : _objectSpread({}, customSubTitleStyle);
+  const tableRowStyles = (0, _getStyles.getHeaderRowStyles)(hasInlineStyles, trRowStyles);
+  const tableRowHeaderTitleStyles = (0, _getStyles.getHeaderTitleStyles)(hasInlineStyles, trTitleStyles);
+  const tableRowHeaderSubTitleStyles = (0, _getStyles.getHeaderSubTitleStyles)(hasInlineStyles, trSubTitleStyles);
+  const rowHeaderPrimaryTitleStyles = (0, _getStyles.getHeaderPrimaryTitleStyles)(hasInlineStyles, trPrimaryTitleStyles);
   const rowPrimaryTitle = rowPrimaryUpper ? (0, _functions.capitaliseString)(data.primary_row_header_title) : data.primary_row_header_title;
   return /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", {
     id: "react-matrix-row-primary-title"
@@ -97,6 +81,7 @@ MatrixRows.defaultProps = {
   trSubTitleStyles: {},
   trPrimaryTitleStyles: {},
   tdStyles: {},
+  matrixSizeSelected: 5,
   customRowDynamicIdValue: "",
   customRowHeaderDynamicIdValue: "",
   customTableDataDynamicIdValue: ""

package/dist/components/reactMatrix.js

@@ -9,10 +9,14 @@ var _react = _interopRequireDefault(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 = require("../context");
+
 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; }
@@ -23,103 +27,57 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 const ReactMatrix = props => {
   const {
-    data,
+    matrixName,
     tableStyles,
-    thRowStyles,
-    trRowStyles,
-    trTitleStyles,
-    thTitleStyles,
     hasTableBorder,
-    rowPrimaryUpper,
     hasInlineStyles,
-    thSubTitleStyles,
-    trSubTitleStyles,
-    headerPrimaryUpper,
-    matrixSizeSelected,
+    matrixDescription,
     hasContainerStyles,
-    reverseMatrixValues,
-    thPrimaryTitleStyles,
-    trPrimaryTitleStyles,
-    tableContainerStyles,
-    customHeaderRowIdValue,
-    customRowDynamicIdValue,
-    customTableDataDynamicIdValue,
-    customDynamicHeaderTitleIdValue,
-    customDynamicSubHeaderTitleIdValue
+    tableContainerStyles
   } = props;
-  const customContainerStyles = !tableContainerStyles ? {} : tableContainerStyles;
-  const containerStyles = hasInlineStyles && hasContainerStyles ? _objectSpread({
-    top: "".concat(50, "%"),
-    left: "".concat(50, "%"),
-    height: "".concat(100, "%"),
-    textAlign: "center",
-    position: "absolute",
-    transform: "translate(".concat(-50, "%, ").concat(-50, "%)")
-  }, tableContainerStyles) : _objectSpread({}, customContainerStyles);
-  const tableBorder = hasInlineStyles && hasTableBorder ? {
-    border: "".concat(1, "px solid black")
-  } : {};
-  const customTableStyles = !tableStyles ? {} : tableStyles;
-  const tableElmStyles = hasInlineStyles && tableStyles ? _objectSpread({
-    width: "".concat(70, "rem")
-  }, tableStyles) : _objectSpread({}, customTableStyles);
+  const tableBorder = (0, _getStyles.getTableBoarder)(hasInlineStyles && hasTableBorder);
+  const tableElmStyles = (0, _getStyles.getTableStyles)(hasInlineStyles && tableStyles, tableStyles);
+  const containerStyles = (0, _getStyles.getContainerStyles)(hasInlineStyles && hasContainerStyles, tableContainerStyles);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: containerStyles
-  }, /*#__PURE__*/_react.default.createElement("h1", null, data.matrix_name), /*#__PURE__*/_react.default.createElement("h4", null, data.matrix_description), /*#__PURE__*/_react.default.createElement("table", {
+  }, /*#__PURE__*/_react.default.createElement("h1", null, matrixName), /*#__PURE__*/_react.default.createElement("h4", null, matrixDescription), /*#__PURE__*/_react.default.createElement("table", {
     id: "matrix-table",
     style: _objectSpread(_objectSpread({}, tableElmStyles), tableBorder)
-  }, /*#__PURE__*/_react.default.createElement(_matrixHeaders.default, {
-    data: data,
-    thRowStyles: thRowStyles,
-    thTitleStyles: thTitleStyles,
-    hasInlineStyles: hasInlineStyles,
-    thSubTitleStyles: thSubTitleStyles,
-    headerPrimaryUpper: headerPrimaryUpper,
-    matrixSizeSelected: matrixSizeSelected,
-    thPrimaryTitleStyles: thPrimaryTitleStyles,
-    customHeaderRowIdValue: customHeaderRowIdValue,
-    customDynamicHeaderTitleIdValue: customDynamicHeaderTitleIdValue,
-    customDynamicSubHeaderTitleIdValue: customDynamicSubHeaderTitleIdValue
-  }), /*#__PURE__*/_react.default.createElement(_matrixRows.default, {
-    data: data,
-    trRowStyles: trRowStyles,
-    trTitleStyles: trTitleStyles,
-    rowPrimaryUpper: rowPrimaryUpper,
-    hasInlineStyles: hasInlineStyles,
-    trSubTitleStyles: trSubTitleStyles,
-    matrixSizeSelected: matrixSizeSelected,
-    reverseMatrixValues: reverseMatrixValues,
-    trPrimaryTitleStyles: trPrimaryTitleStyles,
-    customRowDynamicIdValue: customRowDynamicIdValue,
-    customTableDataDynamicIdValue: customTableDataDynamicIdValue
-  })));
+  }, /*#__PURE__*/_react.default.createElement(_context.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_matrixHeaders.default, {
+    data: context.data,
+    thRowStyles: context.thRowStyles,
+    thTitleStyles: context.thTitleStyles,
+    hasInlineStyles: context.hasInlineStyles,
+    thSubTitleStyles: context.thSubTitleStyles,
+    headerPrimaryUpper: context.headerPrimaryUpper,
+    matrixSizeSelected: context.matrixSizeSelected,
+    thPrimaryTitleStyles: context.thPrimaryTitleStyles,
+    customHeaderRowIdValue: context.customHeaderRowIdValue,
+    customDynamicHeaderTitleIdValue: context.customDynamicHeaderTitleIdValue,
+    customDynamicSubHeaderTitleIdValue: context.customDynamicSubHeaderTitleIdValue
+  })), /*#__PURE__*/_react.default.createElement(_context.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_matrixRows.default, {
+    data: context.data,
+    trRowStyles: context.trRowStyles,
+    trTitleStyles: context.trTitleStyles,
+    rowPrimaryUpper: context.rowPrimaryUpper,
+    hasInlineStyles: context.hasInlineStyles,
+    trSubTitleStyles: context.trSubTitleStyles,
+    matrixSizeSelected: context.matrixSizeSelected,
+    reverseMatrixValues: context.reverseMatrixValues,
+    trPrimaryTitleStyles: context.trPrimaryTitleStyles,
+    customRowDynamicIdValue: context.customRowDynamicIdValue,
+    customTableDataDynamicIdValue: context.customTableDataDynamicIdValue
+  }))));
 };
 
 ReactMatrix.defaultProps = {
+  tableStyles: {},
   hasTableBorder: true,
-  rowPrimaryUpper: true,
   hasInlineStyles: true,
-  matrixSizeSelected: 5,
-  headerPrimaryUpper: true,
   hasContainerStyles: true,
-  reverseMatrixValues: true,
   tableContainerStyles: {},
-  tableStyles: {},
-  thRowStyles: {},
-  thTitleStyles: {},
-  thSubTitleStyles: {},
-  thPrimaryTitleStyles: {},
-  trRowStyles: {},
-  trTitleStyles: {},
-  trSubTitleStyles: {},
-  trPrimaryTitleStyles: {},
-  tdStyles: {},
-  customHeaderRowIdValue: "",
-  customRowDynamicIdValue: "",
-  customTableDataDynamicIdValue: "",
-  customRowHeaderDynamicIdValue: "",
-  customDynamicHeaderTitleIdValue: "",
-  customDynamicSubHeaderTitleIdValue: ""
+  matrixName: "",
+  matrixDescription: ""
 };
 ReactMatrix.propTypes = {
   data: _propTypes.default.shape({
@@ -147,7 +105,7 @@ ReactMatrix.propTypes = {
       likelihood_descriptor: _propTypes.default.string.isRequired,
       consequence_descriptor: _propTypes.default.number
     })).isRequired
-  }).isRequired,
+  }),
   hasTableBorder: _propTypes.default.bool,
   hasInlineStyles: _propTypes.default.bool,
   hasContainerStyles: _propTypes.default.bool,

package/dist/context/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Provider = exports.Consumer = void 0;
+
+var _react = require("react");
+
+const {
+  Provider,
+  Consumer
+} = /*#__PURE__*/(0, _react.createContext)();
+exports.Consumer = Consumer;
+exports.Provider = Provider;

package/dist/helpers/getStyles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTableStyles = exports.getTableBoarder = exports.getHeaderTitleStyles = exports.getHeaderSubTitleStyles = exports.getHeaderRowStyles = exports.getHeaderPrimaryTitleStyles = exports.getCustomStyles = exports.getContainerStyles = void 0;
+
+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; }
+
+const getCustomStyles = hasStyle => !hasStyle ? {} : hasStyle;
+
+exports.getCustomStyles = getCustomStyles;
+
+const getContainerStyles = (hasStyle, styles) => !hasStyle ? _objectSpread({}, getCustomStyles(styles)) : _objectSpread({
+  top: "".concat(50, "%"),
+  left: "".concat(50, "%"),
+  height: "".concat(100, "%"),
+  textAlign: "center",
+  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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-data-matrix",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
   "license": "MIT",
   "homepage": "https://github.com/bronz3beard/react-matrix",