umwd-components 0.1.646 → 0.1.648

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.
Files changed (10) hide show
  1. package/dist/node_modules/base64-js/index.js +1 -1
  2. package/dist/node_modules/ieee754/index.js +1 -1
  3. package/dist/src/components/e-commerce/iro/TextualManageIROForm.js +1 -1
  4. package/dist/src/components/e-commerce/opo/TextualManageOpoForm.js +1 -1
  5. package/dist/src/components/logistics/ipo/TextualManageIPOForm.js +1 -1
  6. package/dist/tsconfig.build.tsbuildinfo +1 -1
  7. package/package.json +1 -1
  8. package/src/components/e-commerce/iro/TextualManageIROForm.tsx +16 -2
  9. package/src/components/e-commerce/opo/TextualManageOpoForm.tsx +49 -42
  10. package/src/components/logistics/ipo/TextualManageIPOForm.tsx +35 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.646",
3
+ "version": "0.1.648",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/src/index.js",
6
6
  "module": "dist/src/index.js",
package/src/components/e-commerce/iro/TextualManageIROForm.tsx CHANGED
@@ -832,13 +832,22 @@ export default function TextualManageIROForm({
832
832
  spacing={2}
833
833
  component={Paper}
834
834
  p={1}
835
+ sx={{
836
+ bgcolor: "background.default",
837
+ border: "1px solid",
838
+ borderColor: "divider",
839
+ boxShadow: "none",
840
+ }}
835
841
  >
836
- <Typography variant="body1">Show:</Typography>
842
+ <Typography variant="body2" color="text.secondary">
843
+ Show:
844
+ </Typography>
837
845
  {options.map((option) => (
838
846
  <FormControlLabel
839
847
  key={option}
840
848
  control={
841
849
  <Checkbox
850
+ size="small"
842
851
  checked={showing.includes(option)}
843
852
  onChange={(e) => {
844
853
  if (e.target.checked) {
@@ -849,7 +858,12 @@ export default function TextualManageIROForm({
849
858
  }}
850
859
  />
851
860
  }
852
- label={option.charAt(0).toUpperCase() + option.slice(1)}
861
+ label={
862
+ <Typography variant="body2" color="text.secondary">
863
+ {option.charAt(0).toUpperCase() + option.slice(1)}
864
+ </Typography>
865
+ }
866
+ sx={{ mr: 0 }}
853
867
  />
854
868
  ))}
855
869
  </Stack>
package/src/components/e-commerce/opo/TextualManageOpoForm.tsx CHANGED
@@ -94,7 +94,6 @@ function ConfirmFormDialog({
94
94
  );
95
95
  }
96
96
 
97
- // TODO
98
97
  function CancelOpoDialog({
99
98
  open,
100
99
  handleClose,
@@ -379,47 +378,55 @@ export default function TextualManageOPOForm({
379
378
  </Paper>
380
379
  </Grid>
381
380
 
382
- {(opo.status === "placed" ||
383
- opo.status === "external_shipping_process") &&
384
- role === "enduser" && (
385
- <Grid item xs={6}>
386
- <Paper elevation={2} sx={{ p: 2, height: "100%" }}>
387
- <Stack spacing={2}>
388
- <Button
389
- variant="contained"
390
- color="primary"
391
- onClick={() => setConfirmDialogOpen(true)}
392
- >
393
- Confirm order
394
- </Button>
395
- <Alert severity="warning">
396
- Please confirm the order as soon as possible, only upon
397
- confirmation this order will be available to the dispatcher
398
- </Alert>
399
- <Button
400
- variant="contained"
401
- color="error"
402
- onClick={() => setCancelDialogOpen(true)}
403
- >
404
- Cancel order
405
- </Button>
406
- <ConfirmFormDialog
407
- open={confirmDialogOpen}
408
- handleClose={() => setConfirmDialogOpen(false)}
409
- orderID={opo.id}
410
- currentStatus={opo.status}
411
- revalidateCallback={revalidateCallback}
412
- />
413
- <CancelOpoDialog
414
- open={cancelDialogOpen}
415
- handleClose={() => setCancelDialogOpen(false)}
416
- orderID={opo.id}
417
- revalidateCallback={revalidateCallback}
418
- />
419
- </Stack>
420
- </Paper>
421
- </Grid>
422
- )}
381
+ {role === "enduser" && (
382
+ <Grid item xs={6}>
383
+ <Paper elevation={2} sx={{ p: 2, height: "100%" }}>
384
+ <Stack spacing={2}>
385
+ {(opo.status === "placed" ||
386
+ opo.status === "external_shipping_process") && (
387
+ <>
388
+ <Button
389
+ variant="contained"
390
+ color="primary"
391
+ onClick={() => setConfirmDialogOpen(true)}
392
+ >
393
+ Confirm order
394
+ </Button>
395
+ <Alert severity="warning">
396
+ Please confirm the order as soon as possible, only upon
397
+ confirmation this order will be available to the
398
+ dispatcher
399
+ </Alert>
400
+ <ConfirmFormDialog
401
+ open={confirmDialogOpen}
402
+ handleClose={() => setConfirmDialogOpen(false)}
403
+ orderID={opo.id}
404
+ currentStatus={opo.status}
405
+ revalidateCallback={revalidateCallback}
406
+ />
407
+ </>
408
+ )}
409
+ {(opo.status === "placed" || opo.status === "ordered") && (
410
+ <>
411
+ <Button
412
+ variant="contained"
413
+ color="error"
414
+ onClick={() => setCancelDialogOpen(true)}
415
+ >
416
+ Cancel order
417
+ </Button>
418
+ <CancelOpoDialog
419
+ open={cancelDialogOpen}
420
+ handleClose={() => setCancelDialogOpen(false)}
421
+ orderID={opo.id}
422
+ revalidateCallback={revalidateCallback}
423
+ />
424
+ </>
425
+ )}
426
+ </Stack>
427
+ </Paper>
428
+ </Grid>
429
+ )}
423
430
 
424
431
  <Grid item xs={12}>
425
432
  <Stack spacing={2}>
package/src/components/logistics/ipo/TextualManageIPOForm.tsx CHANGED
@@ -83,6 +83,7 @@ function ConfirmFormDialog({
83
83
  onClick={(e) => {
84
84
  confirmationService("ipos", [orderID]);
85
85
  revalidateCallback && revalidateCallback();
86
+ handleClose();
86
87
  }}
87
88
  >
88
89
  Confirm
@@ -396,11 +397,14 @@ export default function TextualManageIPOForm({
396
397
  <IpoStatusIndicator status={data.status} />
397
398
  </Stack>
398
399
  </Stack>
400
+ </Paper>
401
+ </Grid>
399
402
 
400
- {(data.status === "placed" ||
401
- data.status === "released_on_stock") &&
402
- role === "enduser" && (
403
- <>
403
+ {(data.status === "placed" || data.status === "released_on_stock") &&
404
+ role === "enduser" && (
405
+ <Grid item xs={6}>
406
+ <Paper elevation={2} sx={{ p: 2, height: "100%" }}>
407
+ <Stack spacing={2}>
404
408
  <Button
405
409
  variant="contained"
406
410
  color="primary"
@@ -412,6 +416,13 @@ export default function TextualManageIPOForm({
412
416
  Please confirm the order as soon as possible, only upon
413
417
  confirmation this order will be available to the dispatcher
414
418
  </Alert>
419
+ <Button
420
+ variant="contained"
421
+ color="error"
422
+ onClick={() => setCancelDialogOpen(true)}
423
+ >
424
+ Cancel order
425
+ </Button>
415
426
  <ConfirmFormDialog
416
427
  open={confirmDialogOpen}
417
428
  handleClose={() => setConfirmDialogOpen(false)}
@@ -425,10 +436,10 @@ export default function TextualManageIPOForm({
425
436
  orderID={data.id}
426
437
  revalidateCallback={revalidateCallback}
427
438
  />
428
- </>
429
- )}
430
- </Paper>
431
- </Grid>
439
+ </Stack>
440
+ </Paper>
441
+ </Grid>
442
+ )}
432
443
  <Grid item xs={12}>
433
444
  <Stack spacing={2}>
434
445
  <Typography variant="h5">Documents</Typography>
@@ -541,13 +552,22 @@ export default function TextualManageIPOForm({
541
552
  spacing={2}
542
553
  component={Paper}
543
554
  p={1}
555
+ sx={{
556
+ bgcolor: "background.default",
557
+ border: "1px solid",
558
+ borderColor: "divider",
559
+ boxShadow: "none",
560
+ }}
544
561
  >
545
- <Typography variant="body1">Show:</Typography>
562
+ <Typography variant="body2" color="text.secondary">
563
+ Show:
564
+ </Typography>
546
565
  {options.map((option) => (
547
566
  <FormControlLabel
548
567
  key={option}
549
568
  control={
550
569
  <Checkbox
570
+ size="small"
551
571
  checked={showing.includes(option)}
552
572
  onChange={(e) => {
553
573
  if (e.target.checked) {
@@ -558,7 +578,12 @@ export default function TextualManageIPOForm({
558
578
  }}
559
579
  />
560
580
  }
561
- label={option.charAt(0).toUpperCase() + option.slice(1)}
581
+ label={
582
+ <Typography variant="body2" color="text.secondary">
583
+ {option.charAt(0).toUpperCase() + option.slice(1)}
584
+ </Typography>
585
+ }
586
+ sx={{ mr: 0 }}
562
587
  />
563
588
  ))}
564
589
  </Stack>