terra-demographics-banner
Advanced tools
Comparing version 3.58.2 to 3.59.0
@@ -5,2 +5,7 @@ # Changelog | ||
## 3.59.0 - (December 7, 2022) | ||
* Changed | ||
* Minor dependency version bump | ||
## 3.58.2 - (July 5, 2022) | ||
@@ -7,0 +12,0 @@ |
@@ -7,50 +7,35 @@ "use strict"; | ||
exports.default = void 0; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _bind = _interopRequireDefault(require("classnames/bind")); | ||
var _terraThemeContext = _interopRequireDefault(require("terra-theme-context")); | ||
var _DemographicsBannerModule = _interopRequireDefault(require("./DemographicsBanner.module.scss")); | ||
var _sharedObjects = _interopRequireDefault(require("./_sharedObjects")); | ||
var _excluded = ["age", "applicationContent", "dateOfBirth", "dateOfBirthFullText", "dateOfBirthLabel", "deceasedDate", "deceasedDateLabel", "gender", "gestationalAge", "gestationalAgeFullText", "gestationalAgeLabel", "identifiers", "personName", "photo", "postMenstrualAge", "postMenstrualAgeFullText", "postMenstrualAgeLabel", "preferredFirstName"]; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
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); } | ||
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; } | ||
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; } | ||
var cx = _bind.default.bind(_DemographicsBannerModule.default); | ||
var _default = function _default(props) { | ||
var age = props.age, | ||
applicationContent = props.applicationContent, | ||
dateOfBirth = props.dateOfBirth, | ||
dateOfBirthFullText = props.dateOfBirthFullText, | ||
dateOfBirthLabel = props.dateOfBirthLabel, | ||
deceasedDate = props.deceasedDate, | ||
deceasedDateLabel = props.deceasedDateLabel, | ||
gender = props.gender, | ||
gestationalAge = props.gestationalAge, | ||
gestationalAgeFullText = props.gestationalAgeFullText, | ||
gestationalAgeLabel = props.gestationalAgeLabel, | ||
identifiers = props.identifiers, | ||
personName = props.personName, | ||
photo = props.photo, | ||
postMenstrualAge = props.postMenstrualAge, | ||
postMenstrualAgeFullText = props.postMenstrualAgeFullText, | ||
postMenstrualAgeLabel = props.postMenstrualAgeLabel, | ||
preferredFirstName = props.preferredFirstName, | ||
customProps = _objectWithoutProperties(props, _excluded); | ||
applicationContent = props.applicationContent, | ||
dateOfBirth = props.dateOfBirth, | ||
dateOfBirthFullText = props.dateOfBirthFullText, | ||
dateOfBirthLabel = props.dateOfBirthLabel, | ||
deceasedDate = props.deceasedDate, | ||
deceasedDateLabel = props.deceasedDateLabel, | ||
gender = props.gender, | ||
gestationalAge = props.gestationalAge, | ||
gestationalAgeFullText = props.gestationalAgeFullText, | ||
gestationalAgeLabel = props.gestationalAgeLabel, | ||
identifiers = props.identifiers, | ||
personName = props.personName, | ||
photo = props.photo, | ||
postMenstrualAge = props.postMenstrualAge, | ||
postMenstrualAgeFullText = props.postMenstrualAgeFullText, | ||
postMenstrualAgeLabel = props.postMenstrualAgeLabel, | ||
preferredFirstName = props.preferredFirstName, | ||
customProps = _objectWithoutProperties(props, _excluded); | ||
var theme = _react.default.useContext(_terraThemeContext.default); | ||
var mainClasses = (0, _classnames.default)(cx('demographics-banner', 'large-demographics-banner', { | ||
@@ -82,3 +67,2 @@ deceased: deceasedDate | ||
}; | ||
exports.default = _default; |
@@ -7,22 +7,15 @@ "use strict"; | ||
exports.default = void 0; | ||
var _bind = _interopRequireDefault(require("classnames/bind")); | ||
var _react = _interopRequireDefault(require("react")); | ||
var _terraVisuallyHiddenText = _interopRequireDefault(require("terra-visually-hidden-text")); | ||
var _DemographicsBannerModule = _interopRequireDefault(require("./DemographicsBanner.module.scss")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var cx = _bind.default.bind(_DemographicsBannerModule.default); | ||
var cx = _bind.default.bind(_DemographicsBannerModule.default); // eslint-disable-next-line react/prop-types | ||
// eslint-disable-next-line react/prop-types | ||
var DemographicsBannerValue = function DemographicsBannerValue(_ref) { | ||
var label = _ref.label, | ||
value = _ref.value, | ||
abbrTitle = _ref.abbrTitle; | ||
value = _ref.value, | ||
abbrTitle = _ref.abbrTitle; | ||
var valueLabelContent; | ||
if (label && abbrTitle) { | ||
@@ -41,3 +34,2 @@ valueLabelContent = /*#__PURE__*/_react.default.createElement("span", { | ||
} | ||
return /*#__PURE__*/_react.default.createElement("span", { | ||
@@ -51,3 +43,2 @@ className: cx('value') | ||
}; | ||
var personDetails = function personDetails(props) { | ||
@@ -66,3 +57,2 @@ var elements = [/*#__PURE__*/_react.default.createElement(DemographicsBannerValue, { | ||
})]; | ||
if (props.gestationalAge) { | ||
@@ -76,3 +66,2 @@ elements.push( /*#__PURE__*/_react.default.createElement(DemographicsBannerValue, { | ||
} | ||
if (props.postMenstrualAge) { | ||
@@ -86,3 +75,2 @@ elements.push( /*#__PURE__*/_react.default.createElement(DemographicsBannerValue, { | ||
} | ||
if (props.deceasedDate) { | ||
@@ -95,9 +83,6 @@ elements.push( /*#__PURE__*/_react.default.createElement(DemographicsBannerValue, { | ||
} | ||
return elements; | ||
}; | ||
var applicationIdentifiers = function applicationIdentifiers(props) { | ||
var identifiers = props.identifiers; | ||
if (identifiers) { | ||
@@ -112,6 +97,4 @@ return Object.keys(identifiers).map(function (key) { | ||
} | ||
return null; | ||
}; | ||
var DemographicsBannerUtils = { | ||
@@ -118,0 +101,0 @@ personDetails: personDetails, |
@@ -7,50 +7,35 @@ "use strict"; | ||
exports.default = void 0; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _bind = _interopRequireDefault(require("classnames/bind")); | ||
var _terraThemeContext = _interopRequireDefault(require("terra-theme-context")); | ||
var _DemographicsBannerModule = _interopRequireDefault(require("./DemographicsBanner.module.scss")); | ||
var _sharedObjects = _interopRequireDefault(require("./_sharedObjects")); | ||
var _excluded = ["age", "applicationContent", "dateOfBirth", "dateOfBirthFullText", "dateOfBirthLabel", "deceasedDate", "deceasedDateLabel", "gender", "gestationalAge", "gestationalAgeFullText", "gestationalAgeLabel", "identifiers", "personName", "photo", "postMenstrualAge", "postMenstrualAgeFullText", "postMenstrualAgeLabel", "preferredFirstName"]; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
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); } | ||
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; } | ||
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; } | ||
var cx = _bind.default.bind(_DemographicsBannerModule.default); | ||
var _default = function _default(props) { | ||
var age = props.age, | ||
applicationContent = props.applicationContent, | ||
dateOfBirth = props.dateOfBirth, | ||
dateOfBirthFullText = props.dateOfBirthFullText, | ||
dateOfBirthLabel = props.dateOfBirthLabel, | ||
deceasedDate = props.deceasedDate, | ||
deceasedDateLabel = props.deceasedDateLabel, | ||
gender = props.gender, | ||
gestationalAge = props.gestationalAge, | ||
gestationalAgeFullText = props.gestationalAgeFullText, | ||
gestationalAgeLabel = props.gestationalAgeLabel, | ||
identifiers = props.identifiers, | ||
personName = props.personName, | ||
photo = props.photo, | ||
postMenstrualAge = props.postMenstrualAge, | ||
postMenstrualAgeFullText = props.postMenstrualAgeFullText, | ||
postMenstrualAgeLabel = props.postMenstrualAgeLabel, | ||
preferredFirstName = props.preferredFirstName, | ||
customProps = _objectWithoutProperties(props, _excluded); | ||
applicationContent = props.applicationContent, | ||
dateOfBirth = props.dateOfBirth, | ||
dateOfBirthFullText = props.dateOfBirthFullText, | ||
dateOfBirthLabel = props.dateOfBirthLabel, | ||
deceasedDate = props.deceasedDate, | ||
deceasedDateLabel = props.deceasedDateLabel, | ||
gender = props.gender, | ||
gestationalAge = props.gestationalAge, | ||
gestationalAgeFullText = props.gestationalAgeFullText, | ||
gestationalAgeLabel = props.gestationalAgeLabel, | ||
identifiers = props.identifiers, | ||
personName = props.personName, | ||
photo = props.photo, | ||
postMenstrualAge = props.postMenstrualAge, | ||
postMenstrualAgeFullText = props.postMenstrualAgeFullText, | ||
postMenstrualAgeLabel = props.postMenstrualAgeLabel, | ||
preferredFirstName = props.preferredFirstName, | ||
customProps = _objectWithoutProperties(props, _excluded); | ||
var theme = _react.default.useContext(_terraThemeContext.default); | ||
var mainClasses = (0, _classnames.default)(cx('demographics-banner', { | ||
@@ -72,3 +57,2 @@ deceased: deceasedDate | ||
}; | ||
exports.default = _default; |
@@ -7,21 +7,11 @@ "use strict"; | ||
exports.default = void 0; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _reactIntl = require("react-intl"); | ||
var _DemographicsBannerDisplay = _interopRequireDefault(require("./DemographicsBannerDisplay")); | ||
var _excluded = ["age", "dateOfBirth", "gender", "intl", "personName"]; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
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); } | ||
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; } | ||
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; } | ||
var propTypes = { | ||
@@ -32,3 +22,2 @@ /** | ||
applicationContent: _propTypes.default.node, | ||
/** | ||
@@ -38,3 +27,2 @@ * Age of the person. | ||
age: _propTypes.default.string, | ||
/** | ||
@@ -44,3 +32,2 @@ * The persons date of birth | ||
dateOfBirth: _propTypes.default.string, | ||
/** | ||
@@ -50,3 +37,2 @@ * The person's deceased date. Will display the banner as deceased if this value is provided | ||
deceasedDate: _propTypes.default.string, | ||
/** | ||
@@ -56,3 +42,2 @@ * Gender of the Person | ||
gender: _propTypes.default.string, | ||
/** | ||
@@ -62,3 +47,2 @@ * The persons gestational age. | ||
gestationalAge: _propTypes.default.string, | ||
/** | ||
@@ -69,3 +53,2 @@ * Additional key value identifiers of a person's demographic information | ||
identifiers: _propTypes.default.object, | ||
/** | ||
@@ -78,3 +61,2 @@ * @private | ||
}).isRequired, | ||
/** | ||
@@ -84,3 +66,2 @@ * Full Name of the person | ||
personName: _propTypes.default.string, | ||
/** | ||
@@ -90,3 +71,2 @@ * Photo to display in the banner | ||
photo: _propTypes.default.node, | ||
/** | ||
@@ -96,3 +76,2 @@ * The column layout in which to present the displays. | ||
postMenstrualAge: _propTypes.default.string, | ||
/** | ||
@@ -116,11 +95,9 @@ * The persons preferred first name if they have one. | ||
}; | ||
var DemographicsBanner = function DemographicsBanner(_ref) { | ||
var age = _ref.age, | ||
dateOfBirth = _ref.dateOfBirth, | ||
gender = _ref.gender, | ||
intl = _ref.intl, | ||
personName = _ref.personName, | ||
customProps = _objectWithoutProperties(_ref, _excluded); | ||
dateOfBirth = _ref.dateOfBirth, | ||
gender = _ref.gender, | ||
intl = _ref.intl, | ||
personName = _ref.personName, | ||
customProps = _objectWithoutProperties(_ref, _excluded); | ||
var noDataProvided = intl.formatMessage({ | ||
@@ -157,8 +134,5 @@ id: 'Terra.demographicsBanner.noDataProvided' | ||
}; | ||
DemographicsBanner.propTypes = propTypes; | ||
DemographicsBanner.defaultProps = defaultProps; | ||
var _default = (0, _reactIntl.injectIntl)(DemographicsBanner); | ||
exports.default = _default; |
@@ -7,17 +7,9 @@ "use strict"; | ||
exports.default = void 0; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _terraResponsiveElement = _interopRequireDefault(require("terra-responsive-element")); | ||
require("./DemographicsBanner.module.scss"); | ||
var _SmallDemographicsBannerDisplay = _interopRequireDefault(require("./_SmallDemographicsBannerDisplay")); | ||
var _LargeDemographicsBannerDisplay = _interopRequireDefault(require("./_LargeDemographicsBannerDisplay")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var propTypes = { | ||
@@ -28,3 +20,2 @@ /** | ||
applicationContent: _propTypes.default.node, | ||
/** | ||
@@ -34,3 +25,2 @@ * Age of the person. | ||
age: _propTypes.default.string, | ||
/** | ||
@@ -40,3 +30,2 @@ * The persons date of birth | ||
dateOfBirth: _propTypes.default.string, | ||
/** | ||
@@ -46,3 +35,2 @@ * Label to display for the date of birth | ||
dateOfBirthLabel: _propTypes.default.string, | ||
/** | ||
@@ -52,3 +40,2 @@ * Text Description of the date of birth label that is read by screen readers | ||
dateOfBirthFullText: _propTypes.default.string, | ||
/** | ||
@@ -58,3 +45,2 @@ * The person's deceased date. Will display the banner as deceased if this value is provided | ||
deceasedDate: _propTypes.default.string, | ||
/** | ||
@@ -64,3 +50,2 @@ * Label to display for the deceased date | ||
deceasedDateLabel: _propTypes.default.string, | ||
/** | ||
@@ -70,3 +55,2 @@ * Gender of the Person | ||
gender: _propTypes.default.string, | ||
/** | ||
@@ -76,3 +60,2 @@ * The persons gestational age. | ||
gestationalAge: _propTypes.default.string, | ||
/** | ||
@@ -82,3 +65,2 @@ * Label to display for the Gestational Age | ||
gestationalAgeLabel: _propTypes.default.string, | ||
/** | ||
@@ -88,3 +70,2 @@ * Text Description of the Gestational Age label that is read by screen readers | ||
gestationalAgeFullText: _propTypes.default.string, | ||
/** | ||
@@ -95,3 +76,2 @@ * Additional key value identifiers of a person's demographic information | ||
identifiers: _propTypes.default.object, | ||
/** | ||
@@ -101,3 +81,2 @@ * Full Name of the person | ||
personName: _propTypes.default.string, | ||
/** | ||
@@ -107,3 +86,2 @@ * Photo to display in the banner | ||
photo: _propTypes.default.node, | ||
/** | ||
@@ -113,3 +91,2 @@ * The column layout in which to present the displays. | ||
postMenstrualAge: _propTypes.default.string, | ||
/** | ||
@@ -119,3 +96,2 @@ * Label to display for the PostMenstrualAgeLabel | ||
postMenstrualAgeLabel: _propTypes.default.string, | ||
/** | ||
@@ -125,3 +101,2 @@ * Text Description of the Post Menstrural Age label that is read by screen readers | ||
postMenstrualAgeFullText: _propTypes.default.string, | ||
/** | ||
@@ -152,3 +127,2 @@ * The persons preferred first name if they have one. | ||
}; | ||
var DemographicsBannerDisplay = function DemographicsBannerDisplay(props) { | ||
@@ -160,3 +134,2 @@ return /*#__PURE__*/_react.default.createElement(_terraResponsiveElement.default, { | ||
}; | ||
DemographicsBannerDisplay.propTypes = propTypes; | ||
@@ -163,0 +136,0 @@ DemographicsBannerDisplay.defaultProps = defaultProps; |
{ | ||
"name": "terra-demographics-banner", | ||
"main": "lib/DemographicsBanner.js", | ||
"version": "3.58.2", | ||
"version": "3.59.0", | ||
"description": "The demographics component is used to display demographic information about a person in a condensed, easy to read format.", | ||
@@ -32,6 +32,6 @@ "repository": { | ||
"prop-types": "^15.5.8", | ||
"terra-image": "^3.35.1", | ||
"terra-responsive-element": "^5.35.2", | ||
"terra-image": "^3.36.0", | ||
"terra-responsive-element": "^5.36.0", | ||
"terra-theme-context": "^1.0.0", | ||
"terra-visually-hidden-text": "^2.35.0" | ||
"terra-visually-hidden-text": "^2.36.0" | ||
}, | ||
@@ -51,3 +51,3 @@ "scripts": { | ||
}, | ||
"gitHead": "5d980c62d9a2c86597ccd689865c4090fc26c4b0" | ||
"gitHead": "421b2643a58e6de628aa789a9cdd0778b0a942a2" | ||
} |
@@ -10,3 +10,3 @@ # Terra Demographics Banner | ||
- [Getting Started](#getting-started) | ||
- [Documentation](https://engineering.cerner.com/terra-ui/components/terra-demographics-banner/demographics-banner/demographics-banner) | ||
- [Documentation](https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/demographics-banner/about) | ||
- [LICENSE](#license) | ||
@@ -13,0 +13,0 @@ |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
1259
87400
1