terra-toggle-section-header - npm Package Compare versions

Comparing version 2.58.4 to 2.59.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## 2.59.0 - (December 7, 2022)
+
+* Changed
+  * Renamed `terra-section-header` title prop to text
+  * Updated snapshots from changes made to terra-section-header
+  * Updated WDIO Screenshots from changes made to terra-section-header
+
 ## 2.58.4 - (July 14, 2022)
@@ -7,0 +14,0 @@

lib/ToggleSectionHeader.js

 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
@@ -9,47 +8,26 @@ value: true
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _terraSectionHeader = _interopRequireDefault(require("terra-section-header"));
-
 var _terraToggle = _interopRequireDefault(require("terra-toggle"));
-
 var _excluded = ["children", "title", "level", "sectionHeaderAttrs", "isAnimated", "isInitiallyOpen", "isTransparent", "isOpen", "onOpen", "onClose"];
-
 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 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 _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; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+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); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var VALID_LEVELS = [1, 2, 3, 4, 5, 6];
@@ -61,3 +39,2 @@ var propTypes = {
   children: _propTypes.default.node.isRequired,
-
   /**
@@ -67,3 +44,2 @@ * Text to be displayed in the section header.
   title: _propTypes.default.string.isRequired,
-
   /**
@@ -73,3 +49,2 @@ * Sets the heading level. One of h1, h2, h3, h4, h5, or h6.
   level: _propTypes.default.oneOf(VALID_LEVELS),
-
   /**
@@ -79,3 +54,2 @@ * Callback function triggered when toggle-section-header is closed.
   onClose: _propTypes.default.func,
-
   /**
@@ -85,3 +59,2 @@ * Callback function triggered when toggle-section-header is opened.
   onOpen: _propTypes.default.func,
-
   /**
@@ -92,3 +65,2 @@ * Used to set props and HTML attributes on the underlying section-header.
   sectionHeaderAttrs: _propTypes.default.object,
-
   /**
@@ -98,3 +70,2 @@ * Sets the toggle-section-header to be animated when it is opened or closed.
   isAnimated: _propTypes.default.bool,
-
   /**
@@ -104,3 +75,2 @@ * Sets the toggle-section-header initial state to open.
   isInitiallyOpen: _propTypes.default.bool,
-
   /**
@@ -110,3 +80,2 @@ * Sets the background of the section header to transparent.
   isTransparent: _propTypes.default.bool,
-
   /**
@@ -125,16 +94,11 @@ * Programmatically toggle the toggle-section-header component.
 };
-
 var ToggleSectionHeader = /*#__PURE__*/function (_React$Component) {
   _inherits(ToggleSectionHeader, _React$Component);
-
   var _super = _createSuper(ToggleSectionHeader);
-
   function ToggleSectionHeader(props) {
     var _this;
-
     _classCallCheck(this, ToggleSectionHeader);
-
     _this = _super.call(this, props);
     var _this$props$isInitial = _this.props.isInitiallyOpen,
-        isInitiallyOpen = _this$props$isInitial === void 0 ? false : _this$props$isInitial;
+      isInitiallyOpen = _this$props$isInitial === void 0 ? false : _this$props$isInitial;
     _this.state = {
@@ -147,3 +111,2 @@ isOpen: isInitiallyOpen
   }
-
   _createClass(ToggleSectionHeader, [{
@@ -154,6 +117,5 @@ key: "handleOnClick",
       var _this$props = this.props,
-          onOpen = _this$props.onOpen,
-          onClose = _this$props.onClose,
-          isOpen = _this$props.isOpen;
-
+        onOpen = _this$props.onOpen,
+        onClose = _this$props.onClose,
+        isOpen = _this$props.isOpen;
       if (isOpen === undefined) {
@@ -165,3 +127,2 @@ if (onOpen && !this.state.isOpen) {
         }
-
         this.setState(function (prevState) {
@@ -178,6 +139,4 @@ return {
       var _this2 = this;
-
       return function (event) {
         _this2.handleOnClick(event);
-
         if (onClick) {
@@ -192,16 +151,14 @@ onClick(event);
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          title = _this$props2.title,
-          level = _this$props2.level,
-          sectionHeaderAttrs = _this$props2.sectionHeaderAttrs,
-          isAnimated = _this$props2.isAnimated,
-          isInitiallyOpen = _this$props2.isInitiallyOpen,
-          isTransparent = _this$props2.isTransparent,
-          isOpen = _this$props2.isOpen,
-          onOpen = _this$props2.onOpen,
-          onClose = _this$props2.onClose,
-          customProps = _objectWithoutProperties(_this$props2, _excluded);
-
+        children = _this$props2.children,
+        title = _this$props2.title,
+        level = _this$props2.level,
+        sectionHeaderAttrs = _this$props2.sectionHeaderAttrs,
+        isAnimated = _this$props2.isAnimated,
+        isInitiallyOpen = _this$props2.isInitiallyOpen,
+        isTransparent = _this$props2.isTransparent,
+        isOpen = _this$props2.isOpen,
+        onOpen = _this$props2.onOpen,
+        onClose = _this$props2.onClose,
+        customProps = _objectWithoutProperties(_this$props2, _excluded);
       var sectionHeaderProps = _objectSpread({}, sectionHeaderAttrs);
-
       sectionHeaderProps.onClick = this.wrapOnClick(sectionHeaderAttrs.onClick);
@@ -212,3 +169,3 @@ return /*#__PURE__*/_react.default.createElement("div", customProps, /*#__PURE__*/_react.default.createElement(_terraSectionHeader.default, _extends({}, sectionHeaderProps, {
         level: level,
-        title: title,
+        text: title,
         isTransparent: isTransparent
@@ -228,3 +185,2 @@ })), /*#__PURE__*/_react.default.createElement(_terraToggle.default, {
       }
-
       return {
@@ -235,6 +191,4 @@ isOpen: prevState.isOpen
   }]);
-
   return ToggleSectionHeader;
 }(_react.default.Component);
-
 ToggleSectionHeader.propTypes = propTypes;
@@ -241,0 +195,0 @@ ToggleSectionHeader.defaultProps = defaultProps;

package.json

 {
   "name": "terra-toggle-section-header",
   "main": "lib/ToggleSectionHeader.js",
-  "version": "2.58.4",
+  "version": "2.59.0",
   "description": "Toggle section header component that transitions content in and out with a click on the header.",
@@ -32,4 +32,4 @@ "repository": {
     "terra-mixins": "^1.40.0",
-    "terra-section-header": "^2.56.0",
-    "terra-toggle": "^3.50.3"
+    "terra-section-header": "^2.57.0",
+    "terra-toggle": "^3.51.0"
   },
@@ -49,3 +49,3 @@ "scripts": {
   },
-  "gitHead": "a7c88211833e8f180dec97341ef28bbdc590355e"
+  "gitHead": "421b2643a58e6de628aa789a9cdd0778b0a942a2"
 }

README.md

@@ -10,3 +10,3 @@ # Terra Toggle Section Header
 - [Getting Started](#getting-started)
-- [Documentation](https://engineering.cerner.com/terra-ui/components/terra-toggle-section-header/toggle-section-header/toggle-section-header)
+- [Documentation](https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/toggle-section-header/about)
 - [LICENSE](#license)
@@ -13,0 +13,0 @@

src/ToggleSectionHeader.jsx

@@ -131,3 +131,3 @@ import React from 'react';
           level={level}
-          title={title}
+          text={title}
           isTransparent={isTransparent}
@@ -134,0 +134,0 @@ />

New alerts

New author

Supply chain risk

A 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

Improved metrics

Total package byte prevSize

44833

increased by1.54%

Lines of code

415

increased by0.73%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedterra-section-header@^2.57.0

• Updatedterra-toggle@^3.51.0