@akemona-org/strapi-plugin-content-type-builder 3.13.1 → 3.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/admin/src/components/AttributeOption/Button.js +3 -3
- package/admin/src/components/BooleanBox/CT.js +1 -1
- package/admin/src/components/BooleanBox/ST.js +1 -1
- package/admin/src/components/BooleanBox/Wrapper.js +4 -5
- package/admin/src/components/CheckboxWithDescription/index.js +12 -12
- package/admin/src/components/ComponentIconPicker/SearchWrapper.js +1 -1
- package/admin/src/components/ComponentIconPicker/Wrapper.js +1 -4
- package/admin/src/components/ComponentSelect/Category.js +5 -3
- package/admin/src/components/CustomLink/index.js +10 -8
- package/admin/src/components/List/List.js +1 -3
- package/admin/src/components/ListHeader/Title.js +1 -1
- package/admin/src/components/ListRow/Wrapper.js +1 -1
- package/admin/src/components/RelationForm/Wrapper.js +1 -1
- package/admin/src/components/RelationTargetPicker/Wrapper.js +5 -4
- package/admin/src/components/SelectMenuUl/index.js +1 -5
- package/admin/src/components/Td/index.js +1 -4
- package/admin/src/components/UpperFirst/index.js +1 -1
- package/admin/src/containers/ListView/Wrapper.js +1 -1
- package/admin/src/icons/Curve.js +14 -12
- package/package.json +7 -7
|
@@ -4,16 +4,16 @@ const Button = styled.button`
|
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100% !important;
|
|
6
6
|
height: 4rem;
|
|
7
|
-
padding: 0 1rem
|
|
7
|
+
padding: 0 1rem;
|
|
8
8
|
margin-top: 0.6rem;
|
|
9
9
|
margin-bottom: 0.8rem;
|
|
10
10
|
align-items: center;
|
|
11
11
|
justify-content: space-between;
|
|
12
12
|
border-radius: 0.25rem;
|
|
13
13
|
border: 1px solid #e3e9f3;
|
|
14
|
-
background: #
|
|
14
|
+
background: #fff;
|
|
15
15
|
line-height: 4rem;
|
|
16
|
-
box-shadow: 1px 1px 1px
|
|
16
|
+
box-shadow: 1px 1px 1px rgb(104 118 145 / 5%);
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
|
|
19
19
|
&:hover,
|
|
@@ -31,14 +31,14 @@ const Wrapper = styled.div`
|
|
|
31
31
|
position: absolute;
|
|
32
32
|
top: 36px;
|
|
33
33
|
left: 20px;
|
|
34
|
-
background: #
|
|
34
|
+
background: #fff;
|
|
35
35
|
width: 12px;
|
|
36
36
|
height: 12px;
|
|
37
37
|
border: solid 1px #b4b6ba;
|
|
38
38
|
border-radius: 50%;
|
|
39
39
|
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
&::before,
|
|
41
|
+
&::after {
|
|
42
42
|
content: '';
|
|
43
43
|
display: block;
|
|
44
44
|
border-radius: 50%;
|
|
@@ -49,7 +49,7 @@ const Wrapper = styled.div`
|
|
|
49
49
|
left: 1px;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
&::after {
|
|
53
53
|
transform: scale(0);
|
|
54
54
|
transition: inherit;
|
|
55
55
|
will-change: transform;
|
|
@@ -65,7 +65,6 @@ const Wrapper = styled.div`
|
|
|
65
65
|
border: solid 1px #aed4fb;
|
|
66
66
|
&::after {
|
|
67
67
|
background: #007eff;
|
|
68
|
-
|
|
69
68
|
transform: scale(1);
|
|
70
69
|
}
|
|
71
70
|
}
|
|
@@ -6,18 +6,18 @@ import Wrapper from './Wrapper';
|
|
|
6
6
|
function CheckboxWithDescription({ description, error, label, value, ...rest }) {
|
|
7
7
|
return (
|
|
8
8
|
<Wrapper>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
<Checkbox {...rest} message={label} label={label} type="checkbox" value={value} />
|
|
10
|
+
{description && (
|
|
11
|
+
<Text color="grey" title={description} fontSize="sm" ellipsis>
|
|
12
|
+
{description}
|
|
13
|
+
</Text>
|
|
14
|
+
)}
|
|
15
|
+
{error && (
|
|
16
|
+
<Text color="lightOrange" lineHeight="18px">
|
|
17
|
+
{error}
|
|
18
|
+
</Text>
|
|
19
|
+
)}
|
|
20
|
+
</Wrapper>
|
|
21
21
|
);
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -4,9 +4,11 @@ import UpperFirst from '../UpperFirst';
|
|
|
4
4
|
import CategoryName from './CategoryName';
|
|
5
5
|
|
|
6
6
|
function Category({ categoryName }) {
|
|
7
|
-
return
|
|
8
|
-
<
|
|
9
|
-
|
|
7
|
+
return (
|
|
8
|
+
<CategoryName>
|
|
9
|
+
<UpperFirst content={categoryName} />
|
|
10
|
+
</CategoryName>
|
|
11
|
+
);
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
Category.defaultProps = {
|
|
@@ -6,14 +6,16 @@ import P from './P';
|
|
|
6
6
|
import StyledCustomLink from './StyledCustomLink';
|
|
7
7
|
|
|
8
8
|
function CustomLink({ disabled, id, onClick }) {
|
|
9
|
-
return
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
return (
|
|
10
|
+
<StyledCustomLink disabled={disabled}>
|
|
11
|
+
<button onClick={onClick} disabled={disabled} type="button">
|
|
12
|
+
<P>
|
|
13
|
+
<Plus fill="#007EFF" width="11px" height="11px" />
|
|
14
|
+
{id && <FormattedMessage id={id} />}
|
|
15
|
+
</P>
|
|
16
|
+
</button>
|
|
17
|
+
</StyledCustomLink>
|
|
18
|
+
);
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
CustomLink.defaultProps = {
|
|
@@ -88,8 +88,7 @@ const Wrapper = styled(List)`
|
|
|
88
88
|
width: 100%;
|
|
89
89
|
display: flex;
|
|
90
90
|
flex-wrap: nowrap;
|
|
91
|
-
overflow
|
|
92
|
-
overflow-y: hidden;
|
|
91
|
+
overflow: auto hidden;
|
|
93
92
|
li {
|
|
94
93
|
margin-right: 9px;
|
|
95
94
|
}
|
|
@@ -110,7 +109,6 @@ const Wrapper = styled(List)`
|
|
|
110
109
|
bottom: 14px;
|
|
111
110
|
left: 34px;
|
|
112
111
|
background-color: ${({ isFromDynamicZone }) => (isFromDynamicZone ? '#AED4FB' : '#f3f4f4')};
|
|
113
|
-
|
|
114
112
|
color: transparent;
|
|
115
113
|
text-align: center;
|
|
116
114
|
line-height: 27px;
|
|
@@ -52,7 +52,7 @@ const Wrapper = styled.tr`
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
&.relation-row {
|
|
55
|
-
background: linear-gradient(135deg,
|
|
55
|
+
background: linear-gradient(135deg, rgb(28 93 231 / 5%), rgb(239 243 253 / 0%));
|
|
56
56
|
}
|
|
57
57
|
&.clickable {
|
|
58
58
|
&:hover {
|
|
@@ -21,7 +21,7 @@ const Wrapper = styled.div`
|
|
|
21
21
|
box-shadow: none;
|
|
22
22
|
color: black;
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
&::after {
|
|
25
25
|
position: absolute;
|
|
26
26
|
top: calc(50% - 0.1rem);
|
|
27
27
|
right: 1.5rem;
|
|
@@ -43,6 +43,7 @@ const Wrapper = styled.div`
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
+
|
|
46
47
|
/* Dropdown List */
|
|
47
48
|
> button + div {
|
|
48
49
|
max-width: 100%;
|
|
@@ -64,11 +65,11 @@ const Wrapper = styled.div`
|
|
|
64
65
|
&:focus,
|
|
65
66
|
&:active {
|
|
66
67
|
outline: 0;
|
|
67
|
-
background-color: rgb(255
|
|
68
|
-
color:
|
|
68
|
+
background-color: rgb(255 255 255) !important;
|
|
69
|
+
color: rgb(50 55 64 / 75%);
|
|
69
70
|
}
|
|
70
71
|
> p {
|
|
71
|
-
color:
|
|
72
|
+
color: rgb(50 55 64 / 75%);
|
|
72
73
|
line-height: 3rem;
|
|
73
74
|
white-space: nowrap;
|
|
74
75
|
overflow: hidden;
|
|
@@ -21,7 +21,6 @@ const Ul = styled.ul`
|
|
|
21
21
|
}
|
|
22
22
|
.chevron {
|
|
23
23
|
margin: auto;
|
|
24
|
-
|
|
25
24
|
font-size: 11px;
|
|
26
25
|
color: #919bae;
|
|
27
26
|
}
|
|
@@ -49,10 +48,7 @@ const Ul = styled.ul`
|
|
|
49
48
|
content: '';
|
|
50
49
|
position: absolute;
|
|
51
50
|
z-index: 1;
|
|
52
|
-
|
|
53
|
-
left: -30px;
|
|
54
|
-
right: -30px;
|
|
55
|
-
bottom: 0;
|
|
51
|
+
inset: 0 -30px;
|
|
56
52
|
background-color: #e6f0fb;
|
|
57
53
|
}
|
|
58
54
|
}
|
|
@@ -10,7 +10,6 @@ const Td = styled.td`
|
|
|
10
10
|
top: -7px;
|
|
11
11
|
left: 45px;
|
|
12
12
|
color: transparent;
|
|
13
|
-
|
|
14
13
|
${({ isFromDynamicZone, isChildOfDynamicZone }) => {
|
|
15
14
|
if (isChildOfDynamicZone) {
|
|
16
15
|
return `
|
|
@@ -18,18 +17,16 @@ const Td = styled.td`
|
|
|
18
17
|
background-color: transparent !important;
|
|
19
18
|
`;
|
|
20
19
|
}
|
|
21
|
-
|
|
22
20
|
if (isFromDynamicZone) {
|
|
23
21
|
return `
|
|
24
22
|
background-color: #AED4FB !important;
|
|
25
23
|
`;
|
|
26
24
|
}
|
|
27
|
-
|
|
25
|
+
// eslint-disable-next-line newline-before-return
|
|
28
26
|
return `
|
|
29
27
|
background-color: #f3f4f4 !important;
|
|
30
28
|
`;
|
|
31
29
|
}}
|
|
32
|
-
|
|
33
30
|
border-radius: 3px;
|
|
34
31
|
}
|
|
35
32
|
`;
|
package/admin/src/icons/Curve.js
CHANGED
|
@@ -2,18 +2,20 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
|
|
4
4
|
function Curve(props) {
|
|
5
|
-
return
|
|
6
|
-
<
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
return (
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.08 21" {...props}>
|
|
7
|
+
<g>
|
|
8
|
+
<path
|
|
9
|
+
d="M2.58 2.5q-1.2 16 16 16"
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke={props.fill}
|
|
12
|
+
strokeLinecap="round"
|
|
13
|
+
strokeLinejoin="round"
|
|
14
|
+
strokeWidth="5"
|
|
15
|
+
/>
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
Curve.defaultProps = {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "3.
|
|
6
|
+
"version": "3.14.0",
|
|
7
7
|
"description": "Strapi plugin to create content type (API).",
|
|
8
8
|
"strapi": {
|
|
9
9
|
"name": "Content Type Builder",
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
"description": "content-type-builder.plugin.description"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@akemona-org/strapi-generate": "3.
|
|
15
|
-
"@akemona-org/strapi-generate-api": "3.
|
|
16
|
-
"@akemona-org/strapi-helper-plugin": "3.
|
|
17
|
-
"@akemona-org/strapi-utils": "3.
|
|
14
|
+
"@akemona-org/strapi-generate": "3.14.0",
|
|
15
|
+
"@akemona-org/strapi-generate-api": "3.14.0",
|
|
16
|
+
"@akemona-org/strapi-helper-plugin": "3.14.0",
|
|
17
|
+
"@akemona-org/strapi-utils": "3.14.0",
|
|
18
18
|
"@buffetjs/core": "3.3.8",
|
|
19
19
|
"@buffetjs/custom": "3.3.8",
|
|
20
20
|
"@buffetjs/hooks": "3.3.8",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"url": "git://github.com/akemona/strapi.git"
|
|
56
56
|
},
|
|
57
57
|
"engines": {
|
|
58
|
-
"node": ">=
|
|
58
|
+
"node": ">=18.17.0 <=20.x.x",
|
|
59
59
|
"npm": ">=6.0.0"
|
|
60
60
|
},
|
|
61
61
|
"license": "SEE LICENSE IN LICENSE",
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "241f7ad8f4277aa7f522f580557e15d65af4a0cc"
|
|
63
63
|
}
|