@developer_tribe/react-builder 0.1.18 → 0.1.20
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/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +2 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/package.json +1 -1
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +7 -0
- package/src/build-components/OnboardButton/pattern.json +8 -0
- package/src/utils/novaToJson.ts +12 -0
package/package.json
CHANGED
|
@@ -13,6 +13,13 @@ export interface OnboardButtonPropsGenerated {
|
|
|
13
13
|
attributes: {
|
|
14
14
|
labelKey?: string;
|
|
15
15
|
button_text_color?: string;
|
|
16
|
+
animation?:
|
|
17
|
+
| 'simple-animation'
|
|
18
|
+
| 'line-animation'
|
|
19
|
+
| 'blur'
|
|
20
|
+
| 'blur-animation'
|
|
21
|
+
| 'blur-line-animation';
|
|
22
|
+
animation_color?: string;
|
|
16
23
|
button_background_color?: string;
|
|
17
24
|
flex?: number;
|
|
18
25
|
targetIndex?: number;
|
|
@@ -7,6 +7,14 @@
|
|
|
7
7
|
"attributes": {
|
|
8
8
|
"labelKey": "string",
|
|
9
9
|
"button_text_color": "string",
|
|
10
|
+
"animation": [
|
|
11
|
+
"simple-animation",
|
|
12
|
+
"line-animation",
|
|
13
|
+
"blur",
|
|
14
|
+
"blur-animation",
|
|
15
|
+
"blur-line-animation"
|
|
16
|
+
],
|
|
17
|
+
"animation_color": "string",
|
|
10
18
|
"button_background_color": "string",
|
|
11
19
|
"flex": "number",
|
|
12
20
|
"targetIndex": "number",
|
package/src/utils/novaToJson.ts
CHANGED
|
@@ -129,6 +129,14 @@ function buildCarouselItem(
|
|
|
129
129
|
const labelKey = attrs?.button_text_localization_key || '';
|
|
130
130
|
const buttonTextColor = attrs?.button_text_color;
|
|
131
131
|
const buttonBackgroundColor = attrs?.button_background_color;
|
|
132
|
+
const animation = attrs?.animation as
|
|
133
|
+
| 'simple-animation'
|
|
134
|
+
| 'line-animation'
|
|
135
|
+
| 'blur'
|
|
136
|
+
| 'blur-animation'
|
|
137
|
+
| 'blur-line-animation'
|
|
138
|
+
| undefined;
|
|
139
|
+
const animationColor = attrs?.animation_color as string | undefined;
|
|
132
140
|
const flex = attrs?.flex ? Number(attrs.flex) : undefined;
|
|
133
141
|
|
|
134
142
|
// Find first Navigate event and map to target index
|
|
@@ -171,6 +179,10 @@ function buildCarouselItem(
|
|
|
171
179
|
...(typeof buttonTextColor === 'string'
|
|
172
180
|
? { button_text_color: buttonTextColor }
|
|
173
181
|
: {}),
|
|
182
|
+
...(typeof animation === 'string' ? { animation } : {}),
|
|
183
|
+
...(typeof animationColor === 'string'
|
|
184
|
+
? { animation_color: animationColor }
|
|
185
|
+
: {}),
|
|
174
186
|
...(typeof buttonBackgroundColor === 'string'
|
|
175
187
|
? { button_background_color: buttonBackgroundColor }
|
|
176
188
|
: {}),
|