@movalib/movalib-commons 1.55.0 → 1.55.2

package/dist/src/QRCode.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import './QRCode.css';
+import './style/QRCode.css';
 interface QRCodeProps {
     size?: number;
     data?: string;

package/dist/src/QRCode.js

@@ -51,13 +51,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var leaf_yellow_small_png_1 = __importDefault(require("./assets/images/leaf_yellow_small.png"));
 var material_1 = require("@mui/material");
-var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
-require("./QRCode.css");
 var html2canvas_1 = __importDefault(require("html2canvas"));
+var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
+var react_1 = require("react");
 var DownloadedQRCode_1 = require("./DownloadedQRCode");
+var leaf_yellow_small_png_1 = __importDefault(require("./assets/images/leaf_yellow_small.png"));
+require("./style/QRCode.css");
 var QRCode = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 300 : _b, data = _a.data, _c = _a.showDownload, showDownload = _c === void 0 ? false : _c, _d = _a.showCTAWhenDownloaded, showCTAWhenDownloaded = _d === void 0 ? false : _d;
     var theme = (0, material_1.useTheme)();

package/dist/src/components/QrCodePLVContainer/QrCodePLVContainer.d.ts

@@ -1,4 +1,4 @@
-import './QRCode.css';
+import '../../style/QRCode.css';
 export declare const QrCodePLVContainer: ({ data }: {
     data: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/QrCodePLVContainer/QrCodePLVContainer.js

@@ -18,7 +18,7 @@ exports.QrCodePLVContainer = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
-require("./QRCode.css");
+require("../../style/QRCode.css");
 var html2canvas_1 = __importDefault(require("html2canvas"));
 var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
 var react_1 = require("react");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.55.0",
+  "version": "1.55.2",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,7 +8,7 @@
   "scripts": {
     "start": "webpack-dev-server --entry ./devIndex.tsx --open",
     "build": "rm -rf dist && tsc && npm run copy-assets",
-    "copy-assets": "cp -r src/assets/ dist/src/assets/ && cp src/*.css dist/src",
+    "copy-assets": "cp -r src/assets/ dist/src/assets/ && cp -r src/style/*.css dist/src/style",
     "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "rm -rf dist node_modules package-lock.json"
   },

package/src/QRCode.tsx

@@ -1,10 +1,10 @@
-import { type FC, useRef, useEffect, useMemo } from 'react';
-import QRCodeImage from "./assets/images/leaf_yellow_small.png";
 import { Box, Button, darken, useTheme } from '@mui/material';
-import QRCodeStyling, { Options } from "qr-code-styling";
-import './QRCode.css';
-import html2canvas from "html2canvas";
-import {DownloadedQRCode} from "./DownloadedQRCode";
+import html2canvas from 'html2canvas';
+import QRCodeStyling, { type Options } from 'qr-code-styling';
+import { type FC, useEffect, useMemo, useRef } from 'react';
+import { DownloadedQRCode } from './DownloadedQRCode';
+import QRCodeImage from './assets/images/leaf_yellow_small.png';
+import './style/QRCode.css';
 
 interface QRCodeProps {
   size?: number;

package/src/components/QrCodePLVContainer/QrCodePLVContainer.tsx

@@ -11,7 +11,7 @@ import {
   darken,
   useTheme,
 } from '@mui/material';
-import './QRCode.css';
+import '../../style/QRCode.css';
 
 import html2canvas from 'html2canvas';
 import QRCodeStyling, { type Options } from 'qr-code-styling';

package/src/style/QRCode.css

@@ -0,0 +1,8 @@
+.qr-code canvas {
+    /*max-width: 300px !important;*/
+    /* margin: 20px 0; */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+}