@movalib/movalib-commons 1.0.74 → 1.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/PV_README.md +4 -0
  2. package/devIndex.tsx +1 -0
  3. package/dist/devIndex.js +1 -0
  4. package/dist/src/MovaDialog.js +1 -1
  5. package/dist/src/QRCode.js +11 -9
  6. package/package.json +1 -1
  7. package/src/MovaDialog.tsx +1 -1
  8. package/src/QRCode.tsx +11 -8
package/PV_README.md CHANGED
@@ -21,3 +21,7 @@ Pour lier la librairie aux projets qui l'utilise, executer la commande suivnte
21
21
  Les commandes exécutées (ci-dessous) permettent de contourner un problème de double référence vers react et react-dom lorsque les deux appli utilisent des Hook
22
22
 
23
23
  "link": "npm link --only=production && npm link \"/home/dimitri/Projets/5 - MOVALIB/02 - Développement/Front-End/movalib-user-app/node_modules/react\" && npm link \"/home/dimitri/Projets/5 - MOVALIB/02 - Développement/Front-End/movalib-user-app/node_modules/react-dom\"",
24
+
25
+
26
+ gsutil setmeta -h "Cache-Control:no-cache, must-revalidate" gs://app.movalib.com/*
27
+ gsutil setmeta -h "Cache-Control:no-cache, must-revalidate" gs://pro.movalib.com/*
package/devIndex.tsx CHANGED
@@ -67,6 +67,7 @@ const App = () => {
67
67
 
68
68
  const getQRCodeData = ():string => {
69
69
  // On renvoie les données pour le QR Code, l'url change selon l'environnement (variables d'environnement)
70
+ return 'https://www.instagram.com/delightnord/';
70
71
  return `https://localhost:3001/#/garage/1?redirect=garage`;
71
72
  }
72
73
 
package/dist/devIndex.js CHANGED
@@ -93,6 +93,7 @@ var App = function () {
93
93
  };
94
94
  var getQRCodeData = function () {
95
95
  // On renvoie les données pour le QR Code, l'url change selon l'environnement (variables d'environnement)
96
+ return 'https://www.instagram.com/delightnord/';
96
97
  return "https://localhost:3001/#/garage/1?redirect=garage";
97
98
  };
98
99
  var handleScheduleChange = function (schedule) {
package/dist/src/MovaDialog.js CHANGED
@@ -52,7 +52,7 @@ var MovaDialog = function (_a) {
52
52
  }
53
53
  };
54
54
  return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ fullScreen: fullScreen, fullWidth: true, TransitionComponent: getTransition(), open: open, "aria-labelledby": "garage-dialog-title", "aria-describedby": "garage-dialog-description", onClose: handleOnClose, sx: { textAlign: 'center' } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getLeafImage(), style: {
55
- position: 'fixed',
55
+ position: 'absolute',
56
56
  float: 'left',
57
57
  width: '150px',
58
58
  height: '350px',
package/dist/src/QRCode.js CHANGED
@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  var react_1 = require("react");
19
- var leaf_yellow_small_png_1 = __importDefault(require("./assets/images/leaf_yellow_small.png"));
20
19
  var material_1 = require("@mui/material");
21
20
  var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
22
21
  require("./QRCode.css");
@@ -40,7 +39,7 @@ var QRCode = function (_a) {
40
39
  height: 600,
41
40
  type: 'canvas',
42
41
  data: data !== null && data !== void 0 ? data : defaultData,
43
- image: leaf_yellow_small_png_1.default,
42
+ //image: QRCodeImage,
44
43
  margin: 10,
45
44
  qrOptions: {
46
45
  typeNumber: 0,
@@ -53,13 +52,14 @@ var QRCode = function (_a) {
53
52
  margin: 15
54
53
  },
55
54
  dotsOptions: {
56
- color: (0, material_1.darken)(theme.palette.primary.main, 0.3),
55
+ color: 'black',
56
+ //color: darken(theme.palette.primary.main, 0.3),
57
57
  // gradient: {
58
58
  // type: 'linear', // 'radial'
59
59
  // rotation: 0,
60
60
  // colorStops: [{ offset: 0, color: theme.palette.primary.main }, { offset: 1, color: theme.palette.secondary.main }]
61
61
  // },
62
- type: 'square' // "dots" | "rounded" | "classy" | "classy-rounded" | "square" | "extra-rounded";
62
+ type: 'rounded' // "dots" | "rounded" | "classy" | "classy-rounded" | "square" | "extra-rounded";
63
63
  },
64
64
  backgroundOptions: {
65
65
  color: 'white',
@@ -70,8 +70,9 @@ var QRCode = function (_a) {
70
70
  // },
71
71
  },
72
72
  cornersSquareOptions: {
73
- color: (0, material_1.darken)(theme.palette.secondary.main, 0.1),
74
- type: 'square',
73
+ color: '#de007dff',
74
+ //color: darken(theme.palette.secondary.main, 0.1),
75
+ type: 'extra-rounded',
75
76
  // gradient: {
76
77
  // type: 'linear', // 'radial'
77
78
  // rotation: 180,
@@ -79,8 +80,9 @@ var QRCode = function (_a) {
79
80
  // },
80
81
  },
81
82
  cornersDotOptions: {
82
- color: (0, material_1.darken)(theme.palette.secondary.main, 0.1),
83
- type: 'square',
83
+ color: '#de007dff',
84
+ //color: darken(theme.palette.secondary.main, 0.1),
85
+ type: 'dot',
84
86
  // gradient: {
85
87
  // type: 'linear', // 'radial'
86
88
  // rotation: 180,
@@ -89,7 +91,7 @@ var QRCode = function (_a) {
89
91
  }
90
92
  }), options = _c[0], setOptions = _c[1];
91
93
  // Format de téléchargement par défaut
92
- var _d = (0, react_1.useState)("png"), fileExt = _d[0], setFileExt = _d[1];
94
+ var _d = (0, react_1.useState)("svg"), fileExt = _d[0], setFileExt = _d[1];
93
95
  var qrCode = (0, react_1.useState)(new qr_code_styling_1.default(options))[0];
94
96
  var ref = (0, react_1.useRef)(null);
95
97
  (0, react_1.useEffect)(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@movalib/movalib-commons",
3
- "version": "1.0.74",
3
+ "version": "1.0.75",
4
4
  "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/MovaDialog.tsx CHANGED
@@ -75,7 +75,7 @@ const MovaDialog: FC<MovaDialogProps> = ({fullScreen, open, onClose, closable =
75
75
  sx={{ textAlign:'center'}}
76
76
  >
77
77
  <img src={getLeafImage()} style={{
78
- position: 'fixed',
78
+ position: 'absolute',
79
79
  float:'left',
80
80
  width: '150px',
81
81
  height: '350px',
package/src/QRCode.tsx CHANGED
@@ -43,7 +43,7 @@ const QRCode: FC<QRCodeProps> = ({ data, showDownload=false }) => {
43
43
  height: 600,
44
44
  type: 'canvas' as DrawType,
45
45
  data: data ?? defaultData,
46
- image: QRCodeImage,
46
+ //image: QRCodeImage,
47
47
  margin: 10,
48
48
  qrOptions: {
49
49
  typeNumber: 0 as TypeNumber,
@@ -56,13 +56,14 @@ const QRCode: FC<QRCodeProps> = ({ data, showDownload=false }) => {
56
56
  margin: 15
57
57
  },
58
58
  dotsOptions: {
59
- color: darken(theme.palette.primary.main, 0.3),
59
+ color: 'black',
60
+ //color: darken(theme.palette.primary.main, 0.3),
60
61
  // gradient: {
61
62
  // type: 'linear', // 'radial'
62
63
  // rotation: 0,
63
64
  // colorStops: [{ offset: 0, color: theme.palette.primary.main }, { offset: 1, color: theme.palette.secondary.main }]
64
65
  // },
65
- type: 'square' as DotType // "dots" | "rounded" | "classy" | "classy-rounded" | "square" | "extra-rounded";
66
+ type: 'rounded' as DotType // "dots" | "rounded" | "classy" | "classy-rounded" | "square" | "extra-rounded";
66
67
  },
67
68
  backgroundOptions: {
68
69
  color: 'white',
@@ -73,8 +74,9 @@ const QRCode: FC<QRCodeProps> = ({ data, showDownload=false }) => {
73
74
  // },
74
75
  },
75
76
  cornersSquareOptions: {
76
- color: darken(theme.palette.secondary.main, 0.1),
77
- type: 'square' as CornerSquareType,
77
+ color: '#de007dff',
78
+ //color: darken(theme.palette.secondary.main, 0.1),
79
+ type: 'extra-rounded' as CornerSquareType,
78
80
  // gradient: {
79
81
  // type: 'linear', // 'radial'
80
82
  // rotation: 180,
@@ -82,8 +84,9 @@ const QRCode: FC<QRCodeProps> = ({ data, showDownload=false }) => {
82
84
  // },
83
85
  },
84
86
  cornersDotOptions: {
85
- color: darken(theme.palette.secondary.main, 0.1),
86
- type: 'square' as CornerDotType,
87
+ color: '#de007dff',
88
+ //color: darken(theme.palette.secondary.main, 0.1),
89
+ type: 'dot' as CornerDotType,
87
90
  // gradient: {
88
91
  // type: 'linear', // 'radial'
89
92
  // rotation: 180,
@@ -93,7 +96,7 @@ const QRCode: FC<QRCodeProps> = ({ data, showDownload=false }) => {
93
96
  });
94
97
 
95
98
  // Format de téléchargement par défaut
96
- const [fileExt, setFileExt] = useState<Extension>("png");
99
+ const [fileExt, setFileExt] = useState<Extension>("svg");
97
100
  const [qrCode] = useState<QRCodeStyling>(new QRCodeStyling(options));
98
101
  const ref = useRef<HTMLDivElement>(null);
99
102