@pingux/astro 1.27.0-alpha.25 → 1.27.0-alpha.26

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

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

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/DataTableContext/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.useDataTableContext = exports.DataTableContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
+var DataTableContext = /*#__PURE__*/_react["default"].createContext(null);
+
+exports.DataTableContext = DataTableContext;
+
+var useDataTableContext = function useDataTableContext() {
+  return (0, _react.useContext)(DataTableContext);
+};
+
+exports.useDataTableContext = useDataTableContext;

package/lib/cjs/context/MenuContext/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.useMenuContext = exports.MenuContext = void 0;
+
+var _react = require("react");
+
+var MenuContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.MenuContext = MenuContext;
+
+var useMenuContext = function useMenuContext() {
+  return (0, _react.useContext)(MenuContext);
+};
+
+exports.useMenuContext = useMenuContext;

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/context/TooltipContext/index.js

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

package/lib/cjs/hooks/index.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "useAriaLabelWarning", {
+  enumerable: true,
+  get: function get() {
+    return _useAriaLabelWarning["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useColumnStyles", {
+  enumerable: true,
+  get: function get() {
+    return _useColumnStyles["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useComponentToggle", {
+  enumerable: true,
+  get: function get() {
+    return _useComponentToggle["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useDebounce", {
+  enumerable: true,
+  get: function get() {
+    return _useDebounce["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useDeprecationWarning", {
+  enumerable: true,
+  get: function get() {
+    return _useDeprecationWarning["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useFallbackImage", {
+  enumerable: true,
+  get: function get() {
+    return _useFallbackImage["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useField", {
+  enumerable: true,
+  get: function get() {
+    return _useField["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useLabelHeight", {
+  enumerable: true,
+  get: function get() {
+    return _useLabelHeight["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useModalState", {
+  enumerable: true,
+  get: function get() {
+    return _useModalState["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useNavBarPress", {
+  enumerable: true,
+  get: function get() {
+    return _useNavBarPress["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useOverlayPanelState", {
+  enumerable: true,
+  get: function get() {
+    return _useOverlayPanelState["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useProgressiveState", {
+  enumerable: true,
+  get: function get() {
+    return _useProgressiveState["default"];
+  }
+});
+
+_Object$defineProperty(exports, "usePropWarning", {
+  enumerable: true,
+  get: function get() {
+    return _usePropWarning["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useRockerButton", {
+  enumerable: true,
+  get: function get() {
+    return _useRockerButton["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useSelectField", {
+  enumerable: true,
+  get: function get() {
+    return _useSelectField["default"];
+  }
+});
+
+_Object$defineProperty(exports, "useStatusClasses", {
+  enumerable: true,
+  get: function get() {
+    return _useStatusClasses["default"];
+  }
+});
+
+var _useAriaLabelWarning = _interopRequireDefault(require("./useAriaLabelWarning"));
+
+var _useColumnStyles = _interopRequireDefault(require("./useColumnStyles"));
+
+var _useDeprecationWarning = _interopRequireDefault(require("./useDeprecationWarning"));
+
+var _useField = _interopRequireDefault(require("./useField"));
+
+var _useLabelHeight = _interopRequireDefault(require("./useLabelHeight"));
+
+var _useModalState = _interopRequireDefault(require("./useModalState"));
+
+var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelState"));
+
+var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
+
+var _useProgressiveState = _interopRequireDefault(require("./useProgressiveState"));
+
+var _useComponentToggle = _interopRequireDefault(require("./useComponentToggle"));
+
+var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));
+
+var _useRockerButton = _interopRequireDefault(require("./useRockerButton"));
+
+var _useSelectField = _interopRequireDefault(require("./useSelectField"));
+
+var _useStatusClasses = _interopRequireDefault(require("./useStatusClasses"));
+
+var _useDebounce = _interopRequireDefault(require("./useDebounce"));
+
+var _useFallbackImage = _interopRequireDefault(require("./useFallbackImage"));

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useAriaLabelWarning["default"];
+  }
+});
+
+var _useAriaLabelWarning = _interopRequireDefault(require("./useAriaLabelWarning"));

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _useDevelopmentWarning = _interopRequireDefault(require("../useDevelopmentWarning"));
+
+/**
+ * Provides a development-only console warning when a component
+ * that needs an aria-label is mounted without one.
+*/
+var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
+  var shouldTrigger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var message = "".concat(component, " has an undefined aria-label. If the surrounding content sufficiently labels this component instance, you may disable this warning by setting the prop to `null`. Otherwise, please provide an appropriate aria-label. See more info here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label");
+  (0, _useDevelopmentWarning["default"])({
+    message: message,
+    shouldTrigger: shouldTrigger && ariaLabel === undefined
+  });
+};
+
+var _default = useAriaLabelWarning;
+exports["default"] = _default;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _useAriaLabelWarning = _interopRequireDefault(require("./useAriaLabelWarning"));
+
+var component = 'TestComponent';
+beforeEach(function () {
+  process.env.NODE_ENV = 'development';
+
+  global.console.warn = function () {
+    return jest.mock();
+  }; // eslint-disable-line no-console
+
+});
+afterEach(function () {
+  process.env.NODE_ENV = 'test';
+  jest.restoreAllMocks();
+});
+test('default useAriaLabelWarning', function () {
+  var spy = jest.spyOn(console, 'warn');
+  expect(spy).not.toHaveBeenCalled();
+  (0, _reactHooks.renderHook)(function () {
+    return (0, _useAriaLabelWarning["default"])(component);
+  });
+  expect(spy).toHaveBeenCalledTimes(1);
+});
+test('useAriaLabelWarning with string', function () {
+  var compound = "".concat(component, " has an undefined aria-label. If the surrounding content sufficiently labels this component instance, you may disable this warning by setting the prop to `null`. Otherwise, please provide an appropriate aria-label. See more info here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label");
+  var spy = jest.spyOn(console, 'warn');
+  expect(spy).not.toHaveBeenCalled();
+  (0, _reactHooks.renderHook)(function () {
+    return (0, _useAriaLabelWarning["default"])(component);
+  });
+  expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(compound), expect.any(String), expect.any(String), expect.any(String));
+});

package/lib/cjs/hooks/useColumnStyles/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useColumnStyles["default"];
+  }
+});
+
+var _useColumnStyles = _interopRequireDefault(require("./useColumnStyles"));

package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useColumnStyles = function useColumnStyles(_ref) {
+  var labelMode = _ref.labelMode;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      labelStyleProps = _useState2[0],
+      setlabelStyleProps = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (labelMode === 'left') {
+      setlabelStyleProps({
+        sx: {
+          gridTemplateColumns: '40% auto'
+        }
+      });
+    }
+  }, [labelMode]);
+  return labelStyleProps;
+};
+
+var _default = useColumnStyles;
+exports["default"] = _default;

package/lib/cjs/hooks/useComponentToggle/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useComponentToggle["default"];
+  }
+});
+
+var _useComponentToggle = _interopRequireDefault(require("./useComponentToggle"));

package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _index = require("../index");
+
+/**
+ * Returns one of two components that are supplied via props.
+ * A boolean value is used to determine which component to render.
+ * State can be handled by either props or within this hook if props are not provided.
+ * Also returns a function that inverts the boolean attribute, and calls a callback function.
+ * @param {Object} [props] Properties provided to the state
+ * @param {Boolean} [props.condition] Boolean that controls which component is returned.
+ * @param {Component} [props.ComponentToRenderIfTrue]
+ * Component that is returned when the condition is true.
+ * @param {Component} [props.ComponentToRenderIfFalse]
+ * Component that is returned when the condition is false.
+ * @param {Function} [props.onConditionChange]
+ * Callback function that is called, when the condition boolean changes, if it is provided .
+ * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
+ * @returns {Object} `{ handleCondtionChange: Function, renderedComponent: Component, }`
+ */
+var useComponentToggle = function useComponentToggle() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var ComponentToRenderIfTrue = props.ComponentToRenderIfTrue,
+      ComponentToRenderIfFalse = props.ComponentToRenderIfFalse,
+      condition = props.condition,
+      onConditionChange = props.onConditionChange;
+
+  var _useProgressiveState = (0, _index.useProgressiveState)(condition, function () {}),
+      _useProgressiveState2 = (0, _slicedToArray2["default"])(_useProgressiveState, 2),
+      isToggled = _useProgressiveState2[0],
+      setIsToggled = _useProgressiveState2[1];
+
+  var RenderedComponent = isToggled ? ComponentToRenderIfTrue : ComponentToRenderIfFalse;
+
+  var handleConditionChange = function handleConditionChange() {
+    setIsToggled(!isToggled);
+
+    if (onConditionChange) {
+      var _context;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      onConditionChange.apply(void 0, (0, _concat["default"])(_context = [!isToggled]).call(_context, args));
+    }
+  };
+
+  return {
+    handleConditionChange: handleConditionChange,
+    RenderedComponent: RenderedComponent
+  };
+};
+
+var _default = useComponentToggle;
+exports["default"] = _default;

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

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _react2 = require("@testing-library/react");
+
+var _useComponentToggle2 = _interopRequireDefault(require("./useComponentToggle"));
+
+var _react3 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
+var callback = jest.fn();
+var condition = false;
+var defaultProps = {
+  condition: condition,
+  onConditionChange: callback,
+  ComponentToRenderIfTrue: 'true-string',
+  ComponentToRenderIfFalse: 'false-string'
+};
+
+var TestComponent = function TestComponent() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      thisCondition = _useState2[0],
+      setCondition = _useState2[1];
+
+  var conditionalRenderProps = {
+    condition: thisCondition,
+    onConditionChange: setCondition,
+    ComponentToRenderIfTrue: 'true-string',
+    ComponentToRenderIfFalse: 'false-string',
+    onConditionChangeProp: callback
+  };
+
+  var _useComponentToggle = (0, _useComponentToggle2["default"])(conditionalRenderProps),
+      handleConditionChange = _useComponentToggle.handleConditionChange,
+      RenderedComponent = _useComponentToggle.RenderedComponent;
+
+  return (0, _react3.jsx)("button", {
+    "data-testid": "test-div",
+    onClick: handleConditionChange,
+    onKeyDown: handleConditionChange
+  }, RenderedComponent);
+};
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _react2.render)((0, _react3.jsx)(TestComponent, (0, _extends2["default"])({}, props, defaultProps)));
+};
+
+test('default useField', function () {
+  (0, _reactHooks.renderHook)(function () {
+    return (0, _useComponentToggle2["default"])();
+  });
+});
+test('callback function should call, if provided', function () {
+  var _renderHook = (0, _reactHooks.renderHook)(function () {
+    return (0, _useComponentToggle2["default"])(defaultProps);
+  }),
+      result = _renderHook.result;
+
+  (0, _reactHooks.act)(function () {
+    return result.current.handleConditionChange();
+  });
+  expect(callback).toHaveBeenCalled();
+});
+test('expect hook to return correct data shape', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var _renderHook2, result, _result$current, handleConditionChange, RenderedComponent;
+
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _renderHook2 = (0, _reactHooks.renderHook)(function () {
+            return (0, _useComponentToggle2["default"])(defaultProps);
+          }), result = _renderHook2.result;
+          _result$current = result.current, handleConditionChange = _result$current.handleConditionChange, RenderedComponent = _result$current.RenderedComponent;
+          expect(handleConditionChange).toEqual(expect.any(Function));
+          expect(RenderedComponent).toEqual('false-string');
+
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));
+test('expect conditional toggling to work', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+  var component;
+  return _regenerator["default"].wrap(function _callee2$(_context2) {
+    while (1) {
+      switch (_context2.prev = _context2.next) {
+        case 0:
+          getComponent();
+          component = _react2.screen.getByTestId('test-div');
+          expect(component).toHaveTextContent('false-string');
+
+          _userEvent["default"].click(component);
+
+          expect(component).toHaveTextContent('true-string');
+
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }
+  }, _callee2);
+})));