@pingux/astro 1.2.0-alpha.8 → 1.3.0

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js

@@ -70,10 +70,10 @@ var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
   var _context;
 
   var children = props.children,
-      isDisabled = props.isDisabled,
       onSelectionChange = props.onSelectionChange,
       tabListProps = props.tabListProps,
-      others = (0, _objectWithoutProperties2["default"])(props, ["children", "isDisabled", "onSelectionChange", "tabListProps"]);
+      disabledKeys = props.disabledKeys,
+      others = (0, _objectWithoutProperties2["default"])(props, ["children", "onSelectionChange", "tabListProps", "disabledKeys"]);
   var buttonGroupRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
@@ -102,8 +102,7 @@ var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
   }), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
     return (0, _react2.jsx)(_RockerButton.CollectionRockerButton, {
       key: item.key,
-      item: item,
-      isDisabled: isDisabled
+      item: item
     });
   }))));
 });
@@ -114,15 +113,12 @@ RockerButtonGroup.propTypes = {
   /** The button key that is currently selected. (controlled) */
   selectedKey: _propTypes["default"].string,
 
-  /** Whether the entire button group is disabled. */
-  isDisabled: _propTypes["default"].bool,
+  /** Which keys should be disabled. */
+  disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].string),
 
   /** Handler that is called when the selected button has changed. */
   onSelectionChange: _propTypes["default"].func
 };
-RockerButtonGroup.defaultProps = {
-  isDisabled: false
-};
 RockerButtonGroup.displayName = 'RockerButtonGroup';
 var _default = RockerButtonGroup;
 exports["default"] = _default;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js

@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.DisabledRockerButtonGroup = exports.DisabledSingleButton = exports.withCustomSelectedColors = exports.Controlled = exports.Uncontrolled = exports.Default = exports["default"] = void 0;
+exports.DisabledSingleButton = exports.withCustomSelectedColors = exports.Controlled = exports.Uncontrolled = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
@@ -129,26 +129,8 @@ exports.withCustomSelectedColors = withCustomSelectedColors;
 
 var DisabledSingleButton = function DisabledSingleButton() {
   return (0, _react2.jsx)(_RockerButtonGroup["default"], {
-    defaultSelectedKey: "or"
-  }, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and",
-    isDisabled: true
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.DisabledSingleButton = DisabledSingleButton;
-
-var DisabledRockerButtonGroup = function DisabledRockerButtonGroup() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
-    isDisabled: true,
-    defaultSelectedKey: "and"
+    defaultSelectedKey: "or",
+    disabledKeys: ['and']
   }, (0, _react2.jsx)(_RockerButton["default"], {
     name: "and",
     key: "and"
@@ -161,4 +143,4 @@ var DisabledRockerButtonGroup = function DisabledRockerButtonGroup() {
   }, "Maybe"));
 };
 
-exports.DisabledRockerButtonGroup = DisabledRockerButtonGroup;
+exports.DisabledSingleButton = DisabledSingleButton;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js

@@ -82,9 +82,11 @@ test('buttonGroup is not disabled by default', function () {
     expect(buttonKey).not.toHaveClass('is-disabled');
   });
 });
