@papillonbits/components 0.87.0 → 0.88.0

package/build/primer/index.js

@@ -13,7 +13,6 @@ var _ErrorBoundary = require("./ErrorBoundary");
 var _Form = require("./Form");
 var _Grid = require("./Grid");
 var _Icon = require("./Icon");
-var _ImageSlider = require("./ImageSlider");
 var _Label = require("./Label");
 var _Loader = require("./Loader");
 var _Navigation = require("./Navigation");
@@ -59,7 +58,6 @@ var primer = {
     iconName: _Icon.iconName,
     iconSize: _Icon.iconSize
   },
-  ImageSlider: _ImageSlider.ImageSlider,
   Label: _Label.Label,
   Loader: {
     Loader: _Loader.Loader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/components",
-  "version": "0.87.0",
+  "version": "0.88.0",
   "description": "Papillon Bits Components",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/components",
   "repository": {
@@ -29,8 +29,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonbits/css": "^0.87.0",
-    "@papillonbits/library": "^0.87.0"
+    "@papillonbits/css": "^0.88.0",
+    "@papillonbits/library": "^0.88.0"
   },
-  "gitHead": "853099efb79203fe9612aefdb7eb097fea562b9d"
+  "gitHead": "bd5cf1f676acc662811b227475ae6caa810ab81a"
 }

package/build/primer/ImageSlider/ImageSlider.images.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.images = void 0;
-var _ = _interopRequireDefault(require("./images/0.jpg"));
-var _2 = _interopRequireDefault(require("./images/1.jpg"));
-var _3 = _interopRequireDefault(require("./images/2.jpg"));
-var _4 = _interopRequireDefault(require("./images/3.jpg"));
-var images = [{
-  url: _["default"],
-  left: 0,
-  top: 0,
-  width: 750,
-  height: 400
-}, {
-  url: _2["default"],
-  left: 750,
-  top: 25,
-  width: 750,
-  height: 350
-}, {
-  url: _3["default"],
-  left: 1550,
-  top: 0,
-  width: 750,
-  height: 400
-}, {
-  url: _4["default"],
-  left: 2500,
-  top: 0,
-  width: 350,
-  height: 400
-}];
-exports.images = images;

package/build/primer/ImageSlider/ImageSlider.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageSlider = ImageSlider;
-var _react = require("react");
-var _ImageSlider = require("./ImageSlider.prop");
-var _ImageSlider2 = require("./ImageSlider.images");
-var _ImageSlider3 = _interopRequireDefault(require("./ImageSlider.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-// https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API
-// https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
-
-function ImageSlider() {
-  var isDown = false;
-  var startX;
-  var scrollLeft;
-  var sliderRef = (0, _react.useRef)(0);
-  var canvasRef = (0, _react.useRef)(0);
-  function handleEnd() {
-    isDown = false;
-  }
-  function handleStart(e) {
-    isDown = true;
-    startX = e.pageX || e.touches[0].pageX - sliderRef.current.offsetLeft;
-    scrollLeft = sliderRef.current.scrollLeft;
-  }
-  function handleMove(e) {
-    if (!isDown) return;
-    var x = e.pageX || e.touches[0].pageX - sliderRef.current.offsetLeft;
-    var dist = x - startX;
-    sliderRef.current.scrollLeft = scrollLeft - dist;
-  }
-  function addSliderEventListeners() {
-    sliderRef.current.addEventListener('mousedown', handleStart, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('touchstart', handleStart, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('mousemove', handleMove, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('touchmove', handleMove, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('mouseleave', handleEnd, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('mouseup', handleEnd, {
-      passive: true
-    });
-    sliderRef.current.addEventListener('touchend', handleEnd, {
-      passive: true
-    });
-  }
-  function getCanvasContext() {
-    return canvasRef.current.getContext('2d');
-  }
-  function drawCanvasImages(_ref) {
-    var canvasContext = _ref.canvasContext;
-    _ImageSlider2.images.forEach(function (_ref2) {
-      var url = _ref2.url,
-        left = _ref2.left,
-        top = _ref2.top,
-        width = _ref2.width,
-        height = _ref2.height;
-      var image = new Image();
-      image.src = url;
-      image.onload = function () {
-        return canvasContext.drawImage(image, left, top, width, height);
-      };
-    });
-  }
-  (0, _react.useEffect)(function () {
-    addSliderEventListeners();
-    drawCanvasImages({
-      canvasContext: getCanvasContext()
-    });
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: sliderRef,
-    className: _ImageSlider3["default"].items,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("canvas", {
-      width: "3050",
-      height: "400",
-      ref: canvasRef,
-      className: _ImageSlider3["default"].canvas
-    })
-  });
-}
-ImageSlider.propTypes = _ImageSlider.propTypes;
-ImageSlider.defaultProps = _ImageSlider.defaultProps;

package/build/primer/ImageSlider/ImageSlider.prop.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var propTypes = {};
-exports.propTypes = propTypes;
-var defaultProps = {};
-exports.defaultProps = defaultProps;

package/build/primer/ImageSlider/ImageSlider.scss

@@ -1,7 +0,0 @@
-.items {
-  position: relative;
-  width: 750px;
-  overflow: hidden;
-  cursor: pointer;
-  background: #f2f2f2;
-}

package/build/primer/ImageSlider/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ImageSlider", {
-  enumerable: true,
-  get: function get() {
-    return _ImageSlider.ImageSlider;
-  }
-});
-var _ImageSlider = require("./ImageSlider");