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

Disable spellcheck for PII fields (#2416)

Browse source
This commit is contained in:
Krzysztof Żuraw 2022-10-31 11:37:07 +01:00 committed by GitHub
parent 802524744b
commit cac3e43702
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 237 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/auth/components/LoginPage/LoginPage.tsx
View file

@ -77,6 +77,7 @@ const LoginCard: React.FC<LoginCardProps> = props => {
value={data.email}
inputProps={{
"data-test-id": "email",
spellCheck: false,
}}
disabled={disabled}
/>
@ -95,6 +96,7 @@ const LoginCard: React.FC<LoginCardProps> = props => {
value={data.password}
inputProps={{
"data-test-id": "password",
spellCheck: false,
}}
disabled={disabled}
/>

2
src/auth/components/NewPasswordPage/NewPasswordPage.tsx
View file

@ -76,6 +76,7 @@ const NewPasswordPage: React.FC<NewPasswordPageProps> = props => {
value={data.password}
inputProps={{
"data-test-id": "password",
spellCheck: false,
}}
required
/>
@ -102,6 +103,7 @@ const NewPasswordPage: React.FC<NewPasswordPageProps> = props => {
}
inputProps={{
"data-test-id": "confirm-password",
spellCheck: false,
}}
required
/>

1
src/auth/components/ResetPasswordPage/ResetPasswordPage.tsx
View file

@ -61,6 +61,7 @@ const ResetPasswordPage: React.FC<ResetPasswordPageProps> = props => {
value={data.email}
inputProps={{
"data-test-id": "email",
spellCheck: false,
}}
/>
<FormSpacer />

12
src/components/AddressEdit/AddressEdit.tsx
View file

@ -96,6 +96,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
// Setting 'autoComplete: "new-password"' is the only way to
// disable Chrome's autofill on forms as of early 2022
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -111,6 +112,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -132,6 +134,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -150,6 +153,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
onChange={onChange}
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -169,6 +173,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
<FormSpacer />
@ -186,6 +191,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
<FormSpacer />
@ -205,6 +211,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -223,6 +230,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>
@ -245,6 +253,9 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
onChange={onCountryChange}
value={data.country}
choices={countries}
InputProps={{
spellCheck: false,
}}
/>
</div>
<div>
@ -262,6 +273,7 @@ const AddressEdit: React.FC<AddressEditProps> = props => {
fullWidth
InputProps={{
autoComplete: "new-password",
spellCheck: false,
}}
/>
</div>

10
src/components/CompanyAddressInput/CompanyAddressForm.tsx
View file

@ -95,6 +95,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "organization",
spellCheck: false,
}}
/>
<FormSpacer />
@ -112,6 +113,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "address-line1",
spellCheck: false,
}}
/>
<FormSpacer />
@ -129,6 +131,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "address-line2",
spellCheck: false,
}}
/>
<FormSpacer />
@ -147,6 +150,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "address-level2",
spellCheck: false,
}}
/>
<TextField
@ -163,6 +167,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "postal-code",
spellCheck: false,
}}
/>
</Grid>
@ -182,6 +187,9 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
onChange={onCountryChange}
value={data.country}
choices={countries}
InputProps={{
spellCheck: false,
}}
/>
<TextField
disabled={disabled}
@ -197,6 +205,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
fullWidth
InputProps={{
autoComplete: "address-level1",
spellCheck: false,
}}
/>
</Grid>
@ -215,6 +224,7 @@ const CompanyAddressForm: React.FC<CompanyAddressFormProps> = props => {
onChange={onChange}
InputProps={{
autoComplete: "tel",
spellCheck: false,
}}
/>
</div>

9
src/customers/components/CustomerCreateDetails/CustomerCreateDetails.tsx
View file

@ -64,6 +64,9 @@ const CustomerCreateDetails: React.FC<CustomerCreateDetailsProps> = props => {
type="text"
value={data.customerFirstName}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
<TextField
disabled={disabled}
@ -78,6 +81,9 @@ const CustomerCreateDetails: React.FC<CustomerCreateDetailsProps> = props => {
type="text"
value={data.customerLastName}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
<TextField
disabled={disabled}
@ -89,6 +95,9 @@ const CustomerCreateDetails: React.FC<CustomerCreateDetailsProps> = props => {
type="email"
value={data.email}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
</div>
</CardContent>

9
src/customers/components/CustomerInfo/CustomerInfo.tsx
View file

@ -70,6 +70,9 @@ const CustomerInfo: React.FC<CustomerInfoProps> = props => {
label={intl.formatMessage(commonMessages.firstName)}
value={data.firstName}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
<TextField
disabled={disabled}
@ -81,6 +84,9 @@ const CustomerInfo: React.FC<CustomerInfoProps> = props => {
label={intl.formatMessage(commonMessages.lastName)}
value={data.lastName}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
</Grid>
<Hr className={classes.hr} />
@ -101,6 +107,9 @@ const CustomerInfo: React.FC<CustomerInfoProps> = props => {
label={intl.formatMessage(commonMessages.email)}
value={data.email}
onChange={onChange}
inputProps={{
spellCheck: false,
}}
/>
</CardContent>
</Card>

6
src/staff/components/StaffPasswordResetDialog/StaffPasswordResetDialog.tsx
View file

@ -78,6 +78,9 @@ const StaffPasswordResetDialog: React.FC<StaffPasswordResetDialogProps> = ({
name="oldPassword"
type="password"
onChange={change}
inputProps={{
spellCheck: false,
}}
/>
<FormSpacer />
<TextField
@ -99,6 +102,9 @@ const StaffPasswordResetDialog: React.FC<StaffPasswordResetDialogProps> = ({
name="newPassword"
type="password"
onChange={change}
inputProps={{
spellCheck: false,
}}
/>
</DialogContent>
<DialogActions>

9
src/staff/components/StaffProperties/StaffProperties.tsx
View file

@ -212,6 +212,9 @@ const StaffProperties: React.FC<StaffPropertiesProps> = props => {
{...getFieldProps("firstName")}
onChange={onChange}
fullWidth
inputProps={{
spellCheck: false,
}}
/>
</div>
<div className={classes.prop}>
@ -219,6 +222,9 @@ const StaffProperties: React.FC<StaffPropertiesProps> = props => {
{...getFieldProps("lastName")}
onChange={onChange}
fullWidth
inputProps={{
spellCheck: false,
}}
/>
</div>
<div className={classes.prop}>
@ -226,6 +232,9 @@ const StaffProperties: React.FC<StaffPropertiesProps> = props => {
{...getFieldProps("email")}
onChange={onChange}
fullWidth
inputProps={{
spellCheck: false,
}}
/>
</div>
</div>

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

File diff suppressed because it is too large Load diff