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

Fix an issue where adornment can't be clicked in multi-select input fields (#1435)

Browse source 
* WIP

* Make adornment click-through

* Fix adornemnt in single autocomplete select field

* Added stories tests
This commit is contained in:
Wojciech Mista 2021-10-04 09:40:24 +02:00 committed by GitHub
parent 4193894191
commit bb752d3bad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 311 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
View file

@ -66,7 +66,12 @@ const useStyles = makeStyles(
}, },
adornment: { adornment: {
display: "flex", display: "flex",
alignItems: "center" alignItems: "center",
userSelect: "none",
cursor: "pointer",
"&:active": {
pointerEvents: "none"
}
} }
}), }),
{ name: "MultiAutocompleteSelectField" } { name: "MultiAutocompleteSelectField" }
@ -181,7 +186,7 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
endAdornment: ( endAdornment: (
<div className={classes.adornment}> <div className={classes.adornment}>
{endAdornment} {endAdornment}
<ArrowDropdownIcon onClick={() => toggleMenu()} /> <ArrowDropdownIcon />
</div> </div>
), ),
id: undefined, id: undefined,

8
src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx
View file

@ -23,6 +23,12 @@ const useStyles = makeStyles(
}, },
nakedInput: { nakedInput: {
padding: theme.spacing(2, 3) padding: theme.spacing(2, 3)
},
adornment: {
cursor: "pointer",
"&:active": {
pointerEvents: "none"
}
} }
}), }),
{ name: "SingleAutocompleteSelectField" } { name: "SingleAutocompleteSelectField" }
@ -174,7 +180,7 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
placeholder placeholder
}), }),
endAdornment: ( endAdornment: (
<div> <div className={classes.adornment}>
<ArrowDropdownIcon /> <ArrowDropdownIcon />
</div> </div>
), ),

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

@ -131,7 +131,9 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -674,7 +676,9 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -822,7 +826,9 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -1375,7 +1381,9 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -1522,7 +1530,9 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
type="text" type="text"
value="Dropdown First Value" value="Dropdown First Value"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -2335,7 +2345,9 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
type="text" type="text"
value="Red" value="Red"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -4092,7 +4104,9 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
type="text" type="text"
value="Szwecja" value="Szwecja"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -13077,7 +13091,9 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
type="text" type="text"
value="Afghanistan" value="Afghanistan"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -13157,7 +13173,9 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
type="text" type="text"
value="Afghanistan" value="Afghanistan"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -13237,7 +13255,9 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
type="text" type="text"
value="Afghanistan" value="Afghanistan"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -13317,7 +13337,9 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
type="text" type="text"
value="Afghanistan" value="Afghanistan"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -13392,7 +13414,9 @@ exports[`Storyshots Generics / Select with autocomplete naked 1`] = `
type="text" type="text"
value="Afghanistan" value="Afghanistan"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -55932,7 +55956,9 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -55992,7 +56018,9 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -56462,7 +56490,9 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -56523,7 +56553,9 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -56990,7 +57022,9 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -57050,7 +57084,9 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -57517,7 +57553,9 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -57577,7 +57615,9 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
type="text" type="text"
value="Poland" value="Poland"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -58050,7 +58090,9 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -58110,7 +58152,9 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -58590,7 +58634,9 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
type="text" type="text"
value="Poland" value="Poland"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -59065,7 +59111,9 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
type="text" type="text"
value="Poland" value="Poland"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -59277,7 +59325,9 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
type="text" type="text"
value="Poland" value="Poland"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -59492,7 +59542,9 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
type="text" type="text"
value="Poland" value="Poland"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -74946,7 +74998,9 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -75679,7 +75733,9 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -76394,7 +76450,9 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -165523,7 +165581,9 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
type="text" type="text"
value="Dylan Lamb" value="Dylan Lamb"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -166423,7 +166483,9 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
type="text" type="text"
value="Dylan Lamb" value="Dylan Lamb"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -167514,7 +167576,9 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -176883,7 +176947,9 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -177394,7 +177460,9 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -177912,7 +177980,9 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -178420,7 +178490,9 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
type="text" type="text"
value="PH405458" value="PH405458"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -179571,7 +179643,9 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
type="text" type="text"
value="PH405458" value="PH405458"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -180729,7 +180803,9 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -181419,7 +181495,9 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
type="text" type="text"
value="PH405458" value="PH405458"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -191671,7 +191749,9 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -191738,7 +191818,9 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -192369,7 +192451,9 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -192435,7 +192519,9 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -192949,7 +193035,9 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -193210,7 +193298,9 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
type="text" type="text"
value="Candy" value="Candy"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -193281,7 +193371,9 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -193863,7 +193955,9 @@ exports[`Storyshots Views / Products / Create product variant add first variant
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -194847,7 +194941,9 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -195831,7 +195927,9 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -197550,7 +197648,9 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -198510,7 +198610,9 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -199459,7 +199561,9 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -199773,7 +199877,9 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -200220,7 +200326,9 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -201214,7 +201322,9 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -201523,7 +201633,9 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -201970,7 +202082,9 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -202914,7 +203028,9 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -203223,7 +203339,9 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -204358,7 +204476,9 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -204667,7 +204787,9 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -205114,7 +205236,9 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -205932,7 +206056,9 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -206241,7 +206367,9 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -206688,7 +206816,9 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -207506,7 +207636,9 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -207815,7 +207947,9 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -208262,7 +208396,9 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -209080,7 +209216,9 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -209389,7 +209527,9 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -209836,7 +209976,9 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -210780,7 +210922,9 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -211089,7 +211233,9 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -211900,7 +212046,9 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -212514,7 +212662,9 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -213458,7 +213608,9 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -213767,7 +213919,9 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -214214,7 +214368,9 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -215032,7 +215188,9 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -215341,7 +215499,9 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -215788,7 +215948,9 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -216732,7 +216894,9 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
type="text" type="text"
value="Apparel" value="Apparel"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -217041,7 +217205,9 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
type="text" type="text"
value="standard" value="standard"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -231485,7 +231651,9 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -231568,7 +231736,9 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
type="text" type="text"
value="Auto Loan Account" value="Auto Loan Account"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -233359,7 +233529,9 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -233437,7 +233609,9 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
type="text" type="text"
value="Auto Loan Account" value="Auto Loan Account"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -235223,7 +235397,9 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
type="text" type="text"
value="portals" value="portals"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -235301,7 +235477,9 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
type="text" type="text"
value="Auto Loan Account" value="Auto Loan Account"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -249567,7 +249745,9 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
type="text" type="text"
value="UA" value="UA"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -250132,7 +250312,9 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
type="text" type="text"
value="UA" value="UA"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -250701,7 +250883,9 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -251544,7 +251728,9 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
type="text" type="text"
value="English" value="English"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -256786,7 +256972,9 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -257264,7 +257452,9 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -257734,7 +257924,9 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -258184,7 +258376,9 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
type="text" type="text"
value="Szwecja" value="Szwecja"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -259000,7 +259194,9 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
type="text" type="text"
value="Szwecja" value="Szwecja"
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"
@ -259814,7 +260010,9 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
type="text" type="text"
value="" value=""
/> />
<div> <div
class="SingleAutocompleteSelectField-adornment-id"
>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="MuiSvgIcon-root-id" class="MuiSvgIcon-root-id"