keski_lib_catalog 1.3.1 → 1.3.3

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 (5) hide show
  1. package/dist/index.js +102 -117
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +102 -117
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -4,6 +4,7 @@ var React = require('react');
4
4
  var React__default = _interopDefault(React);
5
5
  var Carousel = _interopDefault(require('react-material-ui-carousel'));
6
6
  var material = require('@mui/material');
7
+ var Avatar = _interopDefault(require('@mui/material/Avatar'));
7
8
  var styles = require('@mui/material/styles');
8
9
  var Paper = _interopDefault(require('@mui/material/Paper'));
9
10
  var Grid = _interopDefault(require('@mui/material/Grid'));
@@ -121,22 +122,27 @@ function Item(props) {
121
122
  color: content.text_color,
122
123
  alignItems: getSideRender(side)
123
124
  }
124
- }, /*#__PURE__*/React__default.createElement(material.Box, {
125
- component: "img",
126
- src: content.image ? content.image.url : "https://cdn-icons-png.flaticon.com/512/6596/6596121.png",
125
+ }, /*#__PURE__*/React__default.createElement(Avatar, {
126
+ src: content.image ? content.image.url : "none",
127
127
  sx: {
128
128
  width: '120px',
129
129
  height: '120px',
130
- marginBottom: '16px',
131
- borderRadius: '50%'
130
+ bgcolor: "black",
131
+ marginBottom: '16px'
132
132
  }
133
133
  }), /*#__PURE__*/React__default.createElement(material.Box, {
134
134
  sx: {
135
135
  width: {
136
136
  xs: "100%",
137
- xl: "90%",
138
- lg: "90%"
139
- }
137
+ xl: "72%",
138
+ lg: "72%"
139
+ },
140
+ height: "100%",
141
+ overflow: 'hidden',
142
+ textOverflow: 'ellipsis',
143
+ display: '-webkit-box',
144
+ WebkitLineClamp: 7,
145
+ WebkitBoxOrient: 'vertical'
140
146
  }
141
147
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
142
148
  dangerouslySetInnerHTML: {
@@ -147,14 +153,14 @@ function Item(props) {
147
153
  fontSize: {
148
154
  xl: '1.75em',
149
155
  lg: '1.75em',
150
- md: '1.5em',
156
+ md: '1.75em',
151
157
  sm: '1.5em',
152
158
  xs: '1.5em'
153
159
  }
154
160
  }
155
- }), /*#__PURE__*/React__default.createElement(material.Typography, {
161
+ })), /*#__PURE__*/React__default.createElement(material.Typography, {
156
162
  dangerouslySetInnerHTML: {
157
- __html: content.subtitle ? content.subtitle : 'Agregue subtítulo'
163
+ __html: content.title ? content.title : 'Agregue subtítulo'
158
164
  },
159
165
  sx: {
160
166
  marginBottom: '16px',
@@ -166,7 +172,7 @@ function Item(props) {
166
172
  xs: '1.125em'
167
173
  }
168
174
  }
169
- })), content.label_active && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
175
+ }), content.label_active && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
170
176
  disabled: true,
171
177
  color: "info",
172
178
  label: content.label ? content.label : 'Agregue etiqueta',
@@ -188,7 +194,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
188
194
  _this.layoutFootprint = ['quotes_layout_1.png'];
