@visns-studio/visns-components 4.10.48 → 5.0.0
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 +28 -30
- package/src/components/cms/Field.jsx +39 -63
- package/src/components/crm/Breadcrumb.jsx +2 -18
- package/src/components/crm/DataGrid.jsx +25 -419
- package/src/components/crm/Field.jsx +16 -215
- package/src/components/crm/Form.jsx +86 -87
- package/src/components/crm/MultiSelect.jsx +25 -71
- package/src/components/crm/Navigation.jsx +7 -11
- package/src/components/crm/QrCode.jsx +8 -12
- package/src/components/crm/QuickAction.jsx +1 -0
- package/src/components/crm/generic/GenericAuth.jsx +2 -6
- package/src/components/crm/generic/GenericDashboard.jsx +30 -340
- package/src/components/crm/generic/GenericDetail.jsx +37 -80
- package/src/components/crm/generic/GenericDynamic.jsx +76 -94
- package/src/components/crm/generic/GenericFormBuilder.jsx +19 -79
- package/src/components/crm/generic/GenericIndex.jsx +1 -2
- package/src/components/crm/generic/styles/GenericDetail.module.scss +0 -51
- package/src/components/crm/generic/styles/GenericFormBuilder.module.scss +0 -5
- package/src/components/crm/styles/DataGrid.module.scss +25 -0
- package/src/components/crm/styles/Field.module.scss +0 -210
- package/src/components/crm/styles/Form.module.scss +0 -78
- package/src/components/crm/styles/Navigation.module.scss +4 -10
- package/src/components/crm/styles/QrCode.module.scss +0 -18
- package/src/index.js +0 -8
- package/src/components/crm/generic/styles/GenericDashboard.module.scss +0 -325
- package/src/components/crm/sketch/SketchField.jsx +0 -395
- package/src/components/crm/sketch/arrow.jsx +0 -108
- package/src/components/crm/sketch/circle.jsx +0 -75
- package/src/components/crm/sketch/default-tool.jsx +0 -16
- package/src/components/crm/sketch/fabrictool.jsx +0 -22
- package/src/components/crm/sketch/history.jsx +0 -144
- package/src/components/crm/sketch/json/config.json +0 -14
- package/src/components/crm/sketch/line.jsx +0 -64
- package/src/components/crm/sketch/pan.jsx +0 -48
- package/src/components/crm/sketch/pencil.jsx +0 -36
- package/src/components/crm/sketch/rectangle-label-object.jsx +0 -69
- package/src/components/crm/sketch/rectangle-label.jsx +0 -93
- package/src/components/crm/sketch/rectangle.jsx +0 -76
- package/src/components/crm/sketch/select.jsx +0 -16
- package/src/components/crm/sketch/tools.jsx +0 -11
- package/src/components/crm/sketch/utils.jsx +0 -67
package/package.json
CHANGED
|
@@ -1,83 +1,81 @@
|
|
|
1
1
|
{
|
|
2
2
|
"dependencies": {
|
|
3
3
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
4
|
-
"@fontsource/barlow": "^5.1.
|
|
4
|
+
"@fontsource/barlow": "^5.1.0",
|
|
5
5
|
"@inovua/reactdatagrid-community": "^5.10.2",
|
|
6
6
|
"@inovua/reactdatagrid-enterprise": "^5.10.2",
|
|
7
|
-
"@nivo/bar": "^0.
|
|
8
|
-
"@nivo/core": "^0.
|
|
9
|
-
"@nivo/line": "^0.
|
|
10
|
-
"@nivo/pie": "^0.
|
|
7
|
+
"@nivo/bar": "^0.87.0",
|
|
8
|
+
"@nivo/core": "^0.87.0",
|
|
9
|
+
"@nivo/line": "^0.87.0",
|
|
10
|
+
"@nivo/pie": "^0.87.0",
|
|
11
11
|
"@tinymce/tinymce-react": "^5.1.1",
|
|
12
|
-
"@vitejs/plugin-react": "^4.3.
|
|
12
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
13
13
|
"add": "^2.0.6",
|
|
14
14
|
"akar-icons": "^1.9.31",
|
|
15
15
|
"array-move": "^4.0.0",
|
|
16
16
|
"awesome-debounce-promise": "^2.1.0",
|
|
17
|
-
"axios": "^1.7.
|
|
18
|
-
"browser-image-compression": "^2.0.2",
|
|
17
|
+
"axios": "^1.7.7",
|
|
19
18
|
"dayjs": "^1.11.13",
|
|
20
|
-
"fabric": "^6.5.4",
|
|
21
19
|
"file-saver": "^2.0.5",
|
|
22
|
-
"framer-motion": "^11.
|
|
23
|
-
"html-react-parser": "^5.
|
|
20
|
+
"framer-motion": "^11.11.9",
|
|
21
|
+
"html-react-parser": "^5.1.18",
|
|
24
22
|
"lodash": "^4.17.21",
|
|
25
23
|
"lodash.debounce": "^4.0.8",
|
|
26
24
|
"moment": "^2.30.1",
|
|
27
|
-
"motion": "^
|
|
25
|
+
"motion": "^10.18.0",
|
|
28
26
|
"numeral": "^2.0.6",
|
|
29
27
|
"pluralize": "^8.0.0",
|
|
30
28
|
"quill-image-uploader": "^1.3.0",
|
|
31
29
|
"react-color": "^2.19.3",
|
|
32
30
|
"react-confirm-alert": "^3.0.6",
|
|
33
31
|
"react-copy-to-clipboard": "^5.1.0",
|
|
34
|
-
"react-datepicker": "^7.
|
|
35
|
-
"react-dropzone": "^14.
|
|
32
|
+
"react-datepicker": "^7.5.0",
|
|
33
|
+
"react-dropzone": "^14.2.10",
|
|
36
34
|
"react-grid-gallery": "^1.0.1",
|
|
37
|
-
"react-number-format": "^5.4.
|
|
35
|
+
"react-number-format": "^5.4.2",
|
|
38
36
|
"react-password-strength-bar": "^0.4.1",
|
|
39
37
|
"react-promise-tracker": "^2.1.1",
|
|
40
38
|
"react-quill": "^2.0.0",
|
|
41
39
|
"react-reveal": "^1.2.2",
|
|
42
|
-
"react-router-dom": "^6.
|
|
43
|
-
"react-select": "^5.
|
|
44
|
-
"react-signature-pad-wrapper": "^4.
|
|
40
|
+
"react-router-dom": "^6.27.0",
|
|
41
|
+
"react-select": "^5.8.1",
|
|
42
|
+
"react-signature-pad-wrapper": "^4.0.4",
|
|
45
43
|
"react-slugify": "^4.0.1",
|
|
46
44
|
"react-sortable-hoc": "^2.0.0",
|
|
47
|
-
"react-to-print": "^
|
|
45
|
+
"react-to-print": "^2.15.1",
|
|
48
46
|
"react-toastify": "^10.0.6",
|
|
49
47
|
"react-toggle": "^4.1.3",
|
|
50
48
|
"react-tooltip": "^5.28.0",
|
|
51
|
-
"react-window": "^1.8.
|
|
49
|
+
"react-window": "^1.8.10",
|
|
52
50
|
"reactjs-popup": "^2.0.6",
|
|
53
51
|
"style-loader": "^4.0.0",
|
|
54
52
|
"truncate": "^3.0.0",
|
|
55
|
-
"uuid": "^
|
|
53
|
+
"uuid": "^10.0.0",
|
|
56
54
|
"validator": "^13.12.0",
|
|
57
|
-
"vite": "^5.4.
|
|
55
|
+
"vite": "^5.4.10",
|
|
58
56
|
"yarn": "^1.22.22"
|
|
59
57
|
},
|
|
60
58
|
"devDependencies": {
|
|
61
|
-
"@babel/core": "^7.
|
|
59
|
+
"@babel/core": "^7.25.9",
|
|
62
60
|
"@babel/plugin-transform-runtime": "^7.25.9",
|
|
63
|
-
"@babel/preset-env": "^7.
|
|
64
|
-
"@babel/preset-react": "^7.
|
|
61
|
+
"@babel/preset-env": "^7.25.9",
|
|
62
|
+
"@babel/preset-react": "^7.25.9",
|
|
65
63
|
"babel-loader": "^9.2.1",
|
|
66
64
|
"copy-webpack-plugin": "^12.0.2",
|
|
67
65
|
"css-loader": "^7.1.2",
|
|
68
66
|
"css-minimizer-webpack-plugin": "^7.0.0",
|
|
69
|
-
"mini-css-extract-plugin": "^2.9.
|
|
67
|
+
"mini-css-extract-plugin": "^2.9.1",
|
|
70
68
|
"react": "^18.3.1",
|
|
71
69
|
"react-dom": "^18.3.1",
|
|
72
|
-
"sass": "^1.
|
|
73
|
-
"sass-loader": "^16.0.
|
|
70
|
+
"sass": "^1.80.3",
|
|
71
|
+
"sass-loader": "^16.0.2"
|
|
74
72
|
},
|
|
75
73
|
"peerDependencies": {
|
|
76
74
|
"react": "^17.0.0 || ^18.0.0",
|
|
77
75
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
78
76
|
},
|
|
79
77
|
"name": "@visns-studio/visns-components",
|
|
80
|
-
"version": "
|
|
78
|
+
"version": "5.0.0",
|
|
81
79
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
82
80
|
"main": "src/index.js",
|
|
83
81
|
"files": [
|
|
@@ -98,5 +96,5 @@
|
|
|
98
96
|
"url": "https://github.com/visnsstudio/visns-components/issues"
|
|
99
97
|
},
|
|
100
98
|
"homepage": "https://github.com/visnsstudio/visns-components#readme",
|
|
101
|
-
"packageManager": "yarn@4.
|
|
99
|
+
"packageManager": "yarn@4.4.0"
|
|
102
100
|
}
|
|
@@ -667,71 +667,47 @@ const Field = ({
|
|
|
667
667
|
break;
|
|
668
668
|
case 'richeditor':
|
|
669
669
|
htmlContainer = (
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
'
|
|
686
|
-
'
|
|
687
|
-
'
|
|
670
|
+
<Editor
|
|
671
|
+
tinymceScriptSrc="https://d16lktya8ojp5z.cloudfront.net/generic/packages/tinymce_v701/tinymce.min.js"
|
|
672
|
+
licenseKey="gpl"
|
|
673
|
+
onEditorChange={(value, e) => {
|
|
674
|
+
onChangeRicheditor(e, value, settings.id);
|
|
675
|
+
}}
|
|
676
|
+
onInit={(evt, editor) =>
|
|
677
|
+
(editorRef.current = editor)
|
|
678
|
+
}
|
|
679
|
+
value={inputValue || ''}
|
|
680
|
+
init={{
|
|
681
|
+
branding: false,
|
|
682
|
+
height: 500,
|
|
683
|
+
menubar: false,
|
|
684
|
+
plugins: [
|
|
685
|
+
'advlist',
|
|
686
|
+
'autolink',
|
|
687
|
+
'lists',
|
|
688
688
|
'link',
|
|
689
689
|
'image',
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
// 'lists',
|
|
712
|
-
// 'link',
|
|
713
|
-
// 'image',
|
|
714
|
-
// 'charmap',
|
|
715
|
-
// 'preview',
|
|
716
|
-
// 'anchor',
|
|
717
|
-
// 'searchreplace',
|
|
718
|
-
// 'visualblocks',
|
|
719
|
-
// 'code',
|
|
720
|
-
// 'fullscreen',
|
|
721
|
-
// 'insertdatetime',
|
|
722
|
-
// 'media',
|
|
723
|
-
// 'table',
|
|
724
|
-
// 'code',
|
|
725
|
-
// ],
|
|
726
|
-
// toolbar:
|
|
727
|
-
// 'undo redo | blocks | ' +
|
|
728
|
-
// 'bold italic forecolor | alignleft aligncenter ' +
|
|
729
|
-
// 'alignright alignjustify | bullist numlist outdent indent | ' +
|
|
730
|
-
// 'removeformat | table',
|
|
731
|
-
// content_style:
|
|
732
|
-
// 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
|
|
733
|
-
// }}
|
|
734
|
-
// />
|
|
690
|
+
'charmap',
|
|
691
|
+
'preview',
|
|
692
|
+
'anchor',
|
|
693
|
+
'searchreplace',
|
|
694
|
+
'visualblocks',
|
|
695
|
+
'code',
|
|
696
|
+
'fullscreen',
|
|
697
|
+
'insertdatetime',
|
|
698
|
+
'media',
|
|
699
|
+
'table',
|
|
700
|
+
'code',
|
|
701
|
+
],
|
|
702
|
+
toolbar:
|
|
703
|
+
'undo redo | blocks | ' +
|
|
704
|
+
'bold italic forecolor | alignleft aligncenter ' +
|
|
705
|
+
'alignright alignjustify | bullist numlist outdent indent | ' +
|
|
706
|
+
'removeformat | table',
|
|
707
|
+
content_style:
|
|
708
|
+
'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
|
|
709
|
+
}}
|
|
710
|
+
/>
|
|
735
711
|
);
|
|
736
712
|
break;
|
|
737
713
|
case 'image':
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Link } from 'react-router-dom';
|
|
3
3
|
import { CircleChevronRight } from 'akar-icons';
|
|
4
|
-
import moment from 'moment';
|
|
5
4
|
|
|
6
5
|
function Breadcrumb({ data, page }) {
|
|
7
6
|
// Function to get nested data, handling array of keys
|
|
@@ -20,15 +19,6 @@ function Breadcrumb({ data, page }) {
|
|
|
20
19
|
? getNestedData(data, page.parentTitleKey)
|
|
21
20
|
: null;
|
|
22
21
|
|
|
23
|
-
// Function to handle titleKey when it's a nested path like 'event_detail.name'
|
|
24
|
-
const getTitleData = (data, titleKey) => {
|
|
25
|
-
if (typeof titleKey === 'string' && titleKey.includes('.')) {
|
|
26
|
-
const keys = titleKey.split('.'); // Split the nested path by "."
|
|
27
|
-
return getNestedData(data, keys); // Use getNestedData to fetch the nested value
|
|
28
|
-
}
|
|
29
|
-
return data[titleKey]; // If not nested, return the direct data
|
|
30
|
-
};
|
|
31
|
-
|
|
32
22
|
return (
|
|
33
23
|
<h1>
|
|
34
24
|
{page?.parentTitle && page?.parentUrl && (
|
|
@@ -66,19 +56,13 @@ function Breadcrumb({ data, page }) {
|
|
|
66
56
|
// If titleKey is an array, iterate and display each nested value
|
|
67
57
|
page.titleKey.map((key, index) => (
|
|
68
58
|
<span key={index}>
|
|
69
|
-
{
|
|
59
|
+
{data[key]}
|
|
70
60
|
{index < page.titleKey.length - 1 && ' '}
|
|
71
61
|
</span>
|
|
72
62
|
))
|
|
73
63
|
) : (
|
|
74
64
|
// If titleKey is a single string, display the corresponding data
|
|
75
|
-
<>
|
|
76
|
-
{page.titleType === 'date'
|
|
77
|
-
? moment(
|
|
78
|
-
getTitleData(data, page.titleKey)
|
|
79
|
-
).format('DD-MM-YYYY')
|
|
80
|
-
: getTitleData(data, page.titleKey)}
|
|
81
|
-
</>
|
|
65
|
+
<>{data[page.titleKey]}</>
|
|
82
66
|
)}
|
|
83
67
|
</>
|
|
84
68
|
)}
|