@visns-studio/visns-components 5.4.18 → 5.4.20

package/package.json

@@ -8,7 +8,7 @@
         "@nivo/core": "^0.88.0",
         "@nivo/line": "^0.88.0",
         "@nivo/pie": "^0.88.0",
-        "@tinymce/tinymce-react": "^5.1.1",
+        "@tinymce/tinymce-react": "^6.1.0",
         "@vitejs/plugin-react": "^4.3.4",
         "add": "^2.0.6",
         "akar-icons": "^1.9.31",
@@ -36,7 +36,7 @@
         "react-datepicker": "^7.6.0",
         "react-dropzone": "^14.3.8",
         "react-grid-gallery": "^1.0.1",
-        "react-number-format": "^5.4.3",
+        "react-number-format": "^5.4.4",
         "react-password-strength-bar": "^0.4.1",
         "react-promise-tracker": "^2.1.1",
         "react-quill": "^2.0.0",
@@ -54,7 +54,7 @@
         "reactjs-popup": "^2.0.6",
         "style-loader": "^4.0.0",
         "swapy": "^1.0.5",
-        "sweetalert2": "^11.17.2",
+        "sweetalert2": "^11.18.0",
         "truncate": "^3.0.0",
         "uuid": "^10.0.0",
         "validator": "^13.15.0",
@@ -81,7 +81,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.4.18",
+    "version": "5.4.20",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/Field.jsx

@@ -1358,6 +1358,10 @@ function Field({
                                     type={'checkbox'}
                                     checked={cell[cellKey] || false}
                                     data-id={settings.id}
+                                    style={{
+                                        transform: 'scale(1)', // Use normal scale
+                                        margin: '3px', // Reduced margin
+                                    }}
                                     onChange={(e) => {
                                         e.stopPropagation(); // Stop event bubbling
                                         onChangeTableRadio(e, rowKey, cellKey);
@@ -1456,8 +1460,8 @@ function Field({
                                     checked={cell[cellKey] || false}
                                     data-id={settings.id}
                                     style={{
-                                        transform: 'scale(1.5)', // Scale the checkbox to make it bigger
-                                        margin: '5px', // Optional: Add some margin around the checkbox
+                                        transform: 'scale(1)', // Use normal scale
+                                        margin: '3px', // Reduced margin
                                     }}
                                     onChange={(e) => {
                                         e.stopPropagation(); // Stop event bubbling

package/src/components/crm/auth/styles/TwoFactorAuth.module.scss

@@ -1,5 +1,5 @@
-// Import the Login styles to maintain consistency
-@import './Login.module.scss';
+// Use the Login styles to maintain consistency
+@use './Login.module.scss' as login;
 
 // Additional styles specific to the 2FA component
 .instructions {
@@ -11,6 +11,14 @@
 }
 
 .login {
+    // Instead of extending, copy the necessary properties
+    width: 35rem;
+    padding: 1rem;
+    margin: 0;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.5rem;
+
     h2 {
         text-align: center;
         margin: 0;
@@ -21,6 +29,12 @@
 
 // Style for the verification code input
 .formItem {
+    // Instead of extending, copy the necessary properties
+    width: 50%;
+    position: relative;
+    box-sizing: border-box;
+    margin-bottom: 0.5rem;
+
     input[name='verificationCode'] {
         letter-spacing: 0.25rem;
         font-size: 1.2rem;