@visns-studio/visns-components 5.13.21 → 5.13.23
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.
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@nivo/pie": "^0.99.0",
|
|
14
14
|
"@tinymce/miniature": "^6.0.0",
|
|
15
15
|
"@tinymce/tinymce-react": "^6.2.1",
|
|
16
|
-
"@uiw/react-color": "^2.
|
|
16
|
+
"@uiw/react-color": "^2.7.1",
|
|
17
17
|
"@visns-studio/visns-datagrid-community": "1.1.0",
|
|
18
18
|
"@visns-studio/visns-datagrid-enterprise": "1.1.0",
|
|
19
19
|
"@vitejs/plugin-react": "^4.6.0",
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"dayjs": "^1.11.13",
|
|
25
25
|
"fabric": "^6.7.0",
|
|
26
26
|
"file-saver": "^2.0.5",
|
|
27
|
-
"framer-motion": "^12.23.
|
|
27
|
+
"framer-motion": "^12.23.5",
|
|
28
28
|
"html-react-parser": "^5.2.5",
|
|
29
29
|
"lodash": "^4.17.21",
|
|
30
30
|
"lodash.debounce": "^4.0.8",
|
|
31
31
|
"lucide-react": "^0.525.0",
|
|
32
32
|
"moment": "^2.30.1",
|
|
33
|
-
"motion": "^12.23.
|
|
33
|
+
"motion": "^12.23.5",
|
|
34
34
|
"numeral": "^2.0.6",
|
|
35
35
|
"pluralize": "^8.0.0",
|
|
36
36
|
"qrcode.react": "^4.2.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"react-quill": "^2.0.0",
|
|
48
48
|
"react-reveal": "^1.2.2",
|
|
49
49
|
"react-router-dom": "^6.30.1",
|
|
50
|
-
"react-select": "^5.10.
|
|
50
|
+
"react-select": "^5.10.2",
|
|
51
51
|
"react-signature-pad-wrapper": "^4.1.1",
|
|
52
52
|
"react-slugify": "^4.0.1",
|
|
53
53
|
"react-sortable-hoc": "^2.0.0",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
89
89
|
},
|
|
90
90
|
"name": "@visns-studio/visns-components",
|
|
91
|
-
"version": "5.13.
|
|
91
|
+
"version": "5.13.23",
|
|
92
92
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
93
93
|
"main": "src/index.js",
|
|
94
94
|
"files": [
|
|
@@ -961,13 +961,12 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
961
961
|
: 'N/A';
|
|
962
962
|
|
|
963
963
|
displayContent = (
|
|
964
|
-
<div
|
|
964
|
+
<div>
|
|
965
965
|
<div
|
|
966
966
|
style={{
|
|
967
967
|
fontWeight: '600',
|
|
968
968
|
color: 'var(--primary-color)',
|
|
969
969
|
marginBottom: '0.1rem',
|
|
970
|
-
fontSize: '0.75rem',
|
|
971
970
|
}}
|
|
972
971
|
>
|
|
973
972
|
{question.length > 50
|
|
@@ -977,7 +976,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
977
976
|
<div
|
|
978
977
|
style={{
|
|
979
978
|
color: 'var(--paragraph-color)',
|
|
980
|
-
fontSize: '0.75rem',
|
|
981
979
|
}}
|
|
982
980
|
>
|
|
983
981
|
{answer}
|
|
@@ -988,7 +986,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
988
986
|
displayContent = (
|
|
989
987
|
<div
|
|
990
988
|
style={{
|
|
991
|
-
fontSize: '0.75rem',
|
|
992
989
|
color: 'var(--paragraph-color)',
|
|
993
990
|
}}
|
|
994
991
|
>
|
|
@@ -1007,7 +1004,7 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1007
1004
|
const entries = Object.entries(jsonData);
|
|
1008
1005
|
if (entries.length <= 2) {
|
|
1009
1006
|
displayContent = (
|
|
1010
|
-
<div
|
|
1007
|
+
<div>
|
|
1011
1008
|
{entries.map(([key, val]) => (
|
|
1012
1009
|
<div
|
|
1013
1010
|
key={key}
|
|
@@ -1020,7 +1017,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1020
1017
|
<strong
|
|
1021
1018
|
style={{
|
|
1022
1019
|
color: 'var(--primary-color)',
|
|
1023
|
-
fontSize: '0.7rem',
|
|
1024
1020
|
}}
|
|
1025
1021
|
>
|
|
1026
1022
|
{key
|
|
@@ -1033,7 +1029,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1033
1029
|
<span
|
|
1034
1030
|
style={{
|
|
1035
1031
|
color: 'var(--paragraph-color)',
|
|
1036
|
-
fontSize: '0.7rem',
|
|
1037
1032
|
}}
|
|
1038
1033
|
>
|
|
1039
1034
|
{val !== null &&
|
|
@@ -1056,7 +1051,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1056
1051
|
displayContent = (
|
|
1057
1052
|
<div
|
|
1058
1053
|
style={{
|
|
1059
|
-
fontSize: '0.75rem',
|
|
1060
1054
|
color: 'var(--paragraph-color)',
|
|
1061
1055
|
}}
|
|
1062
1056
|
>
|
|
@@ -1072,7 +1066,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1072
1066
|
displayContent = (
|
|
1073
1067
|
<div
|
|
1074
1068
|
style={{
|
|
1075
|
-
fontSize: '0.75rem',
|
|
1076
1069
|
color: 'var(--paragraph-color)',
|
|
1077
1070
|
fontStyle: 'italic',
|
|
1078
1071
|
}}
|
|
@@ -1092,8 +1085,6 @@ export const renderJsonColumn = ({ column, commonProps }) => {
|
|
|
1092
1085
|
displayContent = (
|
|
1093
1086
|
<span
|
|
1094
1087
|
style={{
|
|
1095
|
-
fontSize: '0.75rem',
|
|
1096
|
-
fontFamily: 'monospace',
|
|
1097
1088
|
color: 'var(--paragraph-color)',
|
|
1098
1089
|
}}
|
|
1099
1090
|
>
|
|
@@ -57,8 +57,8 @@ input[type='radio'],
|
|
|
57
57
|
transition: border-color 0.2s ease-in-out !important;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
/* Global checkbox styling */
|
|
61
|
-
input[type='checkbox'] {
|
|
60
|
+
/* Global checkbox styling - exclude react-toggle elements */
|
|
61
|
+
input[type='checkbox']:not([class*='react-toggle']) {
|
|
62
62
|
-webkit-appearance: none !important;
|
|
63
63
|
-moz-appearance: none !important;
|
|
64
64
|
appearance: none !important;
|
|
@@ -79,7 +79,7 @@ input[type='checkbox'] {
|
|
|
79
79
|
|
|
80
80
|
input[type='radio']:hover,
|
|
81
81
|
.radio-input:hover,
|
|
82
|
-
input[type='checkbox']:hover {
|
|
82
|
+
input[type='checkbox']:not([class*='react-toggle']):hover {
|
|
83
83
|
border-color: var(--primary-color, #0066cc) !important;
|
|
84
84
|
}
|
|
85
85
|
|
|
@@ -89,7 +89,7 @@ input[type='radio']:checked,
|
|
|
89
89
|
background-color: white !important;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
input[type='checkbox']:checked {
|
|
92
|
+
input[type='checkbox']:not([class*='react-toggle']):checked {
|
|
93
93
|
border-color: var(--primary-color, #0066cc) !important;
|
|
94
94
|
background-color: white !important;
|
|
95
95
|
}
|
|
@@ -109,7 +109,7 @@ input[type='radio']:checked::after,
|
|
|
109
109
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) !important;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
input[type='checkbox']:checked::after {
|
|
112
|
+
input[type='checkbox']:not([class*='react-toggle']):checked::after {
|
|
113
113
|
content: '✓' !important;
|
|
114
114
|
position: absolute !important;
|
|
115
115
|
top: 50% !important;
|
|
@@ -641,10 +641,8 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.relation-color-text {
|
|
644
|
-
font-size: 0.875rem;
|
|
645
644
|
font-weight: 500;
|
|
646
645
|
color: #495057;
|
|
647
|
-
font-family: 'Courier New', monospace;
|
|
648
646
|
user-select: all;
|
|
649
647
|
}
|
|
650
648
|
|
|
@@ -720,10 +718,8 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
720
718
|
}
|
|
721
719
|
|
|
722
720
|
.cpicker-value {
|
|
723
|
-
font-size: 0.8rem;
|
|
724
721
|
font-weight: 500;
|
|
725
722
|
color: #495057;
|
|
726
|
-
font-family: 'Courier New', monospace;
|
|
727
723
|
background: rgba(255, 255, 255, 0.9);
|
|
728
724
|
padding: 3px 6px;
|
|
729
725
|
border-radius: 3px;
|
|
@@ -794,7 +790,7 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
794
790
|
transition: border-color 0.2s ease-in-out !important;
|
|
795
791
|
}
|
|
796
792
|
|
|
797
|
-
input[type='checkbox'] {
|
|
793
|
+
input[type='checkbox']:not([class*='react-toggle']) {
|
|
798
794
|
-webkit-appearance: none !important;
|
|
799
795
|
appearance: none !important;
|
|
800
796
|
width: 14px !important;
|
|
@@ -814,7 +810,7 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
814
810
|
|
|
815
811
|
input[type='radio']:hover,
|
|
816
812
|
.radio-input:hover,
|
|
817
|
-
input[type='checkbox']:hover {
|
|
813
|
+
input[type='checkbox']:not([class*='react-toggle']):hover {
|
|
818
814
|
border-color: var(--primary-color, #0066cc) !important;
|
|
819
815
|
}
|
|
820
816
|
|
|
@@ -824,7 +820,7 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
824
820
|
background-color: white !important;
|
|
825
821
|
}
|
|
826
822
|
|
|
827
|
-
input[type='checkbox']:checked {
|
|
823
|
+
input[type='checkbox']:not([class*='react-toggle']):checked {
|
|
828
824
|
border-color: var(--primary-color, #0066cc) !important;
|
|
829
825
|
background-color: white !important;
|
|
830
826
|
}
|
|
@@ -844,7 +840,7 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
844
840
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) !important;
|
|
845
841
|
}
|
|
846
842
|
|
|
847
|
-
input[type='checkbox']:checked::after {
|
|
843
|
+
input[type='checkbox']:not([class*='react-toggle']):checked::after {
|
|
848
844
|
content: '✓' !important;
|
|
849
845
|
position: absolute !important;
|
|
850
846
|
top: 50% !important;
|