@digigov/ui 2.0.0-264e5fff → 2.0.0-290ada95

package/app/QrCodeScanner/index.js

@@ -1,62 +1,31 @@
-import React from "react";
-const QrReader = React.lazy(() => import("@uides/react-qr-reader"));
-const QrCodeScanner = ({
-  children,
-  validate,
-  onScan,
-  onError,
-  dataType = "url",
-  legacyMode = false,
-  ...props
-}) => {
-  if (dataType === "text") {
-    console.warn(
-      `Security Warning! The \`text\` dataType could be used to inject XSS code to your application database or user DOM.
+import react from "react";
+const QrReader = /*#__PURE__*/ react.lazy(()=>import("@uides/react-qr-reader"));
+const QrCodeScanner = ({ children, validate, onScan, onError, dataType = 'url', legacyMode = false, ...props })=>{
+    if ('text' === dataType) console.warn(`Security Warning! The \`text\` dataType could be used to inject XSS code to your application database or user DOM.
 
 In order to be safe, you can:
 1. Use a sanitizer function inside the \`onScan\` callback function that makes sure the data is not posing a threat to your app
 2. Contact @digigov-ui for any further details and feature requests.
 3. Read more about xss https://owasp.org/www-community/attacks/xss/
-`
-    );
-  }
-  const handleOnScan = (data) => {
-    if (data) {
-      if (dataType === "url") {
-        try {
-          new URL(data);
-        } catch {
-          return onError(
-            new Error(
-              "@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`"
-            ),
-            data
-          );
+`);
+    const handleOnScan = (data)=>{
+        if (data) {
+            if ('url' === dataType) try {
+                new URL(data);
+            } catch  {
+                return onError(new Error('@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'), data);
+            }
+            if (validate && !validate(data)) return onError(new Error('Custom QR Code payload validation failed'), data);
+            onScan(data);
         }
-      }
-      if (validate && !validate(data)) {
-        return onError(
-          new Error("Custom QR Code payload validation failed"),
-          data
-        );
-      }
-      onScan(data);
-    }
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    QrReader,
-    {
-      delay: 100,
-      onError,
-      onScan: handleOnScan,
-      legacyMode,
-      ...props
-    }
-  ), children);
+    };
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(QrReader, {
+        delay: 100,
+        onError: onError,
+        onScan: handleOnScan,
+        legacyMode: legacyMode,
+        ...props
+    }), children);
 };
-var QrCodeScanner_default = QrCodeScanner;
-export {
-  QrCodeScanner,
-  QrCodeScanner_default as default
-};
-//# sourceMappingURL=index.js.map
+const app_QrCodeScanner = QrCodeScanner;
+export { QrCodeScanner, app_QrCodeScanner as default };

package/app/QrCodeViewer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';
+import { QRPropsCanvas } from './types.js';
 export interface QrCodeViewerProps extends QRPropsCanvas {
 }
 export declare const QrCodeViewer: React.ForwardRefExoticComponent<QrCodeViewerProps & React.RefAttributes<unknown>>;

package/app/QrCodeViewer/index.js

@@ -1,140 +1,100 @@
-import React, { useRef, useEffect, useState } from "react";
-import qrcodegen from "@digigov/ui/app/QrCodeViewer/qrcodegen";
-import {
-  generatePath,
-  excavateModules,
-  getImageSettings,
-  MARGIN_SIZE
-} from "@digigov/ui/app/QrCodeViewer/utils";
+import react, { useEffect, useRef, useState } from "react";
+import qrcodegen from "./qrcodegen.js";
+import { MARGIN_SIZE, excavateModules, generatePath, getImageSettings } from "./utils.js";
 const DEFAULT_SIZE = 128;
-const DEFAULT_LEVEL = "L";
-const DEFAULT_BGCOLOR = "#FFFFFF";
-const DEFAULT_FGCOLOR = "#000000";
+const DEFAULT_LEVEL = 'L';
+const DEFAULT_BGCOLOR = '#FFFFFF';
+const DEFAULT_FGCOLOR = '#000000';
 const DEFAULT_INCLUDEMARGIN = false;
 const SUPPORTS_PATH2D = function() {
-  try {
-    new Path2D().addPath(new Path2D());
-  } catch {
-    return false;
-  }
-  return true;
+    try {
+        new Path2D().addPath(new Path2D());
+    } catch  {
+        return false;
+    }
+    return true;
 }();
 const ERROR_LEVEL_MAP = {
-  L: qrcodegen.QrCode.Ecc.LOW,
-  M: qrcodegen.QrCode.Ecc.MEDIUM,
-  Q: qrcodegen.QrCode.Ecc.QUARTILE,
-  H: qrcodegen.QrCode.Ecc.HIGH
+    L: qrcodegen.QrCode.Ecc.LOW,
+    M: qrcodegen.QrCode.Ecc.MEDIUM,
+    Q: qrcodegen.QrCode.Ecc.QUARTILE,
+    H: qrcodegen.QrCode.Ecc.HIGH
 };
-const QrCodeViewerCanvas = React.forwardRef(function QrCodeViewerCanvas2(props, ref) {
-  const {
-    value,
-    size = DEFAULT_SIZE,
-    level = DEFAULT_LEVEL,
-    bgColor = DEFAULT_BGCOLOR,
-    fgColor = DEFAULT_FGCOLOR,
-    includeMargin = DEFAULT_INCLUDEMARGIN,
-    style,
-    imageSettings,
-    ...otherProps
-  } = props;
-  const imgSrc = imageSettings?.src;
-  const _canvasRef = useRef(null);
-  const _canvas = ref || _canvasRef;
-  const _image = useRef(null);
-  const [isImgLoaded, setIsImageLoaded] = useState(false);
-  useEffect(() => {
-    if (_canvas.current !== null) {
-      const canvas = _canvas.current;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) {
-        return;
-      }
-      let cells = qrcodegen.QrCode.encodeText(
-        value,
-        ERROR_LEVEL_MAP[level]
-      ).getModules();
-      const margin = includeMargin ? MARGIN_SIZE : 0;
-      const numCells = cells.length + margin * 2;
-      const calculatedImageSettings = getImageSettings(
-        cells,
-        size,
-        includeMargin,
-        imageSettings
-      );
-      const image = _image.current;
-      const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
-      if (haveImageToRender && calculatedImageSettings) {
-        if (calculatedImageSettings.excavation != null) {
-          cells = excavateModules(cells, calculatedImageSettings.excavation);
-        }
-      }
-      const pixelRatio = window.devicePixelRatio || 1;
-      canvas.height = canvas.width = size * pixelRatio;
-      const scale = size / numCells * pixelRatio;
-      ctx.scale(scale, scale);
-      ctx.fillStyle = bgColor;
-      ctx.fillRect(0, 0, numCells, numCells);
-      ctx.fillStyle = fgColor;
-      if (SUPPORTS_PATH2D) {
-        ctx.fill(new Path2D(generatePath(cells, margin)));
-      } else {
-        cells.forEach(function(row, rdx) {
-          row.forEach(function(cell, cdx) {
-            if (cell) {
-              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+const QrCodeViewer_QrCodeViewerCanvas = /*#__PURE__*/ react.forwardRef(function(props, ref) {
+    const { value, size = DEFAULT_SIZE, level = DEFAULT_LEVEL, bgColor = DEFAULT_BGCOLOR, fgColor = DEFAULT_FGCOLOR, includeMargin = DEFAULT_INCLUDEMARGIN, style, imageSettings, ...otherProps } = props;
+    const imgSrc = imageSettings?.src;
+    const _canvasRef = useRef(null);
+    const _canvas = ref || _canvasRef;
+    const _image = useRef(null);
+    const [isImgLoaded, setIsImageLoaded] = useState(false);
+    useEffect(()=>{
+        if (null !== _canvas.current) {
+            const canvas = _canvas.current;
+            const ctx = canvas.getContext('2d');
+            if (!ctx) return;
+            let cells = qrcodegen.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
+            const margin = includeMargin ? MARGIN_SIZE : 0;
+            const numCells = cells.length + 2 * margin;
+            const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
+            const image = _image.current;
+            const haveImageToRender = null != calculatedImageSettings && null !== image && image.complete && 0 !== image.naturalHeight && 0 !== image.naturalWidth;
+            if (haveImageToRender && calculatedImageSettings) {
+                if (null != calculatedImageSettings.excavation) cells = excavateModules(cells, calculatedImageSettings.excavation);
+            }
+            const pixelRatio = window.devicePixelRatio || 1;
+            canvas.height = canvas.width = size * pixelRatio;
+            const scale = size / numCells * pixelRatio;
+            ctx.scale(scale, scale);
+            ctx.fillStyle = bgColor;
+            ctx.fillRect(0, 0, numCells, numCells);
+            ctx.fillStyle = fgColor;
+            if (SUPPORTS_PATH2D) ctx.fill(new Path2D(generatePath(cells, margin)));
+            else cells.forEach(function(row, rdx) {
+                row.forEach(function(cell, cdx) {
+                    if (cell) ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+                });
+            });
+            if (haveImageToRender && calculatedImageSettings) {
+                if (image instanceof HTMLImageElement) ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
             }
-          });
-        });
-      }
-      if (haveImageToRender && calculatedImageSettings) {
-        if (image instanceof HTMLImageElement) {
-          ctx.drawImage(
-            image,
-            calculatedImageSettings.x + margin,
-            calculatedImageSettings.y + margin,
-            calculatedImageSettings.w,
-            calculatedImageSettings.h
-          );
         }
-      }
-    }
-  });
-  useEffect(() => {
-    setIsImageLoaded(false);
-  }, [imgSrc, isImgLoaded]);
-  const canvasStyle = { height: size, width: size, ...style };
-  let img;
-  if (imgSrc != null) {
-    img = /* @__PURE__ */ React.createElement(
-      "img",
-      {
+    });
+    useEffect(()=>{
+        setIsImageLoaded(false);
+    }, [
+        imgSrc,
+        isImgLoaded
+    ]);
+    const canvasStyle = {
+        height: size,
+        width: size,
+        ...style
+    };
+    let img;
+    if (null != imgSrc) img = /*#__PURE__*/ react.createElement("img", {
         src: imgSrc,
         key: imgSrc,
-        style: { display: "none" },
-        onLoad: () => {
-          setIsImageLoaded(true);
+        style: {
+            display: 'none'
+        },
+        onLoad: ()=>{
+            setIsImageLoaded(true);
         },
         ref: _image
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "canvas",
-    {
-      style: canvasStyle,
-      height: size,
-      width: size,
-      ref: _canvas,
-      ...otherProps
-    }
-  ), img);
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("canvas", {
+        style: canvasStyle,
+        height: size,
+        width: size,
+        ref: _canvas,
+        ...otherProps
+    }), img);
 });
-const QrCodeViewer = React.forwardRef(function QrCodeViewer2(props, ref) {
-  return /* @__PURE__ */ React.createElement(QrCodeViewerCanvas, { ...props, ref });
+const QrCodeViewer_QrCodeViewer = /*#__PURE__*/ react.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ react.createElement(QrCodeViewer_QrCodeViewerCanvas, {
+        ...props,
+        ref: ref
+    });
 });
-var QrCodeViewer_default = QrCodeViewer;
-export {
-  QrCodeViewer,
-  QrCodeViewer_default as default
-};
-//# sourceMappingURL=index.js.map
+const app_QrCodeViewer = QrCodeViewer_QrCodeViewer;
+export { QrCodeViewer_QrCodeViewer as QrCodeViewer, app_QrCodeViewer as default };