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

Update stories

Browse source
This commit is contained in:
dominik-zeglen 2020-04-20 19:29:00 +02:00
parent 0f52e427cb
commit c4fdfd2498
1 changed files with 853 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -64308,6 +64308,859 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
</div> </div>
`; `;
exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
<div
style="padding:24px"
>
<div
class="Container-root-id"
>
<div
class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
>
<div
class="MuiTypography-root-id PageHeader-title-id MuiTypography-h5-id"
>
Order no. 9123 - Add Fulfillment
</div>
<div
class="ExtendedPageHeader-action-id"
>
<div
class="PageHeader-root-id"
/>
</div>
</div>
<form>
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="CardTitle-root-id"
>
<span
class="MuiTypography-root-id CardTitle-title-id MuiTypography-h5-id"
>
Items ready to ship
</span>
<div
class="CardTitle-toolbar-id"
/>
</div>
<div
class="CardTitle-children-id"
/>
<hr
class="CardTitle-hr-id"
/>
<div
class="ResponsiveTable-root-id"
>
<table
class="MuiTable-root-id OrderFulfillPage-table-id"
>
<thead
class="MuiTableHead-root-id"
>
<tr
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colSku-id"
scope="col"
>
SKU
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantity-id"
scope="col"
>
C our wares
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantity-id"
scope="col"
>
Be stocked
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantity-id"
scope="col"
>
A Warehouse
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantity-id"
scope="col"
>
Darkwares
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantityTotal-id"
scope="col"
>
Quantity to fulfill
</th>
</tr>
</thead>
<tbody
class="MuiTableBody-root-id"
>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
T-Shirt
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
S
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
62783187
</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="1217"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1217
</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="1217"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1217
</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="1217"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1217
</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="1220"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 1220
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 2
</td>
</tr>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
Lemon Juice
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
2.5l
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
998323583
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
>
No Stock
</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
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 760
</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
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 760
</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
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 760
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 4
</td>
</tr>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id"
>
<img
class="MuiAvatar-img-id"
src="[object Object]"
/>
</div>
<div
class="TableCellAvatar-children-id"
>
Orange Juice
<div
class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
>
5l
</div>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
998323584
</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="587"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
>
No Stock
</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="587"
min="0"
style="text-align:right"
type="number"
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
class="OrderFulfillPage-remainingQuantity-id"
>
/ 587
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id OrderFulfillPage-error-id"
>
No Stock
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class=""
>
0
</span>
/ 1
</td>
</tr>
</tbody>
</table>
</div>
<div
class="MuiCardActions-root-id OrderFulfillPage-actionBar-id MuiCardActions-spacing-id"
>
<label
class="MuiFormControlLabel-root-id"
>
<button
class="MuiButtonBase-root-id Checkbox-root-id"
tabindex="0"
type="button"
>
<input
class="Checkbox-box-id Checkbox-checked-id"
name="sendInfo"
type="checkbox"
value="true"
/>
</button>
<span
class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
>
Send shipment details to customer
</span>
</label>
</div>
</div>
</form>
</div>
</div>
`;
exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
<div
style="padding:24px"
>
<div
class="Container-root-id"
>
<div
class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
>
<div
class="MuiTypography-root-id PageHeader-title-id MuiTypography-h5-id"
>
Order no. - Add Fulfillment
</div>
<div
class="ExtendedPageHeader-action-id"
>
<div
class="PageHeader-root-id"
/>
</div>
</div>
<form>
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="CardTitle-root-id"
>
<span
class="MuiTypography-root-id CardTitle-title-id MuiTypography-h5-id"
>
Items ready to ship
</span>
<div
class="CardTitle-toolbar-id"
/>
</div>
<div
class="CardTitle-children-id"
/>
<hr
class="CardTitle-hr-id"
/>
<div
class="ResponsiveTable-root-id"
>
<table
class="MuiTable-root-id OrderFulfillPage-table-id"
>
<thead
class="MuiTableHead-root-id"
>
<tr
class="MuiTableRow-root-id MuiTableRow-head-id"
>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colName-id"
scope="col"
>
Product name
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colSku-id"
scope="col"
>
SKU
</th>
<th
class="MuiTableCell-root-id MuiTableCell-head-id OrderFulfillPage-colQuantityTotal-id"
scope="col"
>
Quantity to fulfill
</th>
</tr>
</thead>
<tbody
class="MuiTableBody-root-id"
>
<tr
class="MuiTableRow-root-id"
>
<td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderFulfillPage-colName-id"
>
<div
class="TableCellAvatar-content-id"
>
<div
class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
>
<path
d="M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z"
/>
</svg>
</div>
<div
class="TableCellAvatar-children-id"
>
<span
class="Skeleton-skeleton-id"
>
‌
</span>
</div>
</div>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colSku-id"
>
<span
class="Skeleton-skeleton-id"
>
‌
</span>
</td>
<td
class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantityTotal-id"
>
<span
class="Skeleton-skeleton-id"
>
‌
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="MuiCardActions-root-id OrderFulfillPage-actionBar-id MuiCardActions-spacing-id"
>
<label
class="MuiFormControlLabel-root-id"
>
<button
class="MuiButtonBase-root-id Checkbox-root-id"
tabindex="0"
type="button"
>
<input
class="Checkbox-box-id Checkbox-checked-id"
name="sendInfo"
type="checkbox"
value="true"
/>
</button>
<span
class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
>
Send shipment details to customer
</span>
</label>
</div>
</div>
</form>
</div>
</div>
`;
exports[`Storyshots Views / Orders / Order details cancelled 1`] = ` exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
<div <div
style="padding:24px" style="padding:24px"