-test('each button is disabled when isDisabled prop is passed to RockerButtonGroup', function () {
+test('rocker button is disabled when its key is included in disabledKeys', function () {
   getComponent({
-    isDisabled: true
+    disabledKeys: (0, _map["default"])(testButtons).call(testButtons, function (button) {
+      return button.key;
+    })
   });
   (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
     var buttonKey = _testWrapper.screen.getByText(button.key);
@@ -100,9 +102,7 @@ test('rockerButton renders selectedStyles prop when selected', function () {
   expect(buttonColorKey).toHaveClass('is-selected');
 });
 test('selected button can be changed by keyboard interaction', function () {
-  getComponent(); // FIXME: Keyboard events must fire twice tests - unsure why at this time.
-
-  _userEvent["default"].tab();
+  getComponent();
 
   _userEvent["default"].tab();
 
@@ -114,20 +114,11 @@ test('selected button can be changed by keyboard interaction', function () {
 
   expect(button1).not.toHaveClass('is-selected');
 
-  _userEvent["default"].tab();
-
-  _userEvent["default"].tab();
-
   _testWrapper.fireEvent.keyDown(_testWrapper.screen.getByText(testButtons[0].key), {
     key: 'ArrowRight',
     code: 'ArrowRight'
   });
 
-  _testWrapper.fireEvent.keyDown(_testWrapper.screen.getByText(testButtons[1].key), {
-    key: 'ArrowRight',
-    code: 'ArrowRight'
-  });
-
   expect(_testWrapper.screen.getByText(testButtons[1].key)).toHaveClass('is-selected');
   expect(_testWrapper.screen.getByText(testButtons[0].key)).not.toHaveClass('is-selected');
 });

package/lib/cjs/components/SearchField/SearchField.stories.js

@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.ControlledWithDebouncedInput = exports.MaxLength = exports.NoClearButton = exports.CustomIcon = exports.Controlled = exports.Default = exports["default"] = void 0;
+exports.ControlledWithDebouncedInput = exports.NoClearButton = exports.CustomIcon = exports.Controlled = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
@@ -137,20 +137,6 @@ var NoClearButton = function NoClearButton() {
 
 exports.NoClearButton = NoClearButton;
 
-var MaxLength = function MaxLength(args) {
-  return (0, _react2.jsx)(_index.SearchField, (0, _extends2["default"])({}, args, {
-    icon: _SearchIcon["default"],
-    "aria-label": "Search Groups",
-    onSubmit: function onSubmit(text) {
-      return alert(text);
-    } // eslint-disable-line no-alert
-    ,
-    maxLength: 9
-  }));
-};
-
-exports.MaxLength = MaxLength;
-
 var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
   var _useState3 = (0, _react.useState)(''),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),

package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js

@@ -80,6 +80,7 @@ var SelectFieldBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       name = props.name,
       placeholder = props.placeholder,
       status = props.status,
+      slots = props.slots,
       columnStyleProps = props.columnStyleProps,
       fieldContainerProps = props.fieldContainerProps,
       fieldControlProps = props.fieldControlProps,
@@ -114,7 +115,7 @@ var SelectFieldBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     sx: state.isOpen ? {
       transform: 'rotate(180deg)'
     } : null
-  }))));
+  }))), slots === null || slots === void 0 ? void 0 : slots.inContainer);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
     variant: "forms.input.wrapper"
@@ -181,6 +182,12 @@ SelectFieldBase.propTypes = {
     })
   }),
 
+  /** Provides a way to insert markup in specified places. */
+  slots: _propTypes["default"].shape({
+    /** The given node will be inserted into the field container. */
+    inContainer: _propTypes["default"].node
+  }),
+
   /** Control for interaction with SelectField */
   trigger: _propTypes["default"].node,
 

package/lib/cjs/components/TextAreaField/TextAreaField.js

@@ -38,6 +38,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _utils = require("@react-aria/utils");
+
 var _hooks = require("../../hooks");
 
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
@@ -63,7 +65,8 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
       isUnresizable = props.isUnresizable,
       rows = props.rows,
-      status = props.status;
+      status = props.status,
+      slots = props.slots;
   var statusClasses = {
     isUnresizable: isUnresizable
   };
@@ -77,6 +80,9 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var textAreaRef = (0, _react.useRef)();
   var labelRef = (0, _react.useRef)();
+  var containerRef = (0, _react.useRef)();
+  var inputContainerRef = (0, _react.useRef)();
+  var slotContainer = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
 
@@ -89,6 +95,24 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     /* istanbul ignore next */
     labelRef.current.style.width = textAreaRef.current.style.width;
   };
