terra-toggle-button - npm Package Compare versions

Comparing version 3.48.0 to 3.49.0

CHANGELOG.md

@@ -5,2 +5,7 @@ # Changelog
 
+## 3.49.0 - (November 10, 2020)
+
+* Changed
+  * Updated `terra-dev-site` examples to use react hooks.
+
 ## 3.48.0 - (October 27, 2020)
@@ -7,0 +12,0 @@

lib/terra-dev-site/doc/example/OpenCloseEventToggleButton.js

 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,3 +10,3 @@ value: true
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
@@ -19,85 +21,53 @@ var _terraToggleButton = _interopRequireDefault(require("terra-toggle-button"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var cx = _bind.default.bind(_OpenCloseEventToggleButtonModule.default);
 
-var OpenCloseEventToggleButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(OpenCloseEventToggleButton, _React$Component);
+var OpenCloseEventToggleButton = function OpenCloseEventToggleButton() {
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      timesOpened = _useState2[0],
+      setTimesOpened = _useState2[1];
 
-  var _super = _createSuper(OpenCloseEventToggleButton);
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      timesClosed = _useState4[0],
+      setTimesClosed = _useState4[1];
 
-  function OpenCloseEventToggleButton(props) {
-    var _this;
+  var handleOnOpen = function handleOnOpen() {
+    setTimesOpened(timesOpened + 1);
+  };
 
-    _classCallCheck(this, OpenCloseEventToggleButton);
+  var handleOnClose = function handleOnClose() {
+    setTimesClosed(timesClosed + 1);
+  };
 
-    _this = _super.call(this, props);
-    _this.state = {
-      timesOpened: 0,
-      timesClosed: 0
-    };
-    _this.handleOnOpen = _this.handleOnOpen.bind(_assertThisInitialized(_this));
-    _this.handleOnClose = _this.handleOnClose.bind(_assertThisInitialized(_this));
-    return _this;
-  }
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    id: "on-open-event"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Times Opened:", /*#__PURE__*/_react.default.createElement("span", {
+    className: cx('times-wrapper')
+  }, timesOpened)), /*#__PURE__*/_react.default.createElement("p", null, "Times Closed:", /*#__PURE__*/_react.default.createElement("span", {
+    className: cx('times-wrapper')
+  }, timesClosed))), /*#__PURE__*/_react.default.createElement(_terraToggleButton.default, {
+    closedButtonText: "ToggleButton",
+    onOpen: handleOnOpen,
+    onClose: handleOnClose
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
+};
 
-  _createClass(OpenCloseEventToggleButton, [{
-    key: "handleOnOpen",
-    value: function handleOnOpen() {
-      this.setState(function (prevState) {
-        return {
-          timesOpened: prevState.timesOpened + 1
-        };
-      });
-    }
-  }, {
-    key: "handleOnClose",
-    value: function handleOnClose() {
-      this.setState(function (prevState) {
-        return {
-          timesClosed: prevState.timesClosed + 1
-        };
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        id: "on-open-event"
-      }, /*#__PURE__*/_react.default.createElement("p", null, "Times Opened:", /*#__PURE__*/_react.default.createElement("span", {
-        className: cx('times-wrapper')
-      }, this.state.timesOpened)), /*#__PURE__*/_react.default.createElement("p", null, "Times Closed:", /*#__PURE__*/_react.default.createElement("span", {
-        className: cx('times-wrapper')
-      }, this.state.timesClosed))), /*#__PURE__*/_react.default.createElement(_terraToggleButton.default, {
-        closedButtonText: "ToggleButton",
-        onOpen: this.handleOnOpen,
-        onClose: this.handleOnClose
-      }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
-    }
-  }]);
-
-  return OpenCloseEventToggleButton;
-}(_react.default.Component);
-
 var _default = OpenCloseEventToggleButton;
 exports.default = _default;

lib/terra-dev-site/test/toggle-button/OnCloseToggleButton.test.js

 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,3 +10,3 @@ value: true
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
@@ -15,68 +17,38 @@ var _ToggleButton = _interopRequireDefault(require("../../../ToggleButton"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var OnCloseToggleButton = function OnCloseToggleButton() {
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      timesClosed = _useState2[0],
+      setTimesClosed = _useState2[1];
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+  var handleOnClose = function handleOnClose() {
+    setTimesClosed(timesClosed + 1);
+  };
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    id: "on-close-event"
+  }, /*#__PURE__*/_react.default.createElement("h3", null, "Times Closed: ".concat(timesClosed))), /*#__PURE__*/_react.default.createElement(_ToggleButton.default, {
+    id: "onCloseToggleButton",
+    closedButtonText: "ToggleButton",
+    onClose: handleOnClose
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
+};
 
-var OnCloseToggleButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(OnCloseToggleButton, _React$Component);
-
-  var _super = _createSuper(OnCloseToggleButton);
-
-  function OnCloseToggleButton(props) {
-    var _this;
-
-    _classCallCheck(this, OnCloseToggleButton);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      timesClosed: 0
-    };
-    _this.handleOnClose = _this.handleOnClose.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(OnCloseToggleButton, [{
-    key: "handleOnClose",
-    value: function handleOnClose() {
-      this.setState(function (prevState) {
-        return {
-          timesClosed: prevState.timesClosed + 1
-        };
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        id: "on-close-event"
-      }, /*#__PURE__*/_react.default.createElement("h3", null, "Times Closed: ".concat(this.state.timesClosed))), /*#__PURE__*/_react.default.createElement(_ToggleButton.default, {
-        id: "onCloseToggleButton",
-        closedButtonText: "ToggleButton",
-        onClose: this.handleOnClose
-      }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
-    }
-  }]);
-
-  return OnCloseToggleButton;
-}(_react.default.Component);
-
 var _default = OnCloseToggleButton;
 exports.default = _default;

lib/terra-dev-site/test/toggle-button/OnOpenToggleButton.test.js

 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,3 +10,3 @@ value: true
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
@@ -15,68 +17,38 @@ var _ToggleButton = _interopRequireDefault(require("../../../ToggleButton"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var OnOpenToggleButton = function OnOpenToggleButton() {
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      timesOpened = _useState2[0],
+      setTimesOpened = _useState2[1];
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+  var handleOnOpen = function handleOnOpen() {
+    setTimesOpened(timesOpened + 1);
+  };
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    id: "on-open-event"
+  }, /*#__PURE__*/_react.default.createElement("h3", null, "Times Opened: ".concat(timesOpened))), /*#__PURE__*/_react.default.createElement(_ToggleButton.default, {
+    id: "onOpenToggleButton",
+    closedButtonText: "ToggleButton",
+    onOpen: handleOnOpen
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
+};
 
-var OnOpenToggleButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(OnOpenToggleButton, _React$Component);
-
-  var _super = _createSuper(OnOpenToggleButton);
-
-  function OnOpenToggleButton(props) {
-    var _this;
-
-    _classCallCheck(this, OnOpenToggleButton);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      timesOpened: 0
-    };
-    _this.handleOnOpen = _this.handleOnOpen.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(OnOpenToggleButton, [{
-    key: "handleOnOpen",
-    value: function handleOnOpen() {
-      this.setState(function (prevState) {
-        return {
-          timesOpened: prevState.timesOpened + 1
-        };
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        id: "on-open-event"
-      }, /*#__PURE__*/_react.default.createElement("h3", null, "Times Opened: ".concat(this.state.timesOpened))), /*#__PURE__*/_react.default.createElement(_ToggleButton.default, {
-        id: "onOpenToggleButton",
-        closedButtonText: "ToggleButton",
-        onOpen: this.handleOnOpen
-      }, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
-    }
-  }]);
-
-  return OnOpenToggleButton;
-}(_react.default.Component);
-
 var _default = OnOpenToggleButton;
 exports.default = _default;

package.json

 {
   "name": "terra-toggle-button",
   "main": "lib/ToggleButton.js",
-  "version": "3.48.0",
+  "version": "3.49.0",
   "description": "Toggle button component that transitions content in and out with the click on a button.",
@@ -31,5 +31,5 @@ "repository": {
     "prop-types": "^15.5.8",
-    "terra-button": "^3.48.0",
+    "terra-button": "^3.49.0",
     "terra-icon": "^3.37.0",
-    "terra-toggle": "^3.39.0"
+    "terra-toggle": "^3.40.0"
   },
@@ -49,3 +49,3 @@ "scripts": {
   },
-  "gitHead": "6e29f8f1dad526259a02fea6a926fb6545998098"
+  "gitHead": "1b981da7df893b44257a6fbffb2cbaccc6714b97"
 }

src/terra-dev-site/doc/example/OpenCloseEventToggleButton.jsx

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { useState } from 'react';
 import ToggleButton from 'terra-toggle-button';
@@ -8,43 +8,33 @@ import classNames from 'classnames/bind';
 
-class OpenCloseEventToggleButton extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      timesOpened: 0,
-      timesClosed: 0,
-    };
+const OpenCloseEventToggleButton = () => {
+  const [timesOpened, setTimesOpened] = useState(0);
+  const [timesClosed, setTimesClosed] = useState(0);
 
-    this.handleOnOpen = this.handleOnOpen.bind(this);
-    this.handleOnClose = this.handleOnClose.bind(this);
-  }
+  const handleOnOpen = () => {
+    setTimesOpened(timesOpened + 1);
+  };
 
-  handleOnOpen() {
-    this.setState(prevState => ({ timesOpened: prevState.timesOpened + 1 }));
-  }
+  const handleOnClose = () => {
+    setTimesClosed(timesClosed + 1);
+  };
 
-  handleOnClose() {
-    this.setState(prevState => ({ timesClosed: prevState.timesClosed + 1 }));
-  }
-
-  render() {
-    return (
-      <div>
-        <div id="on-open-event">
-          <p>
-            Times Opened:
-            <span className={cx('times-wrapper')}>{this.state.timesOpened}</span>
-          </p>
-          <p>
-            Times Closed:
-            <span className={cx('times-wrapper')}>{this.state.timesClosed}</span>
-          </p>
-        </div>
-        <ToggleButton closedButtonText="ToggleButton" onOpen={this.handleOnOpen} onClose={this.handleOnClose}>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-        </ToggleButton>
+  return (
+    <div>
+      <div id="on-open-event">
+        <p>
+          Times Opened:
+          <span className={cx('times-wrapper')}>{timesOpened}</span>
+        </p>
+        <p>
+          Times Closed:
+          <span className={cx('times-wrapper')}>{timesClosed}</span>
+        </p>
       </div>
-    );
-  }
-}
+      <ToggleButton closedButtonText="ToggleButton" onOpen={handleOnOpen} onClose={handleOnClose}>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      </ToggleButton>
+    </div>
+  );
+};
 
 export default OpenCloseEventToggleButton;

src/terra-dev-site/test/toggle-button/OnCloseToggleButton.test.jsx

@@ -1,29 +0,23 @@
-import React from 'react';
+import React, { useState } from 'react';
 import ToggleButton from '../../../ToggleButton';
 
-class OnCloseToggleButton extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { timesClosed: 0 };
-    this.handleOnClose = this.handleOnClose.bind(this);
-  }
+const OnCloseToggleButton = () => {
+  const [timesClosed, setTimesClosed] = useState(0);
 
-  handleOnClose() {
-    this.setState(prevState => ({ timesClosed: prevState.timesClosed + 1 }));
-  }
+  const handleOnClose = () => {
+    setTimesClosed(timesClosed + 1);
+  };
 
-  render() {
-    return (
-      <div>
-        <div id="on-close-event">
-          <h3>{`Times Closed: ${this.state.timesClosed}`}</h3>
-        </div>
-        <ToggleButton id="onCloseToggleButton" closedButtonText="ToggleButton" onClose={this.handleOnClose}>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-        </ToggleButton>
+  return (
+    <div>
+      <div id="on-close-event">
+        <h3>{`Times Closed: ${timesClosed}`}</h3>
       </div>
-    );
-  }
-}
+      <ToggleButton id="onCloseToggleButton" closedButtonText="ToggleButton" onClose={handleOnClose}>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      </ToggleButton>
+    </div>
+  );
+};
 
 export default OnCloseToggleButton;

