terra-clinical-result/lib/terra-dev-site/test/clinical-result/flowsheet-result-cell/NumericOverflowFlowsheetResultCell.test.js

The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _index = require("terra-clinical-result/lib/index");
var _classnames = _interopRequireDefault(require("classnames"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _terraThemeContext = _interopRequireDefault(require("terra-theme-context"));
var _ExamplesModule = _interopRequireDefault(require("../../../doc/example/Examples.module.scss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cx = _bind.default.bind(_ExamplesModule.default);
var multipleResultValues = [{
  eventId: '1602328271',
  result: {
    value: '101.123456789123456789123456789123456789123456789',
    unit: 'degC'
  },
  isNumeric: true,
  isModified: true,
  hasComment: true
}, {
  eventId: '1602328282',
  result: {
    value: '101.2',
    unit: 'degC'
  },
  isNumeric: true,
  isModified: false,
  hasComment: false
}, {
  eventId: '1602328293',
  result: {
    value: '101.3',
    unit: 'degC'
  },
  isNumeric: true,
  isModified: false,
  hasComment: false
}];
var _default = exports.default = function _default() {
  var theme = _react.default.useContext(_terraThemeContext.default);
  var mockFlowsheetClassnames = (0, _classnames.default)(cx('mock-flowsheet-example', theme.className));
  return /*#__PURE__*/_react.default.createElement("div", {
    className: mockFlowsheetClassnames
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn')
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: cx(['mock-flowsheet-resultcolumn', 'half-column'])
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: cx(['mock-flowsheet-resultcolumn', 'triple-column'])
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: cx('mock-flowsheet-resultcolumn-cell')
  }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
    resultDataSet: multipleResultValues,
    hideUnit: true
  }))));
};