umwd-components 0.1.647 → 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.647",
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",
@@ -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>
@@ -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}>
@@ -552,13 +552,22 @@ export default function TextualManageIPOForm({
552
552
  spacing={2}
553
553
  component={Paper}
554
554
  p={1}
555
+ sx={{
556
+ bgcolor: "background.default",
557
+ border: "1px solid",
558
+ borderColor: "divider",
559
+ boxShadow: "none",
560
+ }}
555
561
  >
556
- <Typography variant="body1">Show:</Typography>
562
+ <Typography variant="body2" color="text.secondary">
563
+ Show:
564
+ </Typography>
557
565
  {options.map((option) => (
558
566
  <FormControlLabel
559
567
  key={option}
560
568
  control={
561
569
  <Checkbox
570
+ size="small"
562
571
  checked={showing.includes(option)}
563
572
  onChange={(e) => {
564
573
  if (e.target.checked) {
@@ -569,7 +578,12 @@ export default function TextualManageIPOForm({
569
578
  }}
570
579
  />
571
580
  }
572
- 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 }}
573
587
  />
574
588
  ))}
575
589
  </Stack>