@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b4257f67

package/app/QrCodeViewer/index.js

@@ -1,32 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QrCodeViewer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _qrcodegen = _interopRequireDefault(require("@digigov/ui/app/QrCodeViewer/qrcodegen"));
-
-var _utils = require("@digigov/ui/app/QrCodeViewer/utils");
-
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "style", "imageSettings"];
-
-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; }
-
+import React, { useRef, useEffect, useState } from 'react';
+import qrcodegen from "./qrcodegen";
+import { generatePath, excavateModules, getImageSettings, MARGIN_SIZE } from "./utils";
 var DEFAULT_SIZE = 128;
 var DEFAULT_LEVEL = 'L';
 var DEFAULT_BGCOLOR = '#FFFFFF';
@@ -44,13 +22,12 @@ var SUPPORTS_PATH2D = function () {
 }();
 
 var ERROR_LEVEL_MAP = {
-  L: _qrcodegen["default"].QrCode.Ecc.LOW,
-  M: _qrcodegen["default"].QrCode.Ecc.MEDIUM,
-  Q: _qrcodegen["default"].QrCode.Ecc.QUARTILE,
-  H: _qrcodegen["default"].QrCode.Ecc.HIGH
+  L: qrcodegen.QrCode.Ecc.LOW,
+  M: qrcodegen.QrCode.Ecc.MEDIUM,
+  Q: qrcodegen.QrCode.Ecc.QUARTILE,
+  H: qrcodegen.QrCode.Ecc.HIGH
 };
