@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.2

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/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/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,117 @@
+"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, "useDeprecationWarning", {
+  enumerable: true,
+  get: function get() {
+    return _useDeprecationWarning["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, "useOverlayPanelState", {
+  enumerable: true,
+  get: function get() {
+    return _useOverlayPanelState["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"];
+  }
+});
+
+_Object$defineProperty(exports, "useDebounce", {
+  enumerable: true,
+  get: function get() {
+    return _useDebounce["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 _useRockerButton = _interopRequireDefault(require("./useRockerButton"));
+
+var _useSelectField = _interopRequireDefault(require("./useSelectField"));
+
+var _useStatusClasses = _interopRequireDefault(require("./useStatusClasses"));
+
+var _useDebounce = _interopRequireDefault(require("./useDebounce"));

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 _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _react = require("react");
+
+/**
+ * Provides a development-only console warning when a component
+ * that needs an aria-label is mounted without one.
+ *
+ * e.g. "\`Component\` requires an aria-label."
+*/
+var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
+  (0, _react.useEffect)(function () {
+    if (process.env.NODE_ENV === 'development' && !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.');
+    }
+  }, []);
+};
+
+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, " requires an 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/useCopyToClipboard/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 _useCopyToClipboard["default"];
+  }
+});
+
+var _useCopyToClipboard = _interopRequireDefault(require("./useCopyToClipboard"));

package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,83 @@
+"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 _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var useCopyToClipboard = function useCopyToClipboard(value) {
+  var setIsCopied = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+  return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var textArea, isSuccessful;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+
+            if (!navigator.clipboard) {
+              _context.next = 7;
+              break;
+            }
+
+            _context.next = 4;
+            return navigator.clipboard.writeText(value);
+
+          case 4:
+            setIsCopied(true);
+            _context.next = 20;
+            break;
+
+          case 7:
+            // Workaround for copying in insecure origin
+            textArea = document.createElement('textarea');
+            textArea.value = value;
+            textArea.style.position = 'fixed';
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
+            isSuccessful = document.execCommand('copy');
+            textArea.remove();
+
+            if (!isSuccessful) {
+              _context.next = 19;
+              break;
+            }
+
+            setIsCopied(isSuccessful);
+            _context.next = 20;
+            break;
+
+          case 19:
+            throw new Error('Unable to copy message');
+
+          case 20:
+            _context.next = 25;
+            break;
+
+          case 22:
+            _context.prev = 22;
+            _context.t0 = _context["catch"](0);
+            // eslint-disable-next-line no-console
+            console.error('Failed to copy: ', _context.t0);
+
+          case 25:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 22]]);
+  }));
+};
+
+var _default = useCopyToClipboard;
+exports["default"] = _default;

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

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _useCopyToClipboard = _interopRequireDefault(require("./useCopyToClipboard"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var mockCopyText = 'test';
+
+var originalClipboard = _objectSpread({}, global.navigator.clipboard);
+
+var originalExecCommand = global.document.execCommand;
+beforeEach(function () {
+  global.navigator.clipboard = {
+    writeText: jest.fn()
+  };
+  global.document.execCommand = jest.fn();
+  global.document.execCommand.mockReturnValue(true);
+});
+afterEach(function () {
+  jest.resetAllMocks();
+  global.navigator.clipboard = originalClipboard;
+  global.document.execCommand = originalExecCommand;
+});
+test('default return', function () {
+  var copyToClipboard = (0, _useCopyToClipboard["default"])();
+  expect(copyToClipboard).toEqual(expect.any(Function));
+});
+test('should copy text that passed in props', function () {
+  var copyToClipboard = (0, _useCopyToClipboard["default"])(mockCopyText);
+  copyToClipboard();
+  expect(navigator.clipboard.writeText).toHaveBeenCalledWith(mockCopyText);
+});
+test('should call setIsCopied once function will be called', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var mockSetIsCopied, copyToClipboard;
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          mockSetIsCopied = jest.fn();
+          copyToClipboard = (0, _useCopyToClipboard["default"])(mockCopyText, mockSetIsCopied);
+          _context.next = 4;
+          return copyToClipboard();
+
+        case 4:
+          expect(mockSetIsCopied).toHaveBeenCalledWith(true);
+
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));

package/lib/cjs/hooks/useDebounce/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 _useDebounce["default"];
+  }
+});
+
+var _useDebounce = _interopRequireDefault(require("./useDebounce"));

package/lib/cjs/hooks/useDebounce/useDebounce.js

@@ -0,0 +1,40 @@
+"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 _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useDebounce = function useDebounce(props) {
+  var value = props.value,
+      delay = props.delay;
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var handler = (0, _setTimeout2["default"])(function () {
+      setDebouncedValue(value);
+    }, [delay]);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+var _default = useDebounce;
+exports["default"] = _default;

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

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _useDebounce = _interopRequireDefault(require("../useDebounce"));
+
+describe('useDebounce', function () {
+  jest.useFakeTimers();
+  it('Updates value only after `delay` milliseconds have expired', function () {
+    var _renderHook = (0, _reactHooks.renderHook)(function (_ref) {
+      var value = _ref.value,
+          delay = _ref.delay;
+      return (0, _useDebounce["default"])({
+        value: value,
+        delay: delay
+      });
+    }, {
+      initialProps: {
+        value: 'foo',
+        delay: 500
+      }
+    }),
+        result = _renderHook.result,
+        rerender = _renderHook.rerender;
+
+    expect(result.current).toBe('foo');
+    (0, _reactHooks.act)(function () {
+      return jest.advanceTimersByTime(510);
+    });
+    expect(result.current).toBe('foo');
+    rerender({
+      value: 'bar',
+      delay: 500
+    });
+    expect(result.current).toBe('foo');
+    (0, _reactHooks.act)(function () {
+      return jest.advanceTimersByTime(498);
+    });
+    expect(result.current).toBe('foo');
+    (0, _reactHooks.act)(function () {
+      return jest.advanceTimersByTime(3);
+    });
+    expect(result.current).toBe('bar');
+  });
+});

package/lib/cjs/hooks/useDeprecationWarning/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 _useDeprecationWarning["default"];
+  }
+});
+
+var _useDeprecationWarning = _interopRequireDefault(require("./useDeprecationWarning"));