189
195
  _this.layoutFootprintReq = [{
190
196
  'type': 1,
191
- 'subtitle': 'Subtitle',
197
+ 'title': 'Tittle',
192
198
  'description': 'Description',
193
199
  'label': 'Label',
194
200
  'label_color': 'Label color',
@@ -201,7 +207,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
201
207
  }(AtomicElements);
202
208
 
203
209
  function Layout1$1(content) {
204
- var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9, _content$component$su10, _content$component$su11, _content$component$su12, _content$component$su13, _content$component$su14, _content$component$su15, _content$component$su16;
210
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9, _content$component$su10, _content$component$su11, _content$component$su12, _content$component$su13, _content$component$su14, _content$component$su15, _content$component$su16, _content$component$su17;
205
211
  var visible = true;
206
212
  return /*#__PURE__*/React__default.createElement(material.Slide, {
207
213
  direction: "left",
@@ -227,30 +233,46 @@ function Layout1$1(content) {
227
233
  flexDirection: 'column',
228
234
  width: {
229
235
  xs: '100%',
230
- md: '90%',
231
- lg: '80%'
236
+ md: '80%',
237
+ lg: '70%'
232
238
  },
233
239
  height: {
234
240
  xs: '80vh',
235
241
  lg: '80vh'
236
242
  },
237
243
  justifyContent: 'center',
238
- paddingLeft: content.component.bg_type === 3 ? '24px' : '0px',
239
- color: (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.text_color
244
+ paddingLeft: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image ? {
245
+ lg: "24px",
246
+ md: "24px",
247
+ sm: "16px",
248
+ xs: "16px"
249
+ } : {
250
+ lg: "0px",
251
+ md: "24px",
252
+ sm: "16px",
253
+ xs: "16px"
254
+ },
255
+ paddingRight: {
256
+ lg: "24px",
257
+ md: "24px",
258
+ sm: "16px",
259
+ xs: "16px"
260
+ },
261
+ color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
240
262
  }
241
- }, ((_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
263
+ }, ((_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
242
264
  disabled: true,
243
265
  color: "info",
244
- label: (_content$component$su5 = content.component.subcomponent[0]) !== null && _content$component$su5 !== void 0 && _content$component$su5.label ? (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.label : 'Agregue etiqueta',
266
+ label: (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.label ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.label : 'Agregue etiqueta',
245
267
  sx: {
246
268
  marginBottom: '16px',
247
269
  fontSize: '1em',
248
270
  borderRadius: '6px',
249
- backgroundColor: (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.label_color
271
+ backgroundColor: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.label_color
250
272
  }
251
273
  })), /*#__PURE__*/React__default.createElement(material.Typography, {
252
274
  dangerouslySetInnerHTML: {
253
- __html: (_content$component$su8 = content.component.subcomponent[0]) !== null && _content$component$su8 !== void 0 && _content$component$su8.title ? (_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.title : 'Agregue titulo'
275
+ __html: (_content$component$su9 = content.component.subcomponent[0]) !== null && _content$component$su9 !== void 0 && _content$component$su9.title ? (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.title : 'Agregue titulo'
254
276
  },
255
277
  sx: {
256
278
  marginBottom: '16px',
@@ -258,7 +280,7 @@ function Layout1$1(content) {
258
280
  fontSize: {
259
281
  xs: "2em",
260
282
  sm: "2em",
261
- md: "2em",
283
+ md: "3.75em",
262
284
  lg: "3.75em",
263
285
  xl: "3.75em"
264
286
  },
@@ -266,7 +288,7 @@ function Layout1$1(content) {
266
288
  }
267
289
  }), /*#__PURE__*/React__default.createElement(material.Typography, {
268
290
  dangerouslySetInnerHTML: {
269
- __html: (_content$component$su10 = content.component.subcomponent[0]) !== null && _content$component$su10 !== void 0 && _content$component$su10.description ? (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.description : 'Agregue descripción'
291
+ __html: (_content$component$su11 = content.component.subcomponent[0]) !== null && _content$component$su11 !== void 0 && _content$component$su11.description ? (_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.description : 'Agregue descripción'
270
292
  },
271
293
  sx: {
272
294
  marginBottom: '16px',
@@ -279,18 +301,18 @@ function Layout1$1(content) {
279
301
  xl: "1.125em"
280
302
  }
281
303
  }
282
- }), ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
304
+ }), ((_content$component$su13 = content.component.subcomponent[0]) === null || _content$component$su13 === void 0 ? void 0 : _content$component$su13.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
283
305
  variant: "contained",
284
306
  size: "medium",
285
307
  color: "primary",
286
- href: (_content$component$su13 = content.component.subcomponent[0]) === null || _content$component$su13 === void 0 ? void 0 : _content$component$su13.button_action,
287
- target: ((_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.link) == 4 ? '_blank' : '_self',
308
+ href: (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_action,
309
+ target: ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.link) == 4 ? '_blank' : '_self',
288
310
  sx: {
289
311
  width: 'auto',
290
312
  padding: '14px 40px',
291
313
  borderRadius: '50px'
292
314
  }
293
- }, (_content$component$su15 = content.component.subcomponent[0]) !== null && _content$component$su15 !== void 0 && _content$component$su15.button_title ? (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.button_title : 'Nombre botón')))));
315
+ }, (_content$component$su16 = content.component.subcomponent[0]) !== null && _content$component$su16 !== void 0 && _content$component$su16.button_title ? (_content$component$su17 = content.component.subcomponent[0]) === null || _content$component$su17 === void 0 ? void 0 : _content$component$su17.button_title : 'Nombre botón')))));
294
316
  }
295
317
 
296
318
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -333,33 +355,16 @@ function Layout1$2(content) {
333
355
  item: true,
334
356
  xs: 12,
335
357
  sm: 12,
336
- md: 6,
337
- lg: 6,
338
- xl: 6,
339
- sx: {
340
- paddingLeft: {
341
- xl: "16px",
342
- lg: "16px",
343
- md: "16px",
344
- sm: "0px",
345
- xs: "0px"
346
- },
347
- paddingRight: {
348
- xl: "16px",
349
- lg: "16px",
350
- md: "16px",
351
- sm: "0px",
352
- xs: "0px"
353
- },
354
- paddingTop: "10px"
355
- }
358
+ md: 5.5,
359
+ lg: 5.5,
360
+ xl: 5.5
356
361
  }, /*#__PURE__*/React__default.createElement(material.Slide, {
357
362
  direction: "right",
358
363
  "in": visible
359
364
  }, /*#__PURE__*/React__default.createElement(Item$1, {
360
365
  elevation: 0,
361
366
  sx: {
362
- height: "90%",
367
+ height: "100%",
363
368
  width: "100%",
364
369
  background: "none"
365
370
  }
@@ -384,26 +389,24 @@ function Layout1$2(content) {
384
389
  item: true,
385
390
  xs: 12,
386
391
  sm: 12,
387
- md: 6,
388
- lg: 6,
389
- xl: 6,
392
+ md: 1,
393
+ lg: 1,
394
+ xl: 1
395
+ }, /*#__PURE__*/React__default.createElement(Item$1, {
396
+ elevation: 0,
390
397
  sx: {
391
- paddingLeft: {
392
- xl: "16px",
393
- lg: "16px",
394
- md: "16px",
395
- sm: "0px",
396
- xs: "0px"
397
- },
398
- paddingRight: {
399
- xl: "16px",
400
- lg: "16px",
401
- md: "16px",
402
- sm: "0px",
403
- xs: "0px"
404
- },
405
- paddingTop: "10px"
398
+ height: "100%",
399
+ width: "100%",
400
+ background: "none",
401
+ paddingTop: "48px"
406
402
  }
403
+ })), /*#__PURE__*/React__default.createElement(Grid, {
404
+ item: true,
405
+ xs: 12,
406
+ sm: 12,
407
+ md: 5.5,
408
+ lg: 5.5,
409
+ xl: 5.5
407
410
  }, /*#__PURE__*/React__default.createElement(Grow, _extends({
408
411
  "in": visible,
409
412
  style: {
@@ -414,7 +417,7 @@ function Layout1$2(content) {
414
417
  } ), /*#__PURE__*/React__default.createElement(Item$1, {
415
418
  elevation: 0,
416
419
  sx: {
417
- height: "90%",
420
+ height: "100%",
418
421
  width: "100%",
419
422
  background: "none"
420
423
  }
@@ -460,8 +463,8 @@ function Layout1$2(content) {
460
463
  xs: "1.125em",
461
464
  sm: "1.125em",
462
465
  md: "1.125em",
463
- lg: "1em",
464
- xl: "1em"
466
+ lg: "1.125em",
467
+ xl: "1.125em"
465
468
  }
466
469
  }
467
470
  })), ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
@@ -530,24 +533,18 @@ function Layout1$3(content) {
530
533
  whiteSpace: 'pre-wrap',
531
534
  fontSize: {
532
535
  xs: "1.875em",
533
- sm: "1.875em",
534
- md: "2.25em",
536
+ sm: "2.25em",
537
+ md: "3em",
535
538
  lg: "3em",
536
539
  xl: "3em"
537
- }
540
+ },
541
+ paddingBottom: "32px"
538
542
  }
539
543
  }), /*#__PURE__*/React__default.createElement(material.Grid, {
540
544
  container: true,
541
545
  spacing: 2,
542
546
  alignItems: "center",
543
- justifyContent: "center",
544
- direction: {
545
- xl: "row",
546
- lg: "row",
547
- md: "row",
548
- sm: "column",
549
- xs: "column"
550
- }
547
+ justifyContent: "center"
551
548
  }, (_content$component$su3 = content.component.subcomponent) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.map(function (img, index) {
552
549
  return /*#__PURE__*/React__default.createElement(material.Grid, {
553
550
  key: index,
@@ -560,40 +557,22 @@ function Layout1$3(content) {
560
557
  }, /*#__PURE__*/React__default.createElement(material.Card, {
561
558
  elevation: 0,
562
559
  sx: {
563
- borderRadius: '50px',
564
- width: {
565
- xl: '350px',
566
- lg: '350px',
567
- md: '450px',
568
- sm: '700px',
569
- xs: '250px'
570
- },
560
+ borderRadius: '24px',
561
+ width: "100%",
571
562
  height: {
572
- xl: '350px',
573
- lg: '350px',
574
- md: '450px',
575
- sm: '700px',
576
- xs: '250px'
563
+ xl: 350,
564
+ lg: 350,
565
+ md: 350,
566
+ sm: 700,
567
+ xs: 250
577
568
  }
578
569
  }
579
570
  }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
580
571
  sx: {
581
- width: {
582
- xl: '350px',
583
- lg: '350px',
584
- md: '450px',
585
- sm: '700px',
586
- xs: '250px'
587
- },
588
- height: {
589
- xl: '350px',
590
- lg: '350px',
591
- md: '450px',
592
- sm: '700px',
593
- xs: '250px'
594
- }
572
+ width: "100%",
573
+ height: "100%"
595
574
  },
596
- image: img.image.url ? img.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'
575
+ image: img.image.url ? img.image.url : 'none'
597
576
  })));
598
577
  }))));