src/terra-dev-site/test/toggle-button/OnOpenToggleButton.test.jsx

@@ -1,29 +0,23 @@
-import React from 'react';
+import React, { useState } from 'react';
 import ToggleButton from '../../../ToggleButton';
 
-class OnOpenToggleButton extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { timesOpened: 0 };
-    this.handleOnOpen = this.handleOnOpen.bind(this);
-  }
+const OnOpenToggleButton = () => {
+  const [timesOpened, setTimesOpened] = useState(0);
 
-  handleOnOpen() {
-    this.setState(prevState => ({ timesOpened: prevState.timesOpened + 1 }));
-  }
+  const handleOnOpen = () => {
+    setTimesOpened(timesOpened + 1);
+  };
 
-  render() {
-    return (
-      <div>
-        <div id="on-open-event">
-          <h3>{`Times Opened: ${this.state.timesOpened}`}</h3>
-        </div>
-        <ToggleButton id="onOpenToggleButton" closedButtonText="ToggleButton" onOpen={this.handleOnOpen}>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-        </ToggleButton>
+  return (
+    <div>
+      <div id="on-open-event">
+        <h3>{`Times Opened: ${timesOpened}`}</h3>
       </div>
-    );
-  }
-}
+      <ToggleButton id="onOpenToggleButton" closedButtonText="ToggleButton" onOpen={handleOnOpen}>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      </ToggleButton>
+    </div>
+  );
+};
 
 export default OnOpenToggleButton;

No alert changes

Worsened metrics

Total package byte prevSize

108330

decreased by-2.27%

Lines of code

1193

decreased by-7.09%

Dependency changes

• Updatedterra-button@^3.49.0

• Updatedterra-toggle@^3.40.0