mirror of
https://github.com/strapi/strapi.git
synced 2025-09-21 14:31:16 +00:00
fix(ctb): update attribute picker spacings (#18509)
* Fix attribute picker grid spacing * Change CTB attribute options order * Update snapshots * Add comment
This commit is contained in:
Rémi de Juvigny
GitHub
parent
72d7b2a214
commit
4553cf9db2
@ -1,10 +1,9 @@
|
||||
import React from 'react';
|
||||
|
||||
import { Box, Flex, Grid, GridItem, KeyboardNavigable } from '@strapi/design-system';
|
||||
import { Flex, Grid, GridItem, KeyboardNavigable } from '@strapi/design-system';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import AttributeOption from '../AttributeOption';
|
||||
import getPadding from '../utils/getPadding';
|
||||
|
||||
const AttributeList = ({ attributes }) => (
|
||||
<KeyboardNavigable tagName="button">
|
||||
@ -12,23 +11,12 @@ const AttributeList = ({ attributes }) => (
|
||||
{attributes.map((attributeRow, index) => {
|
||||
return (
|
||||
// eslint-disable-next-line react/no-array-index-key
|
||||
<Grid key={index} gap={0}>
|
||||
{attributeRow.map((attribute, index) => {
|
||||
const { paddingLeft, paddingRight } = getPadding(index);
|
||||
|
||||
return (
|
||||
<Grid key={index} gap={3}>
|
||||
{attributeRow.map((attribute) => (
|
||||
<GridItem key={attribute} col={6}>
|
||||
<Box
|
||||
paddingLeft={paddingLeft}
|
||||
paddingRight={paddingRight}
|
||||
paddingBottom={1}
|
||||
style={{ height: '100%' }}
|
||||
>
|
||||
<AttributeOption type={attribute} />
|
||||
</Box>
|
||||
</GridItem>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
</Grid>
|
||||
);
|
||||
})}
|
||||
|
||||
@ -1,13 +1,12 @@
|
||||
import React from 'react';
|
||||
|
||||
import { Box, Flex, Grid, GridItem, KeyboardNavigable, Link } from '@strapi/design-system';
|
||||
import { Flex, Grid, GridItem, KeyboardNavigable, Link } from '@strapi/design-system';
|
||||
import { useCustomFields } from '@strapi/helper-plugin';
|
||||
import { useIntl } from 'react-intl';
|
||||
|
||||
import { getTrad } from '../../../utils';
|
||||
import CustomFieldOption from '../CustomFieldOption';
|
||||
import EmptyAttributes from '../EmptyAttributes';
|
||||
import getPadding from '../utils/getPadding';
|
||||
|
||||
const CustomFieldsList = () => {
|
||||
const { formatMessage } = useIntl();
|
||||
@ -26,23 +25,12 @@ const CustomFieldsList = () => {
|
||||
return (
|
||||
<KeyboardNavigable tagName="button">
|
||||
<Flex direction="column" alignItems="stretch" gap={3}>
|
||||
<Grid gap={0}>
|
||||
{sortedCustomFields.map(([uid, customField], index) => {
|
||||
const { paddingLeft, paddingRight } = getPadding(index);
|
||||
|
||||
return (
|
||||
<GridItem key={uid} col={6} style={{ height: '100%' }}>
|
||||
<Box
|
||||
paddingLeft={paddingLeft}
|
||||
paddingRight={paddingRight}
|
||||
paddingBottom={1}
|
||||
style={{ height: '100%' }}
|
||||
>
|
||||
<Grid gap={3}>
|
||||
{sortedCustomFields.map(([uid, customField]) => (
|
||||
<GridItem key={uid} col={6}>
|
||||
<CustomFieldOption key={uid} customFieldUid={uid} customField={customField} />
|
||||
</Box>
|
||||
</GridItem>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
</Grid>
|
||||
<Link
|
||||
href="https://docs.strapi.io/developer-docs/latest/development/custom-fields.html"
|
||||
|
||||
@ -36,7 +36,7 @@ const AttributeOptions = ({ attributes, forTarget, kind }) => {
|
||||
const titleId = getTrad(`modalForm.sub-header.chooseAttribute.${titleIdSuffix}`);
|
||||
|
||||
return (
|
||||
<ModalBody padding={6}>
|
||||
<ModalBody padding={7}>
|
||||
<TabGroup
|
||||
label={formatMessage({
|
||||
id: getTrad('modalForm.tabs.label'),
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
.c26 {
|
||||
.c24 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -36,21 +36,21 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c23 {
|
||||
.c22 {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.43;
|
||||
font-weight: 600;
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c24 {
|
||||
.c23 {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.33;
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
padding: 24px;
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
@ -66,16 +66,11 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
}
|
||||
|
||||
.c16 {
|
||||
padding-right: 8px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
padding: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.c20 {
|
||||
.c19 {
|
||||
width: 2rem;
|
||||
height: 1.5rem;
|
||||
-webkit-flex-shrink: 0;
|
||||
@ -83,16 +78,11 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.c22 {
|
||||
.c21 {
|
||||
padding-left: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.c25 {
|
||||
padding-bottom: 4px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
@ -126,7 +116,7 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
.c18 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -152,6 +142,7 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
.c14 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12,1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.c15 {
|
||||
@ -176,19 +167,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.c21 svg {
|
||||
.c20 svg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
.c17 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #dcdce4;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.c18:hover {
|
||||
.c17:hover {
|
||||
background: #f0f0ff;
|
||||
border: 1px solid #d9d8ff;
|
||||
}
|
||||
@ -288,21 +279,17 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -328,22 +315,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
text
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -352,24 +339,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -395,22 +377,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
email
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -419,24 +401,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -464,22 +441,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
richtext
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -488,24 +465,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -527,22 +499,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
password
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -551,24 +523,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -594,22 +561,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
number
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -618,24 +585,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -663,22 +625,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
enumeration
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -687,24 +649,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -728,22 +685,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
date
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -752,24 +709,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -797,22 +749,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
media
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -821,24 +773,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -864,22 +811,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
boolean
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -888,24 +835,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -933,22 +875,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
json
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -957,24 +899,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -998,22 +935,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
relation
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -1022,24 +959,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -1061,22 +993,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
uid
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -1086,27 +1018,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c14"
|
||||
>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c16"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -1138,22 +1065,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
component
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -1162,24 +1089,19 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c15"
|
||||
>
|
||||
<div
|
||||
class="c25"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<button
|
||||
class="c17 c18"
|
||||
class="c16 c17"
|
||||
type="button"
|
||||
>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="c20 c21"
|
||||
class="c19 c20"
|
||||
>
|
||||
<svg
|
||||
class=""
|
||||
@ -1205,22 +1127,22 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="c22"
|
||||
class="c21"
|
||||
>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
<span
|
||||
class="c23"
|
||||
class="c22"
|
||||
>
|
||||
dynamiczone
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c19"
|
||||
class="c18"
|
||||
>
|
||||
<span
|
||||
class="c24"
|
||||
class="c23"
|
||||
>
|
||||
A type for modeling data
|
||||
</span>
|
||||
@ -1236,9 +1158,8 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c26"
|
||||
class="c24"
|
||||
>
|
||||
<p
|
||||
aria-live="polite"
|
||||
|
||||
@ -1,9 +0,0 @@
|
||||
const getPadding = (index) => {
|
||||
const isOdd = index % 2 === 1;
|
||||
const paddingLeft = isOdd ? 2 : 0;
|
||||
const paddingRight = isOdd ? 0 : 2;
|
||||
|
||||
return { paddingLeft, paddingRight };
|
||||
};
|
||||
|
||||
export default getPadding;
|
||||
@ -1,17 +1,17 @@
|
||||
const getAttributes = (dataTarget = '', targetUid, nestedComponents) => {
|
||||
const defaultAttributes = [
|
||||
'text',
|
||||
'email',
|
||||
'richtext',
|
||||
'password',
|
||||
'blocks',
|
||||
'number',
|
||||
'enumeration',
|
||||
'date',
|
||||
'media',
|
||||
'boolean',
|
||||
'blocks',
|
||||
'json',
|
||||
'number',
|
||||
'email',
|
||||
'date',
|
||||
'password',
|
||||
'media',
|
||||
'enumeration',
|
||||
'relation',
|
||||
'richtext',
|
||||
];
|
||||
|
||||
const isPickingAttributeForAContentType = dataTarget === 'contentType';
|
||||
@ -21,7 +21,8 @@ const getAttributes = (dataTarget = '', targetUid, nestedComponents) => {
|
||||
|
||||
if (isPickingAttributeForAContentType) {
|
||||
return [
|
||||
[...defaultAttributes, 'uid'],
|
||||
// Insert UID before the last item (richtext)
|
||||
[...defaultAttributes.slice(0, -1), 'uid', ...defaultAttributes.slice(-1)],
|
||||
['component', 'dynamiczone'],
|
||||
];
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user