+  /* istanbul ignore next */
+
+
+  var resizeSlotContainer = function resizeSlotContainer() {
+    inputContainerRef.current.style.width = textAreaRef.current.style.width;
+  };
+
+  var onResize = (0, _react.useCallback)(function () {
+    /* istanbul ignore next */
+    if (slots === null || slots === void 0 ? void 0 : slots.inContainer) {
+      resizeSlotContainer();
+    }
+  }, [slotContainer]);
+  (0, _utils.useResizeObserver)({
+    ref: textAreaRef,
+    onResize: onResize
+  });
+  (0, _utils.useLayoutEffect)(onResize, [onResize]);
 
   var _useLabelHeight = (0, _hooks.useLabelHeight)({
     labelRef: labelRef,
@@ -100,18 +124,22 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     labelMode: props.labelMode
   });
   (0, _react.useEffect)(function () {
+    var thisRef = textAreaRef.current;
+
     if (!props.isUnresizable && props.labelMode === 'float') {
-      textAreaRef.current.addEventListener('mousemove', props.resizeCallback ? props.resizeCallback : resizeFloatLabel);
+      thisRef.addEventListener('mousemove', props.resizeCallback ? props.resizeCallback : resizeFloatLabel);
     }
 
     return function () {
-      textAreaRef.current.removeEventListener('mousemove', props.resizeCallback ? props.resizeCallback : resizeFloatLabel);
+      thisRef.removeEventListener('mousemove', props.resizeCallback ? props.resizeCallback : resizeFloatLabel);
     };
-  }, []);
+  }, [props.isUnresizable, props.labelMode, props.resizeCallback]);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     variant: "forms.input.wrapper"
   }, fieldContainerProps, {
-    sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx)
+    sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx),
+    ref: containerRef,
+    maxWidth: "100%"
   }), (0, _react2.jsx)(_Label["default"], (0, _extends2["default"])({
     ref: labelRef
   }, fieldLabelProps, {
@@ -119,12 +147,23 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       gridRow: '1/5'
     }
   })), (0, _react2.jsx)(_Box["default"], {
+    isRow: true,
     variant: "forms.input.container",
-    className: fieldControlProps.className
+    className: fieldControlProps.className,
+    minWidth: "40px",
+    maxWidth: "100%",
+    ref: inputContainerRef
   }, (0, _react2.jsx)(_TextArea["default"], (0, _extends2["default"])({
     ref: textAreaRef,
     rows: rows
-  }, fieldControlProps))), helperText && (0, _react2.jsx)(_FieldHelperText["default"], {
+  }, fieldControlProps, {
+    sx: (slots === null || slots === void 0 ? void 0 : slots.inContainer) && {
+      paddingRight: '35px'
+    }
+  })), (slots === null || slots === void 0 ? void 0 : slots.inContainer) && (0, _react2.jsx)(_Box["default"], {
+    variant: "boxes.textFieldInContainerSlot",
+    ref: slotContainer
+  }, slots === null || slots === void 0 ? void 0 : slots.inContainer)), helperText && (0, _react2.jsx)(_FieldHelperText["default"], {
     status: status
   }, helperText));
 });
@@ -219,7 +258,13 @@ TextAreaField.propTypes = {
   controlProps: _propTypes["default"].shape({}),
 
   /** Props object that is spread directly into the label element. */
-  labelProps: _propTypes["default"].shape({})
+  labelProps: _propTypes["default"].shape({}),
+
+  /** Provides a way to insert markup in specified places. */
+  slots: _propTypes["default"].shape({
+    /** The given node will be inserted into the field container. */
+    inContainer: _propTypes["default"].node
+  })
 };
 TextAreaField.defaultProps = {
   hasAutoFocus: false,
@@ -227,7 +272,7 @@ TextAreaField.defaultProps = {
   isReadOnly: false,
   isRequired: false,
   isUnresizable: false,
-  rows: 2,
+  rows: 4,
   status: _statuses["default"].DEFAULT
 };
 TextAreaField.displayName = 'TextAreaField';

package/lib/cjs/components/TextAreaField/TextAreaField.stories.js

@@ -10,18 +10,24 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.MaxLength = exports.WithoutStatusIndicator = exports.Warning = exports.Success = exports.Error = exports.Unresizable = exports.Rows = exports.Required = exports.ReadOnly = exports.Disabled = exports.Controlled = exports.LeftLabel = exports.FloatLabel = exports.Default = exports["default"] = void 0;
+exports.MaxLength = exports.WithoutStatusIndicator = exports.Error = exports.Unresizable = exports.Rows = exports.Required = exports.ReadOnly = exports.Disabled = exports.Controlled = exports.FloatLabel = exports.WithSlots = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
+
 var _ = _interopRequireDefault(require("."));
 
 var _Box = _interopRequireDefault(require("../Box"));
 
+var _Icon = _interopRequireDefault(require("../Icon"));
+
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
 var _constants = require("../Label/constants");
@@ -85,6 +91,11 @@ var _default = {
   }
 };
 exports["default"] = _default;