599
578
  }
@@ -638,8 +617,8 @@ function Layout1$4(content) {
638
617
  whiteSpace: 'pre-wrap',
639
618
  fontSize: {
640
619
  xs: "1.875em",
641
- sm: "1.875em",
642
- md: "2.25em",
620
+ sm: "2.25em",
621
+ md: "3em",
643
622
  lg: "3em",
644
623
  xl: "3em"
645
624
  },
@@ -647,7 +626,13 @@ function Layout1$4(content) {
647
626
  }
648
627
  }), /*#__PURE__*/React__default.createElement(material.Box, {
649
628
  sx: {
650
- width: content.component.justify_content == "center" ? "100%" : "80%"
629
+ width: content.component.justify_content == "center" ? "100%" : {
630
+ xl: "70%",
631
+ lg: "72%",
632
+ md: "84%",
633
+ sm: "100%",
634
+ xs: "100%"
635
+ }
651
636
  }
652
637
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
653
638
  dangerouslySetInnerHTML: {
@@ -659,7 +644,7 @@ function Layout1$4(content) {
659
644
  fontSize: {
660
645
  xs: "1em",
661
646
  sm: "1em",
662
- md: "1em",
647
+ md: "1.125em",
663
648
  lg: "1.125em",
664
649
  xl: "1.125em"
665
650
  }
@@ -1244,9 +1229,9 @@ function CanvasContainer(props) {
1244
1229
  lg: '24px',
1245
1230
  xl: '24px'
1246
1231
  } : {
1247
- xs: '24px',
1232
+ xs: '16px',
1248
1233
  md: '24px',
1249
- sm: '24px',
1234
+ sm: '16px',
1250
1235
  lg: '24px',
1251
1236
  xl: '24px'
1252
1237
  },
@@ -1257,9 +1242,9 @@ function CanvasContainer(props) {
1257
1242
  lg: '24px',
1258
1243
  xl: '24px'
1259
1244
  } : {
1260
- xs: '24px',
1245
+ xs: '16px',
1261
1246
  md: '24px',
1262
- sm: '24px',
1247
+ sm: '16px',
1263
1248
  lg: '24px',
1264
1249
  xl: '24px'
1265
1250
  }