@capillarytech/creatives-library 7.17.180 → 7.17.182

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.
Files changed (13) hide show
  1. package/config/app.js +1 -1
  2. package/package.json +1 -1
  3. package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js +3 -0
  4. package/v2Containers/Assets/Gallery/index.js +3 -4
  5. package/v2Containers/Templates/index.js +7 -8
  6. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +601 -154
  7. package/assets/loading_image.avif +0 -0
  8. package/v2Components/CapCustomSkeleton/index.js +0 -58
  9. package/v2Components/CapCustomSkeleton/tests/__snapshots__/index.test.js.snap +0 -264
  10. package/v2Components/CapCustomSkeleton/tests/index.test.js +0 -12
  11. package/v2Containers/Cap/Loadable.js +0 -25
  12. package/v2Containers/Templates/Loadable.js +0 -25
  13. package/v2Containers/TemplatesV2/Loadable.js +0 -25
package/assets/loading_image.avif DELETED
Binary file
package/v2Components/CapCustomSkeleton/index.js DELETED
@@ -1,58 +0,0 @@
1
- import React from "react";
2
- import PropTypes from "prop-types";
3
- import CapSkeleton from "@capillarytech/cap-ui-library/CapSkeleton";
4
- import CapRow from "@capillarytech/cap-ui-library/CapRow";
5
- import CapColumn from "@capillarytech/cap-ui-library/CapColumn";
6
-
7
- export default function CapCustomSkeleton(props) {
8
- const { loader = true, children } = props;
9
- return (
10
- <>
11
- {loader ? (
12
- <div>
13
- <CapSkeleton
14
- active
15
- title={{
16
- style: {
17
- height: "40px",
18
- width: "100%",
19
- },
20
- }}
21
- paragraph={false}
22
- />
23
- {
24
- <CapRow gutter={16}>
25
- {Array.from({ length: 12 }).map((_, index) => (
26
- <CapColumn
27
- key={index}
28
- xs={24}
29
- sm={12}
30
- md={8}
31
- lg={6}
32
- >
33
- <CapSkeleton
34
- active
35
- title={{
36
- style: {
37
- height: "338px",
38
- width: "276px",
39
- },
40
- }}
41
- paragraph={false}
42
- />
43
- </CapColumn>
44
- ))}
45
- </CapRow>
46
- }
47
- </div>
48
- ) : (
49
- <>{children}</>
50
- )}
51
- </>
52
- );
53
- }
54
-
55
- CapCustomSkeleton.propTypes = {
56
- children: PropTypes.node,
57
- loader: PropTypes.bool,
58
- };
package/v2Components/CapCustomSkeleton/tests/__snapshots__/index.test.js.snap DELETED
@@ -1,264 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`] = `
4
- <Fragment>
5
- <div>
6
- <CapSkeleton
7
- active={true}
8
- paragraph={false}
9
- title={
10
- Object {
11
- "style": Object {
12
- "height": "40px",
13
- "width": "100%",
14
- },
15
- }
16
- }
17
- />
18
- <CapRow
19
- gutter={16}
20
- >
21
- <CapColumn
22
- key="0"
23
- lg={6}
24
- md={8}
25
- sm={12}
26
- xs={24}
27
- >
28
- <CapSkeleton
29
- active={true}
30
- paragraph={false}
31
- title={
32
- Object {
33
- "style": Object {
34
- "height": "338px",
35
- "width": "276px",
36
- },
37
- }
38
- }
39
- />
40
- </CapColumn>
41
- <CapColumn
42
- key="1"
43
- lg={6}
44
- md={8}
45
- sm={12}
46
- xs={24}
47
- >
48
- <CapSkeleton
49
- active={true}
50
- paragraph={false}
51
- title={
52
- Object {
53
- "style": Object {
54
- "height": "338px",
55
- "width": "276px",
56
- },
57
- }
58
- }
59
- />
60
- </CapColumn>
61
- <CapColumn
62
- key="2"
63
- lg={6}
64
- md={8}
65
- sm={12}
66
- xs={24}
67
- >
68
- <CapSkeleton
69
- active={true}
70
- paragraph={false}
71
- title={
72
- Object {
73
- "style": Object {
74
- "height": "338px",
75
- "width": "276px",
76
- },
77
- }
78
- }
79
- />
80
- </CapColumn>
81
- <CapColumn
82
- key="3"
83
- lg={6}
84
- md={8}
85
- sm={12}
86
- xs={24}
87
- >
88
- <CapSkeleton
89
- active={true}
90
- paragraph={false}
91
- title={
92
- Object {
93
- "style": Object {
94
- "height": "338px",
95
- "width": "276px",
96
- },
97
- }
98
- }
99
- />
100
- </CapColumn>
101
- <CapColumn
102
- key="4"
103
- lg={6}
104
- md={8}
105
- sm={12}
106
- xs={24}
107
- >
108
- <CapSkeleton
109
- active={true}
110
- paragraph={false}
111
- title={
112
- Object {
113
- "style": Object {
114
- "height": "338px",
115
- "width": "276px",
116
- },
117
- }
118
- }
119
- />
120
- </CapColumn>
121
- <CapColumn
122
- key="5"
123
- lg={6}
124
- md={8}
125
- sm={12}
126
- xs={24}
127
- >
128
- <CapSkeleton
129
- active={true}
130
- paragraph={false}
131
- title={
132
- Object {
133
- "style": Object {
134
- "height": "338px",
135
- "width": "276px",
136
- },
137
- }
138
- }
139
- />
140
- </CapColumn>
141
- <CapColumn
142
- key="6"
143
- lg={6}
144
- md={8}
145
- sm={12}
146
- xs={24}
147
- >
148
- <CapSkeleton
149
- active={true}
150
- paragraph={false}
151
- title={
152
- Object {
153
- "style": Object {
154
- "height": "338px",
155
- "width": "276px",
156
- },
157
- }
158
- }
159
- />
160
- </CapColumn>
161
- <CapColumn
162
- key="7"
163
- lg={6}
164
- md={8}
165
- sm={12}
166
- xs={24}
167
- >
168
- <CapSkeleton
169
- active={true}
170
- paragraph={false}
171
- title={
172
- Object {
173
- "style": Object {
174
- "height": "338px",
175
- "width": "276px",
176
- },
177
- }
178
- }
179
- />
180
- </CapColumn>
181
- <CapColumn
182
- key="8"
183
- lg={6}
184
- md={8}
185
- sm={12}
186
- xs={24}
187
- >
188
- <CapSkeleton
189
- active={true}
190
- paragraph={false}
191
- title={
192
- Object {
193
- "style": Object {
194
- "height": "338px",
195
- "width": "276px",
196
- },
197
- }
198
- }
199
- />
200
- </CapColumn>
201
- <CapColumn
202
- key="9"
203
- lg={6}
204
- md={8}
205
- sm={12}
206
- xs={24}
207
- >
208
- <CapSkeleton
209
- active={true}
210
- paragraph={false}
211
- title={
212
- Object {
213
- "style": Object {
214
- "height": "338px",
215
- "width": "276px",
216
- },
217
- }
218
- }
219
- />
220
- </CapColumn>
221
- <CapColumn
222
- key="10"
223
- lg={6}
224
- md={8}
225
- sm={12}
226
- xs={24}
227
- >
228
- <CapSkeleton
229
- active={true}
230
- paragraph={false}
231
- title={
232
- Object {
233
- "style": Object {
234
- "height": "338px",
235
- "width": "276px",
236
- },
237
- }
238
- }
239
- />
240
- </CapColumn>
241
- <CapColumn
242
- key="11"
243
- lg={6}
244
- md={8}
245
- sm={12}
246
- xs={24}
247
- >
248
- <CapSkeleton
249
- active={true}
250
- paragraph={false}
251
- title={
252
- Object {
253
- "style": Object {
254
- "height": "338px",
255
- "width": "276px",
256
- },
257
- }
258
- }
259
- />
260
- </CapColumn>
261
- </CapRow>
262
- </div>
263
- </Fragment>
264
- `;
package/v2Components/CapCustomSkeleton/tests/index.test.js DELETED
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { shallow } from 'enzyme';
3
- import CapCustomSkeleton from '../index';
4
-
5
- describe('CapCustomSkeleton test', () => {
6
- it('renders correct CapCustomSkeleton component', () => {
7
- const renderedComponent = shallow(
8
- <CapCustomSkeleton/>
9
- );
10
- expect(renderedComponent).toMatchSnapshot();
11
- });
12
- });
package/v2Containers/Cap/Loadable.js DELETED
@@ -1,25 +0,0 @@
1
- import React, { Suspense } from "react";
2
- import { loadable } from "@capillarytech/cap-ui-utils";
3
- import CapSkeleton from "@capillarytech/cap-ui-library/CapSkeleton";
4
-
5
- const LoadableComponent = loadable(() => import("./index"));
6
-
7
- export default () => (
8
- <Suspense
9
- fallback={
10
- <CapSkeleton
11
- active
12
- title={{
13
- style: {
14
- margin: 10,
15
- height: 750,
16
- width: "90%",
17
- },
18
- }}
19
- paragraph={false}
20
- />
21
- }
22
- >
23
- <LoadableComponent />
24
- </Suspense>
25
- );
package/v2Containers/Templates/Loadable.js DELETED
@@ -1,25 +0,0 @@
1
- import React, { Suspense } from "react";
2
- import { loadable } from "@capillarytech/cap-ui-utils";
3
- import CapSkeleton from "@capillarytech/cap-ui-library/CapSkeleton";
4
-
5
- const LoadableComponent = loadable(() => import("./index"));
6
-
7
- export default () => (
8
- <Suspense
9
- fallback={
10
- <CapSkeleton
11
- active
12
- title={{
13
- style: {
14
- margin: 10,
15
- height: 750,
16
- width: "90%",
17
- },
18
- }}
19
- paragraph={false}
20
- />
21
- }
22
- >
23
- <LoadableComponent />
24
- </Suspense>
25
- );
package/v2Containers/TemplatesV2/Loadable.js DELETED
@@ -1,25 +0,0 @@
1
- import React, { Suspense } from "react";
2
- import { loadable } from "@capillarytech/cap-ui-utils";
3
- import CapSkeleton from "@capillarytech/cap-ui-library/CapSkeleton";
4
-
5
- const LoadableComponent = loadable(() => import("./index"));
6
-
7
- export default () => (
8
- <Suspense
9
- fallback={
10
- <CapSkeleton
11
- active
12
- title={{
13
- style: {
14
- margin: 10,
15
- height: 750,
16
- width: "90%",
17
- },
18
- }}
19
- paragraph={false}
20
- />
21
- }
22
- >
23
- <LoadableComponent />
24
- </Suspense>
25
- );