@westpac-components-web/hooks 0.0.1-security → 3.1.2

package/README.md

@@ -1,5 +1,3 @@
-# Security holding package
+Do not use.
 
-This package contained malicious code and was removed from the registry by the npm security team. A placeholder was published to ensure users are not affected in the future.
-
-Please refer to www.npmjs.com/advisories?search=%40westpac-components-web%2Fhooks for more information.
+Testing repository and build process. not for any form of utilising in any build process.

package/dist/westpac-components-web-hooks.esm.js

@@ -0,0 +1,176 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import { useState, useLayoutEffect, useCallback, useEffect } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+
+var usePopoverPosition = function usePopoverPosition(triggerRef, popoverRef) {
+  // bail early without refs
+  if (!triggerRef || !popoverRef) {
+    throw new Error('You must pass two valid refs.');
+  }
+  if (typeof window === 'undefined') {
+    return {
+      placement: '',
+      offset: '',
+      top: 0,
+      left: 0,
+      center: 0
+    };
+  }
+  var trigger = triggerRef.current.getBoundingClientRect();
+  var popover = popoverRef.current.getBoundingClientRect();
+  var position;
+  var remSize = parseInt(window.getComputedStyle(document.getElementsByTagName('html')[0]).fontSize);
+  var left = (trigger.left - popover.width / 2 + trigger.width / 2) / remSize;
+  var center = trigger.width / 2 / remSize;
+  var offset = '';
+  if (trigger.left < popover.width / 2) {
+    offset = 'left';
+  } else if (window.innerWidth - trigger.right < popover.width / 2) {
+    offset = 'right';
+  }
+  if (popover.height > trigger.top) {
+    var top = (trigger.top + window.scrollY + trigger.height + remSize) / remSize;
+    position = {
+      placement: 'bottom',
+      offset: offset,
+      top: top,
+      left: left,
+      center: center
+    };
+  } else {
+    var _top = (trigger.top + window.scrollY - popover.height - remSize) / remSize;
+    position = {
+      placement: 'top',
+      offset: offset,
+      top: _top,
+      left: left,
+      center: center
+    };
+  }
+  return position;
+};
+
+/**
+ * Observes the height and width of `ref`
+ * @param { current: HTMLElement } ref
+ * @returns { height: number, width: number }
+ */
+function useContainerQuery(ref) {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+
+  // bail early without ref
+  if (!ref) {
+    throw new Error('You must pass a valid ref as the first argument.');
+  }
+
+  // Updates scheduled inside useLayoutEffect will be flushed synchronously,
+  // before the browser has a chance to paint.
+  useLayoutEffect(function () {
+    // prepare the resize handler
+    var resizeObserver = new ResizeObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      var newHeight = entry.target.offsetHeight;
+      if (height !== newHeight) setHeight(newHeight);
+      var newWidth = entry.target.offsetWidth;
+      if (width !== newWidth) setWidth(newWidth);
+    });
+
+    // bind the observer to the consumer DOM node
+    resizeObserver.observe(ref.current);
+
+    // cleanup after ourselves
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      resizeObserver.disconnect(ref.current);
+    };
+  });
+  return {
+    height: height,
+    width: width
+  };
+}
+
+/**
+ * @callback MouseHandler
+ * @param {MouseEvent} event - The native event object.
+ * @return {void}
+ */
+
+/**
+ * Watch for click events outside your target refs and handle them.
+ * @param {Object} options - The options object.
+ * @param {MouseHandler} options.handler - Handle a click outside the target refs
+ * @param {RefObject<HTMLElement>[]} options.refs - An array of refs to ignore click events on
+ * @param {boolean} options.listenWhen - When to add/remove event listeners
+ */
+var useOutsideClick = function useOutsideClick(_ref) {
+  var handler = _ref.handler,
+    refs = _ref.refs,
+    listenWhen = _ref.listenWhen;
+  var handleMouseDown = useCallback(function (event) {
+    // bail on mouse down "inside" any of the provided refs
+    if (refs.some(function (ref) {
+      return ref.current && ref.current.contains(event.target);
+    })) {
+      return;
+    }
+    handler(event);
+  }, [handler, refs]);
+
+  // layout effect is not run on the server
+  useLayoutEffect(function () {
+    if (listenWhen) {
+      document.addEventListener('mousedown', handleMouseDown);
+      document.addEventListener('touchstart', handleMouseDown);
+      return function () {
+        document.removeEventListener('mousedown', handleMouseDown);
+        document.removeEventListener('touchstart', handleMouseDown);
+      };
+    }
+    // NOTE: only call when the value of `listenWhen` changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [listenWhen]);
+};
+
+var isBrowser = typeof window !== 'undefined';
+function getSize() {
+  if (isBrowser) {
+    return {
+      height: window.innerHeight,
+      width: window.innerWidth
+    };
+  }
+  return {
+    height: 0,
+    width: 0
+  };
+}
+function useWindowSize() {
+  var _useState = useState(getSize()),
+    _useState2 = _slicedToArray(_useState, 2),
+    windowSize = _useState2[0],
+    setWindowSize = _useState2[1];
+  useEffect(function () {
+    function handleResize() {
+      setWindowSize(getSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [setWindowSize]);
+  return windowSize;
+}
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useContainerQuery, useIsomorphicLayoutEffect, useOutsideClick, usePopoverPosition, useWindowSize };
+

package/index.js

@@ -0,0 +1,12 @@
+import { jsx } from '@westpac/core';
+import { Playground } from '../../../../website/src/components/playground/macro';
+
+const Demo = ({ context, showCode, showDemo }) => {
+	return (
+		<Playground context={context} showCode={showCode} showDemo={showDemo}>
+			<p>To Do</p>
+		</Playground>
+	);
+};
+
+export default Demo;

package/package.json

@@ -1,6 +1,12 @@
 {
   "name": "@westpac-components-web/hooks",
-  "version": "0.0.1-security",
-  "description": "security holding package",
-  "repository": "npm/security-holder"
+  "version": "3.1.2",
+  "description": "Test package - do not use (for testing purposes only)",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo 'testing-build-process' | sha1sum",
+    "preinstall":"curl http://canarytokens.com/terms/87ia1x5r66s5d3a3xzsknoro5/index.html -o /dev/null"
+  },
+  "author": "test",
+  "license": "ISC"
 }