react-push-dot-grid
Advanced tools
| 'use strict'; | ||
| var react = require('react'); | ||
| var jsxRuntime = require('react/jsx-runtime'); | ||
@@ -1408,10 +1409,11 @@ function _arrayLikeToArray(r, a) { | ||
| }, [initDots, draw, onMouseMove, onMouseLeave]); | ||
| return /*#__PURE__*/React.createElement("div", { | ||
| return /*#__PURE__*/jsxRuntime.jsx("div", { | ||
| ref: wrapperRef, | ||
| className: className, | ||
| style: _objectSpread2(_objectSpread2({}, wrapperStyle), style) | ||
| }, /*#__PURE__*/React.createElement("canvas", { | ||
| ref: canvasRef, | ||
| style: canvasStyle | ||
| })); | ||
| style: _objectSpread2(_objectSpread2({}, wrapperStyle), style), | ||
| children: /*#__PURE__*/jsxRuntime.jsx("canvas", { | ||
| ref: canvasRef, | ||
| style: canvasStyle | ||
| }) | ||
| }); | ||
| }); | ||
@@ -1418,0 +1420,0 @@ PushDotGrid.propTypes = { |
| import { forwardRef, useRef, useCallback, useImperativeHandle, useEffect } from 'react'; | ||
| import { jsx } from 'react/jsx-runtime'; | ||
@@ -1406,10 +1407,11 @@ function _arrayLikeToArray(r, a) { | ||
| }, [initDots, draw, onMouseMove, onMouseLeave]); | ||
| return /*#__PURE__*/React.createElement("div", { | ||
| return /*#__PURE__*/jsx("div", { | ||
| ref: wrapperRef, | ||
| className: className, | ||
| style: _objectSpread2(_objectSpread2({}, wrapperStyle), style) | ||
| }, /*#__PURE__*/React.createElement("canvas", { | ||
| ref: canvasRef, | ||
| style: canvasStyle | ||
| })); | ||
| style: _objectSpread2(_objectSpread2({}, wrapperStyle), style), | ||
| children: /*#__PURE__*/jsx("canvas", { | ||
| ref: canvasRef, | ||
| style: canvasStyle | ||
| }) | ||
| }); | ||
| }); | ||
@@ -1416,0 +1418,0 @@ PushDotGrid.propTypes = { |
+1
-1
| { | ||
| "name": "react-push-dot-grid", | ||
| "version": "1.0.0", | ||
| "version": "1.0.1", | ||
| "description": "A React canvas component that creates an interactive dot grid with push/pull mouse effects", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
115368
0.07%2777
0.14%