+var IconSlot = (0, _react2.jsx)(_Box["default"], {
+  isRow: true
+}, (0, _react2.jsx)(_Icon["default"], {
+  icon: _SearchIcon["default"]
+}));
 
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], args);
@@ -92,6 +103,25 @@ var Default = function Default(args) {
 
 exports.Default = Default;
 
+var WithSlots = function WithSlots(args) {
+  return (// This is an example of a slot that can be passed into the component
+    // const IconSlot = (
+    //   <Box isRow>
+    //     <Icon
+    //       icon={SearchIcon}
+    //     />
+    //   </Box>
+    // );
+    (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
+      slots: {
+        inContainer: IconSlot
+      }
+    }))
+  );
+};
+
+exports.WithSlots = WithSlots;
+
 var FloatLabel = function FloatLabel() {
   return (0, _react2.jsx)(_["default"], {
     label: "Example label",
@@ -101,37 +131,6 @@ var FloatLabel = function FloatLabel() {
 
 exports.FloatLabel = FloatLabel;
 
-var LeftLabel = function LeftLabel() {
-  return (0, _react2.jsx)(_Box["default"], {
-    gap: "xl",
-    width: "fit-content"
-  }, (0, _react2.jsx)(_["default"], {
-    label: "Example label",
-    labelMode: "left"
-  }), (0, _react2.jsx)(_["default"], {
-    label: "Example label that is much longer than the previous one",
-    labelMode: "left",
-    status: "error"
-  }), (0, _react2.jsx)(_["default"], {
-    label: "Example label with set width",
-    labelMode: "left",
-    containerProps: {
-      sx: {
-        gridTemplateColumns: '120px auto'
-      }
-    }
-  }));
-};
-
-exports.LeftLabel = LeftLabel;
-LeftLabel.parameters = {
-  docs: {
-    description: {
-      story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
-    }
-  }
-};
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -206,26 +205,6 @@ var Error = function Error() {
 
 exports.Error = Error;
 
-var Success = function Success() {
-  return (0, _react2.jsx)(_["default"], {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "success"
-  });
-};
-
-exports.Success = Success;
-
-var Warning = function Warning() {
-  return (0, _react2.jsx)(_["default"], {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "warning"
-  });
-};
-
-exports.Warning = Warning;
-
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
   return (0, _react2.jsx)(_["default"], {
     label: "Example Label",

package/lib/cjs/components/TextAreaField/TextAreaField.test.js

@@ -153,4 +153,16 @@ test('form wrapper will have a max label column width when custom width set', fu
   var textAreaContainer = _testWrapper.screen.getByTestId(testId);
 
   expect(textAreaContainer).toHaveStyle('grid-template-columns: 120px auto');
+});
+test('providing slot props causes slot to render', function () {
+  var slot = (0, _react3.jsx)("p", {
+    "data-testid": "testSlot"
+  }, "testText");
+  var slots = {
+    inContainer: slot
+  };
+  getComponent({
+    slots: slots
+  });
+  expect(_testWrapper.screen.getByTestId('testSlot')).toBeInTheDocument();
 });

package/lib/cjs/context/AccordionGridContext/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.useAccordionGridContext = exports.AccordionGridContext = void 0;
+
+var _react = require("react");
+
+var AccordionGridContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.AccordionGridContext = AccordionGridContext;
+
+var useAccordionGridContext = function useAccordionGridContext() {
+  return (0, _react.useContext)(AccordionGridContext);
+};
+
+exports.useAccordionGridContext = useAccordionGridContext;

package/lib/cjs/context/NavBarContext/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.useNavBarContext = exports.NavBarContext = void 0;
+
+var _react = require("react");
+
+var NavBarContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.NavBarContext = NavBarContext;
+
+var useNavBarContext = function useNavBarContext() {
+  return (0, _react.useContext)(NavBarContext);
+};
+
+exports.useNavBarContext = useNavBarContext;

package/lib/cjs/hooks/index.js

@@ -64,6 +64,13 @@ _Object$defineProperty(exports, "usePropWarning", {
   }
 });
 
+_Object$defineProperty(exports, "useNavBarPress", {
+  enumerable: true,
+  get: function get() {
+    return _useNavBarPress["default"];
+  }
+});
+
 _Object$defineProperty(exports, "useRockerButton", {
   enumerable: true,
   get: function get() {
@@ -108,6 +115,8 @@ var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelSta
 
 var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
 
+var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));
+
 var _useRockerButton = _interopRequireDefault(require("./useRockerButton"));
 
 var _useSelectField = _interopRequireDefault(require("./useSelectField"));

package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js

@@ -17,8 +17,9 @@ var _react = require("react");
  * e.g. "\`Component\` requires an aria-label."
 */
 var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
+  var condition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   (0, _react.useEffect)(function () {
-    if (process.env.NODE_ENV === 'development' && !ariaLabel) {
+    if (process.env.NODE_ENV === 'development' && condition && !ariaLabel) {
       // eslint-disable-next-line no-console
       console.warn("".concat(component, " requires an aria-label"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
     }

package/lib/cjs/hooks/useField/useField.js

@@ -145,6 +145,11 @@ var useField = function useField() {
       setHasValue(true);
     } else {
       setHasValue(false);
+    } // adding this function resolves the error brought up in UIP-5116
+
+
+    if (e.persist) {
+      e.persist();
     } // Make sure to call the original onChange event
 
 

package/lib/cjs/{components/AccordionGridGroup/AccordionGridContext.js → hooks/useNavBarPress/index.js}

@@ -8,10 +8,11 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.AccordionGridContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var AccordionGridContext = /*#__PURE__*/_react["default"].createContext(null);
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useNavBarPress["default"];
+  }
+});
 
-exports.AccordionGridContext = AccordionGridContext;
+var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));

package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+/**
+ * A custom hook that will call an onPressCallback function, if the function is provided.
+ * @param {Object} params The accepted parameters object
+ * @param {string} props.key The unique identifier that is assigned to the element being pressed
+ * @param {Object} state The state object tracking selected keys
+ * @param {function} state.setSelectedKeys The function that sets the selected keys
+ * @callback props.onPressCallback The callback that will be called only if provided
+ */
+var useNavBarPress = function useNavBarPress(_ref, state) {
+  var key = _ref.key,
+      onPressCallback = _ref.onPressCallback;
+  var setSelectedKeys = state.setSelectedKeys;
+
+  var onNavPress = function onNavPress() {
+    setSelectedKeys(key);
+
+    if (onPressCallback) {
+      onPressCallback();
+    }
+  };
+
+  return {
+    onNavPress: onNavPress
+  };
+};
+
+var _default = useNavBarPress;
+exports["default"] = _default;

package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _ = _interopRequireDefault(require("./"));
+
+var key = 'testKey';
+test('using the onPress prop works as a callback', function () {
+  var onPress = jest.fn();
+  var setSelectedKeys = jest.fn();
+
+  var _renderHook = (0, _reactHooks.renderHook)(function () {
+    return (0, _["default"])({
+      key: key,
+      onPressCallback: onPress
+    }, {
+      setSelectedKeys: setSelectedKeys
+    });
+  }),
+      result = _renderHook.result;
+
+  result.current.onNavPress();
+  expect(onPress).toHaveBeenCalled();
+});
+test('if no onPress prop there is no callback', function () {
+  var onPress = jest.fn();
+  var setSelectedKeys = jest.fn();
+
+  var _renderHook2 = (0, _reactHooks.renderHook)(function () {
+    return (0, _["default"])({
+      key: key
+    }, {
+      setSelectedKeys: setSelectedKeys
+    });
+  }),
+      result = _renderHook2.result;
+
+  result.current.onNavPress();
+  expect(onPress).not.toHaveBeenCalled();
+});