@visns-studio/visns-components 5.6.12 → 5.6.14

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
@@ -60,7 +60,7 @@
60
60
  "truncate": "^3.0.0",
61
61
  "uuid": "^11.1.0",
62
62
  "validator": "^13.15.0",
63
- "vite": "^5.4.18",
63
+ "vite": "^5.4.19",
64
64
  "yarn": "^1.22.22",
65
65
  "yet-another-react-lightbox": "^3.23.0"
66
66
  },
@@ -84,7 +84,7 @@
84
84
  "react-dom": "^17.0.0 || ^18.0.0"
85
85
  },
86
86
  "name": "@visns-studio/visns-components",
87
- "version": "5.6.12",
87
+ "version": "5.6.14",
88
88
  "description": "Various packages to assist in the development of our Custom Applications.",
89
89
  "main": "src/index.js",
90
90
  "files": [
@@ -491,18 +491,45 @@ const DataGrid = forwardRef(
491
491
  }
492
492
  };
493
493
 
494
- const handleTimer = async (id, key) => {
494
+ const handleTimer = async (id, key, data) => {
495
495
  try {
496
- const res = await CustomFetch(`${form.url}/${id}`, 'PUT', {
497
- [key]: moment().toDate(),
498
- });
496
+ // Special handling for galvanizing timers to generate dip numbers
497
+ if (
498
+ key === 'galvanizing_start_1' ||
499
+ key === 'galvanizing_start_2'
500
+ ) {
501
+ // For galvanizing_start_1 and galvanizing_start_2, we need to generate dip numbers
502
+ const payload = {
503
+ [key]: moment().toDate(),
504
+ timer_type: key, // Pass the timer type to the backend
505
+ };
499
506
 
500
- if (res.data.error === '') {
501
- toast.success('Timer has been updated.');
507
+ const res = await CustomFetch(
508
+ `${form.url}/${id}/timer`,
509
+ 'PUT',
510
+ payload
511
+ );
502
512
 
503
- handleReload();
513
+ if (res.data.error === '') {
514
+ toast.success(
515
+ 'Timer has been updated and dip number generated.'
516
+ );
517
+ handleReload();
518
+ } else {
519
+ toast.error(res.data.error);
520
+ }
504
521
  } else {
505
- toast.error(res.data.error);
522
+ // Normal timer handling for other stages
523
+ const res = await CustomFetch(`${form.url}/${id}`, 'PUT', {
524
+ [key]: moment().toDate(),
525
+ });
526
+
527
+ if (res.data.error === '') {
528
+ toast.success('Timer has been updated.');
529
+ handleReload();
530
+ } else {
531
+ toast.error(res.data.error);
532
+ }
506
533
  }
507
534
  } catch (error) {
508
535
  console.info(error);
@@ -2807,7 +2834,8 @@ const DataGrid = forwardRef(
2807
2834
  form
2808
2835
  .primaryKey
2809
2836
  ],
2810
- column.id
2837
+ column.id,
2838
+ data
2811
2839
  );
2812
2840
  } else {
2813
2841
  // Format field names to be more readable
@@ -2852,7 +2880,8 @@ const DataGrid = forwardRef(
2852
2880
  form
2853
2881
  .primaryKey
2854
2882
  ],
2855
- column.id
2883
+ column.id,
2884
+ data
2856
2885
  );
2857
2886
  }
2858
2887
  }}