-
-var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCodeViewerCanvas(props, ref) {
+var QrCodeViewerCanvas = /*#__PURE__*/React.forwardRef(function QrCodeViewerCanvas(props, ref) {
   var value = props.value,
       _props$size = props.size,
       size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
@@ -64,23 +41,24 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
       includeMargin = _props$includeMargin === void 0 ? DEFAULT_INCLUDEMARGIN : _props$includeMargin,
       style = props.style,
       imageSettings = props.imageSettings,
-      otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+      otherProps = _objectWithoutProperties(props, _excluded);
+
   var imgSrc = imageSettings === null || imageSettings === void 0 ? void 0 : imageSettings.src;
 
-  var _canvas = ref || (0, _react.useRef)(null);
+  var _canvas = ref || useRef(null);
 
-  var _image = (0, _react.useRef)(null); // We're just using this state to trigger rerenders when images load. We
+  var _image = useRef(null); // We're just using this state to trigger rerenders when images load. We
   // Don't actually read the value anywhere. A smarter use of useEffect would
   // depend on this value.
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       isImgLoaded = _useState2[0],
       setIsImageLoaded = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     // Always update the canvas. It's cheap enough and we want to be correct
     // with the current state.
     if (_canvas.current !== null) {
@@ -91,17 +69,16 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
         return;
       }
 
-      var cells = _qrcodegen["default"].QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-
-      var margin = includeMargin ? _utils.MARGIN_SIZE : 0;
+      var cells = qrcodegen.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
+      var margin = includeMargin ? MARGIN_SIZE : 0;
       var numCells = cells.length + margin * 2;
-      var calculatedImageSettings = (0, _utils.getImageSettings)(cells, size, includeMargin, imageSettings);
+      var calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
       var image = _image.current;
       var haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
 
       if (haveImageToRender && calculatedImageSettings) {
         if (calculatedImageSettings.excavation != null) {
-          cells = (0, _utils.excavateModules)(cells, calculatedImageSettings.excavation);
+          cells = excavateModules(cells, calculatedImageSettings.excavation);
         }
       } // We're going to scale this so that the number of drawable units
       // matches the number of cells. This avoids rounding issues, but does
@@ -120,7 +97,7 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
 
       if (SUPPORTS_PATH2D) {
         // $FlowFixMe: Path2D c'tor doesn't support args yet.
-        ctx.fill(new Path2D((0, _utils.generatePath)(cells, margin)));
+        ctx.fill(new Path2D(generatePath(cells, margin)));
       } else {
         cells.forEach(function (row, rdx) {
           row.forEach(function (cell, cdx) {
@@ -140,17 +117,19 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
   }); // Ensure we mark image loaded as false here so we trigger updating the
   // canvas in our other effect.
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setIsImageLoaded(false);
   }, [imgSrc, isImgLoaded]);
-  var canvasStyle = (0, _extends2["default"])({
+
+  var canvasStyle = _extends({
     height: size,
     width: size
   }, style);
+
   var img;
 
   if (imgSrc != null) {
-    img = /*#__PURE__*/_react["default"].createElement("img", {
+    img = /*#__PURE__*/React.createElement("img", {
       src: imgSrc,
       key: imgSrc,
       style: {
@@ -163,18 +142,15 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
     });
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("canvas", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("canvas", _extends({
     style: canvasStyle,
     height: size,
     width: size,
     ref: _canvas
   }, otherProps)), img);
 });
-
-var QrCodeViewer = /*#__PURE__*/_react["default"].forwardRef(function QrCodeViewer(props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(QrCodeViewerCanvas, (0, _extends2["default"])({}, props, {
+export var QrCodeViewer = /*#__PURE__*/React.forwardRef(function QrCodeViewer(props, ref) {
+  return /*#__PURE__*/React.createElement(QrCodeViewerCanvas, _extends({}, props, {
     ref: ref
   }));
-});
-
-exports.QrCodeViewer = QrCodeViewer;
+});

package/app/QrCodeViewer/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/app/QrCodeViewer/index.js"
+}

package/app/QrCodeViewer/qrcodegen.js

@@ -5,16 +5,8 @@
  */
 'use strict'; // eslint-disable-next-line @typescript-eslint/no-namespace
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -35,7 +27,8 @@ var qrcodegen;
     // This determines the size of this barcode.
     version, // The error correction level used in this QR Code.
     errorCorrectionLevel, dataCodewords, msk) {
-      (0, _classCallCheck2["default"])(this, QrCode);
+      _classCallCheck(this, QrCode);
+
       this.version = void 0;
       this.errorCorrectionLevel = void 0;
       this.size = void 0;
@@ -98,7 +91,7 @@ var qrcodegen;
     // If the given coordinates are out of bounds, then false (light) is returned.
 
 
-    (0, _createClass2["default"])(QrCode, [{
+    _createClass(QrCode, [{
       key: "getModule",
       value: function getModule(x, y) {
         return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
@@ -755,6 +748,7 @@ var qrcodegen;
         return z;
       }
     }]);
+
     return QrCode;
   }();
 
@@ -825,7 +819,8 @@ var qrcodegen;
     // Always zero or positive. Not the same as the data's bit length.
     numChars, // The data bits of this segment. Accessed through getData().
     bitData) {
-      (0, _classCallCheck2["default"])(this, QrSegment);
+      _classCallCheck(this, QrSegment);
+
       this.mode = void 0;
       this.numChars = void 0;
       this.bitData = void 0;
@@ -839,7 +834,7 @@ var qrcodegen;
     // Returns a new copy of the data bits of this segment.
 
 
-    (0, _createClass2["default"])(QrSegment, [{
+    _createClass(QrSegment, [{
       key: "getData",
       value: function getData() {
         return this.bitData.slice(); // Make defensive copy
@@ -993,6 +988,7 @@ var qrcodegen;
       // Describes precisely all strings that are encodable in numeric mode.
 
     }]);
+
     return QrSegment;
   }();
 
@@ -1009,7 +1005,7 @@ var qrcodegen;
   var QrCode;
 
   (function (_QrCode) {
-    var Ecc = /*#__PURE__*/(0, _createClass2["default"])(
+    var Ecc = /*#__PURE__*/_createClass(
     /*-- Constants --*/
     // The QR Code can tolerate about  7% erroneous codewords
     // The QR Code can tolerate about 15% erroneous codewords
@@ -1022,12 +1018,14 @@ var qrcodegen;
     function Ecc( // In the range 0 to 3 (unsigned 2-bit integer).
     ordinal, // (Package-private) In the range 0 to 3 (unsigned 2-bit integer).
     formatBits) {
-      (0, _classCallCheck2["default"])(this, Ecc);
+      _classCallCheck(this, Ecc);
+
       this.ordinal = void 0;
       this.formatBits = void 0;
       this.ordinal = ordinal;
       this.formatBits = formatBits;
     });
+
     Ecc.LOW = new Ecc(0, 1);
     Ecc.MEDIUM = new Ecc(1, 0);
     Ecc.QUARTILE = new Ecc(2, 3);
@@ -1052,7 +1050,8 @@ var qrcodegen;
       function Mode( // The mode indicator bits, which is a uint4 value (range 0 to 15).
       modeBits, // Number of character count bits for three different version ranges.
       numBitsCharCount) {
-        (0, _classCallCheck2["default"])(this, Mode);
+        _classCallCheck(this, Mode);
+
         this.modeBits = void 0;
         this.numBitsCharCount = void 0;
         this.modeBits = modeBits;
@@ -1063,12 +1062,13 @@ var qrcodegen;
       // this mode in a QR Code at the given version number. The result is in the range [0, 16].
 
 
-      (0, _createClass2["default"])(Mode, [{
+      _createClass(Mode, [{
         key: "numCharCountBits",
         value: function numCharCountBits(ver) {
           return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
         }
       }]);
+
       return Mode;
     }();
 
@@ -1082,5 +1082,4 @@ var qrcodegen;
 })(qrcodegen || (qrcodegen = {})); // Modification to export for actual use
 
 
-var _default = qrcodegen;
-exports["default"] = _default;
+export default qrcodegen;

package/app/QrCodeViewer/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/app/QrCodeViewer/utils.js

@@ -1,17 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MARGIN_SIZE = void 0;
-exports.excavateModules = excavateModules;
-exports.generatePath = generatePath;
-exports.getImageSettings = getImageSettings;
 var DEFAULT_IMG_SCALE = 0.1;
-var MARGIN_SIZE = 4;
-exports.MARGIN_SIZE = MARGIN_SIZE;
-
-function generatePath(modules) {
+export var MARGIN_SIZE = 4;
+export function generatePath(modules) {
   var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var ops = [];
   modules.forEach(function (row, y) {
@@ -53,8 +42,7 @@ function generatePath(modules) {
 } // We could just do this in generatePath, except that we want to support
 // non-Path2D canvas, so we need to keep it an explicit step.
 
-
-function excavateModules(modules, excavation) {
+export function excavateModules(modules, excavation) {
   return modules.slice().map(function (row, y) {
     if (y < excavation.y || y >= excavation.y + excavation.h) {
       return row;
@@ -69,8 +57,7 @@ function excavateModules(modules, excavation) {
     });
   });
 }
-
-function getImageSettings(cells, size, includeMargin, imageSettings) {
+export function getImageSettings(cells, size, includeMargin, imageSettings) {
   if (imageSettings == null) {
     return null;
   }