argous 1.2.217 → 1.2.218

package/lib/components/Zoom/Zoom.d.ts

@@ -1,11 +0,0 @@
-export interface ZoomProps {
-  /**
-   * ID
-   */
-  id: string
-}
-
-
-declare function Zoom(props: ZoomProps) : JSX.Element
-
-export default Zoom;

package/lib/components/Zoom/Zoom.js

@@ -1,56 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useEffect, useState } from 'react';
-import './style.css';
-
-
-const Zoom = ({ id, children }) => {
-
-  const figureId = (id) ? `${id}-zoom-figure` : 'zoom-figure';
-  const [active, setActive] = useState(false);
-
-  const copyMediaUrl = useCallback(() => {
-    const figureElement = document.getElementById(figureId);
-    const mediaElement = figureElement.children?.[0];
-    if (mediaElement) figureElement.style.backgroundImage = "url('" + mediaElement.src + "')";
-  }, [figureId]);
-  useEffect(() => setTimeout(() => copyMediaUrl(), 500), [copyMediaUrl]);
-
-  function zoom(e, activeParameter) {
-    if (active || activeParameter) {
-      let offsetX, offsetY, x, y;
-      const figureElement = document.getElementById(figureId);
-
-      if (figureElement) {
-        if (e?.nativeEvent?.offsetX) offsetX = e.nativeEvent.offsetX;
-        else offsetX = e?.touches?.[0].pageX;
-        if (e?.nativeEvent?.offsetY) offsetY = e.nativeEvent.offsetY;
-        else offsetX = e?.touches?.[0].pageX;
-
-        x = ((offsetX / figureElement.offsetWidth) * 100);
-        y = ((offsetY / figureElement.offsetHeight) * 100);
-
-        figureElement.style.backgroundPosition = `${x}% ${y}%`;
-      }
-    }
-  }
-
-  const handleActive = e => {
-    const state = !active;
-    setActive(state);
-    (state) && zoom(e, state);
-  };
-
-
-  return <figure 
-    id={figureId} 
-    onMouseMove={zoom} 
-    onTouchMove={zoom} 
-    onClick={handleActive} 
-    className={clsx('zoom-figure', { 'zoom-figure-active': active })}
-  >
-    {children}
-  </figure>;
-};
-
-
-export default Zoom;

package/lib/components/Zoom/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Zoom';
-export * from './Zoom';

package/lib/components/Zoom/index.js

@@ -1 +0,0 @@
-export { default } from './Zoom';

package/lib/components/Zoom/style.css

@@ -1,25 +0,0 @@
-figure.zoom-figure {
-    position: relative;
-    overflow: hidden;
-    cursor: zoom-in;
-    cursor: -moz-zoom-in;
-    cursor: -webkit-zoom-in;
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-
-    img {
-      transition: opacity 250ms;
-      display: block;
-      width: 100%;
-    }
-}
-
-figure.zoom-figure-active {
-    cursor: zoom-out;
-    cursor: -moz-zoom-out;
-    cursor: -webkit-zoom-out;
-
-    & img:hover {
-        opacity: 0;
-    }
-}