@@ -1085,7 +1085,7 @@ function Field({
1085
1085
  ? settings.options
1086
1086
  : options
1087
1087
  }
1088
- isSearchable={settings.isSearchable || false}
1088
+ isSearchable={settings.isSearchable || true}
1089
1089
  isCreatable={settings.isCreatable || false}
1090
1090
  dataOptions={dataOptions}
1091
1091
  style={style}
@@ -32,16 +32,16 @@
32
32
  padding: 8px 16px;
33
33
  font-weight: 600;
34
34
  font-size: 0.9rem;
35
- background-color: #000;
36
- color: #fff;
35
+ background-color: var(--primary-color, #000);
36
+ color: var(--tertiary-color, #fff);
37
37
  transition: all 0.2s ease;
38
38
  position: relative;
39
39
  text-decoration: none;
40
40
  }
41
41
 
42
42
  .parentLink:hover {
43
- background-color: #222 !important;
44
- color: #fff !important;
43
+ background-color: var(--secondary-color, #222) !important;
44
+ color: var(--tertiary-color, #fff) !important;
45
45
  text-decoration: none;
46
46
  }
47
47
 
@@ -50,7 +50,7 @@
50
50
  font-size: 7px;
51
51
  transition: transform 0.3s ease;
52
52
  margin-left: 8px;
53
- color: rgba(255, 255, 255, 0.8);
53
+ color: rgba(var(--tertiary-color-rgb, 255, 255, 255), 0.8);
54
54
  }
55
55
 
56
56
  .arrowDown {
@@ -63,7 +63,7 @@
63
63
  overflow: hidden;
64
64
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
65
65
  opacity: 0;
66
- background-color: #f5f5f5;
66
+ background-color: var(--bg-color, #f5f5f5);
67
67
  }
68
68
 
69
69
  .visibleMenu {
@@ -74,7 +74,7 @@
74
74
  .childItem {
75
75
  margin: 0;
76
76
  position: relative;
77
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
77
+ border-bottom: 1px solid rgba(var(--paragraph-color-rgb, 0, 0, 0), 0.03);
78
78
  }
79
79
 
80
80
  .childItem:last-child {
@@ -83,8 +83,8 @@
83
83
 
84
84
  .childLink {
85
85
  padding: 6px 16px 6px 26px;
86
- background-color: #f5f5f5;
87
- color: #333;
86
+ background-color: var(--bg-color, #f5f5f5);
87
+ color: var(--paragraph-color, #333);
88
88
  font-weight: normal;
89
89
  font-size: 0.85rem;
90
90
  display: block;
@@ -92,8 +92,8 @@
92
92
  }
93
93
 
94
94
  .childLink:hover {
95
- background-color: #e8e8e8 !important;
96
- color: #000 !important;
95
+ background-color: var(--hover-color, #e8e8e8) !important;
96
+ color: var(--primary-color, #000) !important;
97
97
  text-decoration: none;
98
98
  }
99
99
 
@@ -101,20 +101,20 @@
101
101
  display: inline-block;
102
102
  margin-right: 8px;
103
103
  font-size: 8px;
104
- color: #999;
104
+ color: rgba(var(--paragraph-color-rgb, 153, 153, 153), 0.6);
105
105
  }
106
106
 
107
107
  /* Active states */
108
108
  .subactive {
109
109
  font-weight: 600;
110
- background: #000 !important;
111
- color: #fff !important;
110
+ background: var(--primary-color, #000) !important;
111
+ color: var(--tertiary-color, #fff) !important;
112
112
  }
113
113
 
114
114
  .subactivechildren {
115
115
  font-weight: 500;
116
- background-color: #f0f0f0 !important;
117
- color: #000 !important;
116
+ background-color: var(--hover-color, #f0f0f0) !important;
117
+ color: var(--primary-color, #000) !important;
118
118
  }
119
119
 
120
120
  /* Base link styling */
@@ -122,23 +122,23 @@
122
122
  display: block;
123
123
  padding: 6px 16px;
124
124
  text-decoration: none;
125
- background: #f5f5f5;
126
- color: #333;
125
+ background: var(--bg-color, #f5f5f5);
126
+ color: var(--paragraph-color, #333);
127
127
  font-size: 0.85rem;
128
128
  transition: all 0.2s ease;
129
129
  cursor: pointer;
130
130
  }
131
131
 
132
132
  .link:hover {
133
- background: #e8e8e8 !important;
134
- color: #000 !important;
133
+ background: var(--hover-color, #e8e8e8) !important;
134
+ color: var(--primary-color, #000) !important;
135
135
  text-decoration: none;
136
136
  }
137
137
 
138
138
  .activetab button {
139
139
  font-weight: bold;
140
- background: #e0e0e0 !important;
141
- color: #333 !important;
140
+ background: var(--hover-color, #e0e0e0) !important;
141
+ color: var(--paragraph-color, #333) !important;
142
142
  }
143
143
 
144
144
  /* Mobile menu toggle button */
@@ -147,18 +147,18 @@
147
147
  align-items: center;
148
148
  justify-content: space-between;
149
149
  padding: 12px 15px;
150
- background: #000;
151
- color: white;
150
+ background: var(--primary-color, #000);
151
+ color: var(--tertiary-color, white);
152
152
  border-radius: 8px;
153
153
  cursor: pointer;
154
154
  margin-bottom: 10px;
155
155
  border: none;
156
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
156
+ box-shadow: 0 1px 3px rgba(var(--paragraph-color-rgb, 0, 0, 0), 0.2);
157
157
  }
158
158
 
159
159
  .activeFilterLabel {
160
160
  font-weight: 600;
161
- color: white;
161
+ color: var(--tertiary-color, white);
162
162
  }
163
163
 
164
164
  .mobileMenuIcon {
@@ -175,7 +175,7 @@
175
175
  display: block;
176
176
  height: 2px;
177
177
  width: 100%;
178
- background-color: white;
178
+ background-color: var(--tertiary-color, white);
179
179
  border-radius: 2px;
180
180
  transition: all 0.3s ease;
181
181
  }
@@ -209,10 +209,10 @@
209
209
  display: block;
210
210
  max-height: 1000px;
211
211
  overflow-y: auto;
212
- border: 1px solid rgba(0, 0, 0, 0.1);
212
+ border: 1px solid rgba(var(--paragraph-color-rgb, 0, 0, 0), 0.1);
213
213
  border-radius: 8px;
214
214
  margin-bottom: 10px;
215
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
215
+ box-shadow: 0 2px 5px rgba(var(--paragraph-color-rgb, 0, 0, 0), 0.1);
216
216
  }
217
217
 
218
218
  .parentLink {