djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #523 from mirumee/fix/untracked-products-fulfiillment

Browse source 
Handle untracked products
This commit is contained in:
Dominik Żegleń 2020-05-11 18:47:50 +02:00 committed by GitHub
commit 7f9c6f68a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 629 additions and 737 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -51,6 +51,7 @@ All notable, unreleased changes to this project will be documented in this file.
- Fix minor visual bugs - #521 by @dominik-zeglen - Fix minor visual bugs - #521 by @dominik-zeglen
- Handle session expiration - #520 by @dominik-zeglen - Handle session expiration - #520 by @dominik-zeglen
- Update product stock management to newest design - #515 by @dominik-zeglen - Update product stock management to newest design - #515 by @dominik-zeglen
- Handle untracked products - #523 by @dominik-zeglen
## 2.0.0 ## 2.0.0

8
locale/defaultMessages.json
View file

@ -2768,10 +2768,6 @@
"context": "order total price", "context": "order total price",
"string": "Total" "string": "Total"
}, },
"src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_1542417144": {
"context": "dialog header",
"string": "Create Product"
},
"src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2272209368": { "src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2272209368": {
"context": "variant sku", "context": "variant sku",
"string": "SKU {sku}" "string": "SKU {sku}"
@ -2779,6 +2775,10 @@
"src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2336947364": { "src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2336947364": {
"string": "Search by product name, attribute, product type etc..." "string": "Search by product name, attribute, product type etc..."
}, },
"src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2775402904": {
"context": "dialog header",
"string": "Add Product"
},
"src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2850255786": { "src_dot_orders_dot_components_dot_OrderProductAddDialog_dot_2850255786": {
"string": "Search Products" "string": "Search Products"
}, },

60
src/orders/components/OrderFulfillPage/OrderFulfillPage.tsx
View file

@ -35,23 +35,29 @@ import { renderCollection } from "@saleor/misc";
import Skeleton from "@saleor/components/Skeleton"; import Skeleton from "@saleor/components/Skeleton";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import { FulfillOrder_orderFulfill_errors } from "@saleor/orders/types/FulfillOrder"; import { FulfillOrder_orderFulfill_errors } from "@saleor/orders/types/FulfillOrder";
import { CSSProperties } from "@material-ui/styles";
type ClassKey = type ClassKey =
| "actionBar" | "actionBar"
| "table" | "table"
| "colName" | "colName"
| "colQuantity" | "colQuantity"
| "colQuantityContent"
| "colQuantityHeader" | "colQuantityHeader"
| "colQuantityTotal" | "colQuantityTotal"
| "colSku" | "colSku"
| "error" | "error"
| "full" | "full"
| "quantityInnerInput" | "quantityInnerInput"
| "quantityInput" | "quantityInnerInputNoRemaining"
| "remainingQuantity"; | "remainingQuantity";
const useStyles = makeStyles<Theme, OrderFulfillPageProps, ClassKey>( const useStyles = makeStyles<Theme, OrderFulfillPageProps, ClassKey>(
theme => ({ theme => {
const inputPadding: CSSProperties = {
paddingBottom: theme.spacing(2),
paddingTop: theme.spacing(2)
};
return {
[theme.breakpoints.up("lg")]: { [theme.breakpoints.up("lg")]: {
colName: { colName: {
width: ({ warehouses }) => (warehouses?.length > 3 ? 250 : "auto") width: ({ warehouses }) => (warehouses?.length > 3 ? 250 : "auto")
@ -70,12 +76,9 @@ const useStyles = makeStyles<Theme, OrderFulfillPageProps, ClassKey>(
width: 250 width: 250
}, },
colQuantity: { colQuantity: {
textAlign: "right",
width: 210 width: 210
}, },
colQuantityContent: {
alignItems: "center",
display: "inline-flex"
},
colQuantityHeader: { colQuantityHeader: {
textAlign: "right" textAlign: "right"
}, },
@ -95,20 +98,23 @@ const useStyles = makeStyles<Theme, OrderFulfillPageProps, ClassKey>(
fontWeight: 600 fontWeight: 600
}, },
quantityInnerInput: { quantityInnerInput: {
padding: "16px 0 14px 12px" ...inputPadding
}, },
quantityInput: { quantityInnerInputNoRemaining: {
width: 100 paddingRight: 0
}, },
remainingQuantity: { remainingQuantity: {
marginLeft: theme.spacing() ...inputPadding,
color: theme.palette.text.secondary,
whiteSpace: "nowrap"
}, },
table: { table: {
"&&": { "&&": {
tableLayout: "fixed" tableLayout: "fixed"
} }
} }
}), };
},
{ name: "OrderFulfillPage" } { name: "OrderFulfillPage" }
); );
@ -343,16 +349,23 @@ const OrderFulfillPage: React.FC<OrderFulfillPageProps> = props => {
className={classes.colQuantity} className={classes.colQuantity}
key={warehouseStock.id} key={warehouseStock.id}
> >
<div className={classes.colQuantityContent}>
<TextField <TextField
type="number" type="number"
inputProps={{ inputProps={{
className: classes.quantityInnerInput, className: classNames(
max: warehouseStock.quantity, classes.quantityInnerInput,
{
[classes.quantityInnerInputNoRemaining]: !line
.variant.trackInventory
}
),
max:
line.variant.trackInventory &&
warehouseStock.quantity,
min: 0, min: 0,
style: { textAlign: "right" } style: { textAlign: "right" }
}} }}
className={classes.quantityInput} fullWidth
value={formsetStock.quantity} value={formsetStock.quantity}
onChange={event => onChange={event =>
formsetChange( formsetChange(
@ -372,8 +385,9 @@ const OrderFulfillPage: React.FC<OrderFulfillPageProps> = props => {
} }
error={ error={
overfulfill || overfulfill ||
(line.variant.trackInventory &&
formsetStock.quantity > formsetStock.quantity >
availableQuantity || availableQuantity) ||
!!errors?.find( !!errors?.find(
err => err =>
err.warehouse === warehouse.id && err.warehouse === warehouse.id &&
@ -382,11 +396,17 @@ const OrderFulfillPage: React.FC<OrderFulfillPageProps> = props => {
OrderErrorCode.INSUFFICIENT_STOCK OrderErrorCode.INSUFFICIENT_STOCK
) )
} }
/> InputProps={{
<div className={classes.remainingQuantity}> endAdornment: line.variant
.trackInventory && (
<div
className={classes.remainingQuantity}
>
/ {availableQuantity} / {availableQuantity}
</div> </div>
</div> )
}}
/>
</TableCell> </TableCell>
); );
})} })}

9
src/orders/components/OrderFulfillPage/fixtures.ts
View file

@ -61,7 +61,8 @@ export const orderToFulfill: OrderFulfillData_order = {
quantity: 1220, quantity: 1220,
quantityAllocated: 7 quantityAllocated: 7
} }
] ],
trackInventory: false
}, },
thumbnail: { thumbnail: {
__typename: "Image", __typename: "Image",
@ -114,7 +115,8 @@ export const orderToFulfill: OrderFulfillData_order = {
quantity: 760, quantity: 760,
quantityAllocated: 4 quantityAllocated: 4
} }
] ],
trackInventory: true
}, },
thumbnail: { thumbnail: {
__typename: "Image", __typename: "Image",
@ -160,7 +162,8 @@ export const orderToFulfill: OrderFulfillData_order = {
quantity: 587, quantity: 587,
quantityAllocated: 1 quantityAllocated: 1
} }
] ],
trackInventory: true
}, },
thumbnail: { thumbnail: {
__typename: "Image", __typename: "Image",

2
src/orders/components/OrderProductAddDialog/OrderProductAddDialog.tsx
View file

@ -208,7 +208,7 @@ const OrderProductAddDialog: React.FC<OrderProductAddDialogProps> = props => {
> >
<DialogTitle> <DialogTitle>
<FormattedMessage <FormattedMessage
defaultMessage="Create Product" defaultMessage="Add Product"
description="dialog header" description="dialog header"
/> />
</DialogTitle> </DialogTitle>

1
src/orders/queries.ts
View file

@ -371,6 +371,7 @@ const orderFulfillData = gql`
quantity quantity
quantityAllocated quantityAllocated
} }
trackInventory
} }
thumbnail(size: 64) { thumbnail(size: 64) {
url url

1
src/orders/types/OrderFulfillData.ts
View file

@ -37,6 +37,7 @@ export interface OrderFulfillData_order_lines_variant {
sku: string; sku: string;
attributes: OrderFulfillData_order_lines_variant_attributes[]; attributes: OrderFulfillData_order_lines_variant_attributes[];
stocks: (OrderFulfillData_order_lines_variant_stocks | null)[] | null; stocks: (OrderFulfillData_order_lines_variant_stocks | null)[] | null;
trackInventory: boolean;
} }
export interface OrderFulfillData_order_lines_thumbnail { export interface OrderFulfillData_order_lines_thumbnail {

492
src/storybook/__snapshots__/Stories.test.ts.snap
View file

@ -64450,18 +64450,14 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -64483,29 +64479,19 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1207
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -64527,29 +64513,19 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1197
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -64571,29 +64547,19 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1213
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1220"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -64615,12 +64581,6 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1213
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
@ -64676,67 +64636,25 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760" max="760"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 758 / 758
</div> </div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -64753,34 +64671,30 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 727 / 727
</div> </div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -64797,11 +64711,45 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 756 / 756
</div> </div>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div> </div>
</td> </td>
<td <td
@ -64853,23 +64801,25 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="587" max="587"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -64886,12 +64836,6 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
@ -64902,23 +64846,25 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="587" max="587"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 586
</div>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -64935,12 +64881,6 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 586
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
@ -65134,18 +65074,14 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="true" aria-invalid="true"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -65167,29 +65103,19 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1207
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -65211,29 +65137,19 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1197
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -65255,29 +65171,19 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1213
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1220"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -65299,12 +65205,6 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1213
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
@ -65360,67 +65260,25 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760" max="760"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 758 / 758
</div> </div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -65437,34 +65295,30 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 727 / 727
</div> </div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="OrderFulfillPage-colQuantityContent-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -65481,11 +65335,45 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
>
<div
class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="760"
min="0"
style="text-align:right"
type="number"
value="0"
/>
<div <div
class="OrderFulfillPage-remainingQuantity-id" class="OrderFulfillPage-remainingQuantity-id"
> >
/ 756 / 756
</div> </div>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div> </div>
</td> </td>
<td <td
@ -65537,23 +65425,25 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="587" max="587"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -65570,12 +65460,6 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
@ -65586,23 +65470,25 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="587" max="587"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 586
</div>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -65619,12 +65505,6 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 586
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
@ -65969,18 +65849,14 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id OrderFulfillPage-quantityInnerInputNoRemaining-id"
max="1217"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
@ -66002,12 +65878,6 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1207
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
@ -66108,23 +65978,25 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
> >
<div <div
class="OrderFulfillPage-colQuantityContent-id" class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
> >
<div <div
class="MuiFormControl-root-id MuiTextField-root-id OrderFulfillPage-quantityInput-id" class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
> >
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
max="587" max="587"
min="0" min="0"
style="text-align:right" style="text-align:right"
type="number" type="number"
value="0" value="0"
/> />
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
<fieldset <fieldset
aria-hidden="true" aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id" class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
@ -66141,12 +66013,6 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id" class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"