@onepercentio/one-ui 0.20.1 → 0.20.3

package/.babelrc

@@ -5,6 +5,7 @@
       {
         "targets": "> 0.25%, not dead",
         "exclude": [
+          "proposal-dynamic-import",
           "transform-block-scoping",
           "transform-for-of",
           "transform-regenerator"

package/.prod.babelrc

@@ -10,6 +10,7 @@
       {
         "targets": "> 0.25%, not dead",
         "exclude": [
+          "proposal-dynamic-import",
           "transform-block-scoping",
           "transform-for-of",
           "transform-regenerator"

package/dist/components/HSForms/HSForms.js

@@ -1,11 +1,11 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HSForms;
 var _react = _interopRequireWildcard(require("react"));
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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; }
 function HSForms(_ref) {
@@ -18,9 +18,7 @@ function HSForms(_ref) {
   if (window.PRERENDER) return null;
   const container = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    Promise.resolve("".concat("jquery")).then(function (s) {
-      return _interopRequireWildcard(require(s));
-    }).then(function (jqueryModule) {
+    import("jquery").then(function (jqueryModule) {
       const funcId = String(Math.round(Math.random() * 999999));
       const idx = "onLoad".concat(funcId);
       const idx2 = "onSubmit".concat(funcId);

package/dist/hooks/useHero.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 declare type ShouldSkip = boolean;
 declare type Result = [
     originContainer: Element | VisualViewport,
@@ -53,7 +53,7 @@ export default function useHero(id: string, options?: Partial<{
      */
     onBeforeTransition?: (origin: HTMLDivElement, target: HTMLDivElement) => Result | Readonly<Result>;
 }): {
-    heroRef: import("react").RefObject<HTMLDivElement>;
+    heroRef: React.RefObject<HTMLDivElement>;
     getHerosOnScreen: () => HTMLDivElement[];
     trigger: () => void;
 };

package/dist/hooks/useHero.js

@@ -147,11 +147,21 @@ function useHero(id) {
         const willMove = setCloneToCoordinatesOf(el);
         if (!willMove) cleanup();else {
           for (let propToTransition of propsToTransition) clone.style[propToTransition] = window.getComputedStyle(el)[propToTransition];
-          const transitionEndCb = (0, _ownEvent.default)(function (_ref3) {
-            let target = _ref3.target,
-              currentTarget = _ref3.currentTarget;
+          let initialOffset;
+          const s = function s(_ref3) {
+            let target = _ref3.target;
+            const d = target;
+            if (d.contains(el)) {
+              if (initialOffset === undefined) initialOffset = d.scrollTop;else clone.style.marginTop = "".concat(-(d.scrollTop - initialOffset), "px");
+            }
+          };
+          const transitionEndCb = (0, _ownEvent.default)(function (_ref4) {
+            let target = _ref4.target,
+              currentTarget = _ref4.currentTarget;
             if (target === currentTarget) cleanup();
+            document.removeEventListener("scroll", s, true);
           });
+          document.addEventListener("scroll", s, true);
           clone.addEventListener("transitionend", transitionEndCb);
           clone.addEventListener("transitionstart", function () {
             const onCancelCb = (0, _ownEvent.default)(function () {
@@ -211,9 +221,8 @@ const TRANSITION_FACTORY = {
         const originX = (vectorY + 1) * 50;
         const rotateX = -(10 * vectorX).toFixed(0);
         const originY = (vectorX + 1) * 50;
-        console.log(vectorX, vectorY, originX);
         clone.style.setProperty("--stage-1", "rotateY(".concat(rotateY, "deg) rotateX(").concat(-rotateX, "deg)"));
-        clone.style.setProperty("--stage-2", "rotateY(".concat(-rotateY, "deg) rotateX(").concat(rotateX, "deg)"));
+        clone.style.setProperty("--stage-2", "rotateY(".concat(-rotateY * 0.3, "deg) rotateX(").concat(rotateX * 0.3, "deg)"));
         clone.style.setProperty("--origin-1", "".concat(originX, "% ").concat(originY, "%"));
         clone.style.setProperty("--origin-2", "".concat(100 - originX, "% ").concat(100 - originY, "%"));
         document.body.style.perspective = "100vw";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.20.1",
+  "version": "0.20.3",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",