es-components 21.6.83 → 21.6.84

package/cjs/index.js

@@ -1088,11 +1088,15 @@ function useUniqueId(providedId) {
   return idRef.current;
 }
 
-var _excluded$H = ["id", "panelKey", "open"];
+var _excluded$H = ["id", "panelKey", "open", "onChange"];
 
 function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+
+var noop = function noop() {// noop
+};
+
 var DrawerItemContext = /*#__PURE__*/React.createContext({
   open: false,
   itemId: undefined,
@@ -1107,6 +1111,7 @@ var DrawerItem = function DrawerItem(_ref) {
   var id = _ref.id,
       panelKey = _ref.panelKey,
       openProp = _ref.open,
+      onChangeProp = _ref.onChange,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$H);
 
   var _useContext = React.useContext(DrawerContext),
@@ -1120,6 +1125,9 @@ var DrawerItem = function DrawerItem(_ref) {
   var toggleOpen = React.useCallback(function () {
     return toggleActiveKey(itemKey);
   }, [itemKey, toggleActiveKey]);
+  var onChange = React.useRef(onChangeProp);
+  onChange.current = onChangeProp;
+  var afterInitialRender = React.useRef(false);
 
   var _useState = React.useState(_includesInstanceProperty__default["default"](activeKeys).call(activeKeys, itemKey)),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -1144,6 +1152,13 @@ var DrawerItem = function DrawerItem(_ref) {
     if (typeof openProp === 'undefined') return;
     (openProp ? setActiveKey : unsetActiveKey)(itemKey);
   }, [openProp]);
+  React.useEffect(function callOnChangeWhenOpenChanges() {
+    if (!afterInitialRender.current) {
+      return;
+    }
+
+    (onChange.current || noop)(open);
+  }, [open]);
   React.useEffect(function setChangedContext() {
     setItemContext({
       open: open,
@@ -1151,6 +1166,9 @@ var DrawerItem = function DrawerItem(_ref) {
       toggleOpen: toggleOpen
     });
   }, [open, itemId, toggleOpen]);
+  React.useEffect(function () {
+    afterInitialRender.current = true;
+  }, []);
   return /*#__PURE__*/React__default["default"].createElement(DrawerItemContext.Provider, _extends__default["default"]({}, props, {
     value: itemContext
   }));
@@ -1159,7 +1177,8 @@ DrawerItem.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Set the drawer to open or closed (true/false) */
   open: PropTypes__default["default"].bool,
 
-  /** Respond when the item opens or closes */
+  /** React when drawer opens or closes */
+  onChange: PropTypes__default["default"].func,
   // INTERNAL PROPS
 
   /** @ignore@ */
@@ -1186,10 +1205,6 @@ var DrawerItemBody = function DrawerItemBody(props) {
     role: "region"
   }, props));
 };
-
-var noop = function noop() {// noop
-};
-
 var DrawerItemOpener = function DrawerItemOpener(_ref2) {
   var children = _ref2.children;
 

package/lib/index.js

@@ -1030,11 +1030,15 @@ function useUniqueId(providedId) {
   return idRef.current;
 }
 
-var _excluded$H = ["id", "panelKey", "open"];
+var _excluded$H = ["id", "panelKey", "open", "onChange"];
 
 function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var noop = function noop() {// noop
+};
+
 var DrawerItemContext = /*#__PURE__*/createContext({
   open: false,
   itemId: undefined,
@@ -1049,6 +1053,7 @@ var DrawerItem = function DrawerItem(_ref) {
   var id = _ref.id,
       panelKey = _ref.panelKey,
       openProp = _ref.open,
+      onChangeProp = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded$H);
 
   var _useContext = useContext(DrawerContext),
@@ -1062,6 +1067,9 @@ var DrawerItem = function DrawerItem(_ref) {
   var toggleOpen = useCallback(function () {
     return toggleActiveKey(itemKey);
   }, [itemKey, toggleActiveKey]);
+  var onChange = useRef(onChangeProp);
+  onChange.current = onChangeProp;
+  var afterInitialRender = useRef(false);
 
   var _useState = useState(_includesInstanceProperty(activeKeys).call(activeKeys, itemKey)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1086,6 +1094,13 @@ var DrawerItem = function DrawerItem(_ref) {
     if (typeof openProp === 'undefined') return;
     (openProp ? setActiveKey : unsetActiveKey)(itemKey);
   }, [openProp]);
+  useEffect(function callOnChangeWhenOpenChanges() {
+    if (!afterInitialRender.current) {
+      return;
+    }
+
+    (onChange.current || noop)(open);
+  }, [open]);
   useEffect(function setChangedContext() {
     setItemContext({
       open: open,
@@ -1093,6 +1108,9 @@ var DrawerItem = function DrawerItem(_ref) {
       toggleOpen: toggleOpen
     });
   }, [open, itemId, toggleOpen]);
+  useEffect(function () {
+    afterInitialRender.current = true;
+  }, []);
   return /*#__PURE__*/React.createElement(DrawerItemContext.Provider, _extends({}, props, {
     value: itemContext
   }));
@@ -1101,7 +1119,8 @@ DrawerItem.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Set the drawer to open or closed (true/false) */
   open: PropTypes.bool,
 
-  /** Respond when the item opens or closes */
+  /** React when drawer opens or closes */
+  onChange: PropTypes.func,
   // INTERNAL PROPS
 
   /** @ignore@ */
@@ -1128,10 +1147,6 @@ var DrawerItemBody = function DrawerItemBody(props) {
     role: "region"
   }, props));
 };
-
-var noop = function noop() {// noop
-};
-
 var DrawerItemOpener = function DrawerItemOpener(_ref2) {
   var children = _ref2.children;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-components",
-  "version": "21.6.83",
+  "version": "21.6.84",
   "description": "React components built for Exchange Solutions products",
   "author": "Willis Towers Watson - Individual Marketplace",
   "license": "MIT",
@@ -68,7 +68,7 @@
     "bl": "^1.2.3",
     "concurrently": "^6.0.2",
     "cypress": "^9.6.0",
-    "es-components-via-theme": "^21.6.83",
+    "es-components-via-theme": "^21.6.84",
     "eslint": "^7.24.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^8.2.0",
@@ -125,5 +125,5 @@
     "ast-types": "^0.14.0",
     "bl": "^1.2.3"
   },
-  "gitHead": "35e4249035cbea07995b1f440a5960ddac3fb4a9"
+  "gitHead": "d34a9349e6fd586d34bcb51732a336ce894fdf12"
 }