esvn-react-barcode-print 1.0.3 → 1.0.4

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/dist/index.js CHANGED
@@ -184,7 +184,10 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
184
184
  labelList = [sampleItem];
185
185
  } else {
186
186
  items.forEach((item) => {
187
- const qty = Math.max(1, Number(item.printQuantity || item.quantity || 1));
187
+ var _a2, _b;
188
+ const rawQty = (_b = (_a2 = item.printQuantity) != null ? _a2 : item.quantity) != null ? _b : 1;
189
+ const parsedQty = typeof rawQty === "number" ? rawQty : parseInt(String(rawQty), 10);
190
+ const qty = Math.max(1, isNaN(parsedQty) ? 1 : parsedQty);
188
191
  for (let i = 0; i < qty; i++) {
189
192
  labelList.push({ ...item, companyName: orgName });
190
193
  }
@@ -196,6 +199,7 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
196
199
  if (labelList.length === 0) {
197
200
  return { html: "", totalStamps: 0, paperLabel, uniqueProducts: items.length };
198
201
  }
202
+ const enabledFieldsCount = (settings.fields || []).filter((f) => f.enabled).length || 4;
199
203
  let cols = 3;
200
204
  let pageSizeCss = "105mm auto";
201
205
  let pageMargin = "0";
@@ -203,9 +207,9 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
203
207
  let labelHeight = "22mm";
204
208
  let labelGap = "1.5mm";
205
209
  let bodyPadding = "1mm";
206
- let stampPadding = "2px 4px";
207
- let dynamicFontSize = "8px";
208
- let barcodeHeight = 16;
210
+ let stampPadding = enabledFieldsCount >= 5 ? "1px 2px" : "1.5px 3px";
211
+ let dynamicFontSize = enabledFieldsCount >= 5 ? "6.8px" : enabledFieldsCount >= 4 ? "7.2px" : "7.8px";
212
+ let barcodeHeight = enabledFieldsCount >= 5 ? 12 : enabledFieldsCount >= 4 ? 14 : 16;
209
213
  let sheetWidth = "105mm";
210
214
  let sheetMinHeight = "60mm";
211
215
  let sheetPadding = "2mm 1mm";
@@ -235,9 +239,9 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
235
239
  labelHeight = "22mm";
236
240
  labelGap = "2mm";
237
241
  bodyPadding = "1mm";
238
- stampPadding = "2px 4px";
239
- dynamicFontSize = "8px";
240
- barcodeHeight = 18;
242
+ stampPadding = enabledFieldsCount >= 5 ? "1px 2px" : "1.5px 3px";
243
+ dynamicFontSize = enabledFieldsCount >= 5 ? "7px" : enabledFieldsCount >= 4 ? "7.5px" : "8px";
244
+ barcodeHeight = enabledFieldsCount >= 5 ? 13 : enabledFieldsCount >= 4 ? 15 : 18;
241
245
  sheetWidth = "80mm";
242
246
  sheetMinHeight = "60mm";
243
247
  sheetPadding = "2mm 1mm";
@@ -251,9 +255,9 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
251
255
  labelHeight = "22mm";
252
256
  labelGap = "1.5mm";
253
257
  bodyPadding = "1mm";
254
- stampPadding = "1px 3px";
255
- dynamicFontSize = "7.5px";
256
- barcodeHeight = 16;
258
+ stampPadding = enabledFieldsCount >= 5 ? "1px 2px" : "1px 3px";
259
+ dynamicFontSize = enabledFieldsCount >= 5 ? "6.8px" : enabledFieldsCount >= 4 ? "7.2px" : "7.6px";
260
+ barcodeHeight = enabledFieldsCount >= 5 ? 12 : enabledFieldsCount >= 4 ? 14 : 16;
257
261
  sheetWidth = "105mm";
258
262
  sheetMinHeight = "60mm";
259
263
  sheetPadding = "2mm 1mm";
@@ -404,6 +408,7 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
404
408
  width: 100%;
405
409
  min-height: ${isTest ? "48mm" : labelHeight === "auto" ? "22mm" : labelHeight};
406
410
  height: ${labelHeight === "auto" ? "auto" : labelHeight};
411
+ max-height: ${isTest ? "none" : labelHeight === "auto" ? "none" : labelHeight};
407
412
  padding: ${stampPadding};
408
413
  display: flex;
409
414
  flex-direction: column;
@@ -433,17 +438,21 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
433
438
  }
434
439
  .lbl-dynamic, .lbl-company, .lbl-code, .lbl-name, .lbl-price {
435
440
  font-size: ${dynamicFontSize};
436
- line-height: 1.2;
441
+ line-height: 1.15;
437
442
  word-break: break-word;
438
- white-space: normal;
439
- margin-bottom: 2px;
443
+ overflow: hidden;
444
+ text-overflow: ellipsis;
445
+ display: -webkit-box;
446
+ -webkit-box-orient: vertical;
447
+ -webkit-line-clamp: ${enabledFieldsCount >= 5 ? 1 : 2};
448
+ margin-bottom: ${enabledFieldsCount >= 5 ? "1px" : "1.5px"};
440
449
  }
441
450
  .code-wrapper {
442
451
  display: flex;
443
452
  flex-direction: column;
444
453
  justify-content: center;
445
454
  align-items: center;
446
- margin: 2px 0;
455
+ margin: ${enabledFieldsCount >= 5 ? "1px 0" : "1.5px 0"};
447
456
  width: 100%;
448
457
  }
449
458
  .barcode-svg-box {
@@ -507,6 +516,8 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
507
516
  .stamp-item {
508
517
  width: 100%;
509
518
  min-height: ${isTest ? "48mm" : labelHeight === "auto" ? "22mm" : labelHeight};
519
+ height: ${isTest ? "auto" : labelHeight === "auto" ? "auto" : labelHeight};
520
+ max-height: ${isTest ? "none" : labelHeight === "auto" ? "none" : labelHeight};
510
521
  padding: ${stampPadding};
511
522
  display: flex;
512
523
  flex-direction: column;
@@ -517,6 +528,7 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
517
528
  border: 1px solid #d8d6de;
518
529
  border-radius: 4px;
519
530
  background: #fff;
531
+ box-sizing: border-box;
520
532
  }
521
533
  .text-left {
522
534
  text-align: left;
@@ -528,17 +540,21 @@ var generatePrintDocument = (settings, items, isTest = false, isPreview = false)
528
540
  }
529
541
  .lbl-dynamic, .lbl-company, .lbl-code, .lbl-name, .lbl-price {
530
542
  font-size: ${dynamicFontSize};
531
- line-height: 1.2;
543
+ line-height: 1.15;
532
544
  word-break: break-word;
533
- white-space: normal;
534
- margin-bottom: 2px;
545
+ overflow: hidden;
546
+ text-overflow: ellipsis;
547
+ display: -webkit-box;
548
+ -webkit-box-orient: vertical;
549
+ -webkit-line-clamp: ${enabledFieldsCount >= 5 ? 1 : 2};
550
+ margin-bottom: ${enabledFieldsCount >= 5 ? "1px" : "1.5px"};
535
551
  }
536
552
  .code-wrapper {
537
553
  display: flex;
538
554
  flex-direction: column;
539
555
  justify-content: center;
540
556
  align-items: center;
541
- margin: 2px 0;
557
+ margin: ${enabledFieldsCount >= 5 ? "1px 0" : "1.5px 0"};
542
558
  width: 100%;
543
559
  }
544
560
  .barcode-svg-box {
@@ -860,10 +876,14 @@ var styles = {
860
876
  dynamicText: {
861
877
  fontSize: 13,
862
878
  color: "#111",
863
- lineHeight: 1.25,
879
+ lineHeight: 1.2,
864
880
  marginBottom: 2,
865
881
  wordBreak: "break-word",
866
- whiteSpace: "normal"
882
+ overflow: "hidden",
883
+ textOverflow: "ellipsis",
884
+ display: "-webkit-box",
885
+ WebkitBoxOrient: "vertical",
886
+ WebkitLineClamp: 2
867
887
  }
868
888
  };
869
889
  var preview_print_default = PreviewPrint;