keski_lib_catalog 1.3.0 → 1.3.2

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 +82 -35
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +82 -35
  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,14 +122,13 @@ 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: {
@@ -154,7 +154,7 @@ function Item(props) {
154
154
  }
155
155
  }), /*#__PURE__*/React__default.createElement(material.Typography, {
156
156
  dangerouslySetInnerHTML: {
157
- __html: content.subtitle ? content.subtitle : 'Agregue subtítulo'
157
+ __html: content.title ? content.title : 'Agregue subtítulo'
158
158
  },
159
159
  sx: {
160
160
  marginBottom: '16px',
@@ -188,7 +188,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
188
188
  _this.layoutFootprint = ['quotes_layout_1.png'];
189
189
  _this.layoutFootprintReq = [{
190
190
  'type': 1,
191
- 'subtitle': 'Subtitle',
191
+ 'title': 'Tittle',
192
192
  'description': 'Description',
193
193
  'label': 'Label',
194
194
  'label_color': 'Label color',
@@ -201,7 +201,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
201
201
  }(AtomicElements);
202
202
 
203
203
  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;
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, _content$component$su17;
205
205
  var visible = true;
206
206
  return /*#__PURE__*/React__default.createElement(material.Slide, {
207
207
  direction: "left",
@@ -227,30 +227,46 @@ function Layout1$1(content) {
227
227
  flexDirection: 'column',
228
228
  width: {
229
229
  xs: '100%',
230
- md: '90%',
231
- lg: '80%'
230
+ md: '80%',
231
+ lg: '70%'
232
232
  },
233
233
  height: {
234
234
  xs: '80vh',
235
235
  lg: '80vh'
236
236
  },
237
237
  justifyContent: 'center',
238
- margin: '1em',
239
- color: (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.text_color
238
+ paddingLeft: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image ? {
239
+ lg: "24px",
240
+ md: "24px",
241
+ sm: "16px",
242
+ xs: "16px"
243
+ } : {
244
+ lg: "0px",
245
+ md: "0px",
246
+ sm: "16px",
247
+ xs: "16px"
248
+ },
249
+ paddingRight: {
250
+ lg: "24px",
251
+ md: "24px",
252
+ sm: "16px",
253
+ xs: "16px"
254
+ },
255
+ color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
240
256
  }
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, {
257
+ }, ((_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
258
  disabled: true,
243
259
  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',
260
+ 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
261
  sx: {
246
262
  marginBottom: '16px',
247
263
  fontSize: '1em',
248
264
  borderRadius: '6px',
249
- backgroundColor: (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.label_color
265
+ backgroundColor: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.label_color
250
266
  }
251
267
  })), /*#__PURE__*/React__default.createElement(material.Typography, {
252
268
  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'
269
+ __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
270
  },
255
271
  sx: {
256
272
  marginBottom: '16px',
@@ -266,7 +282,7 @@ function Layout1$1(content) {
266
282
  }
267
283
  }), /*#__PURE__*/React__default.createElement(material.Typography, {
268
284
  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'
285
+ __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
286
  },
271
287
  sx: {
272
288
  marginBottom: '16px',
@@ -279,18 +295,18 @@ function Layout1$1(content) {
279
295
  xl: "1.125em"
280
296
  }
281
297
  }
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, {
298
+ }), ((_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
299
  variant: "contained",
284
300
  size: "medium",
285
301
  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',
302
+ href: (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_action,
303
+ target: ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.link) == 4 ? '_blank' : '_self',
288
304
  sx: {
289
305
  width: 'auto',
290
306
  padding: '14px 40px',
291
307
  borderRadius: '50px'
292
308
  }
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')))));
309
+ }, (_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
310
  }
295
311
 
296
312
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -337,8 +353,20 @@ function Layout1$2(content) {
337
353
  lg: 6,
338
354
  xl: 6,
339
355
  sx: {
340
- paddingLeft: "16px",
341
- paddingRight: "16px",
356
+ paddingLeft: {
357
+ xl: "16px",
358
+ lg: "16px",
359
+ md: "16px",
360
+ sm: "0px",
361
+ xs: "0px"
362
+ },
363
+ paddingRight: {
364
+ xl: "16px",
365
+ lg: "16px",
366
+ md: "16px",
367
+ sm: "0px",
368
+ xs: "0px"
369
+ },
342
370
  paddingTop: "10px"
343
371
  }
344
372
  }, /*#__PURE__*/React__default.createElement(material.Slide, {
@@ -376,8 +404,20 @@ function Layout1$2(content) {
376
404
  lg: 6,
377
405
  xl: 6,
378
406
  sx: {
379
- paddingLeft: "16px",
380
- paddingRight: "16px",
407
+ paddingLeft: {
408
+ xl: "16px",
409
+ lg: "16px",
410
+ md: "16px",
411
+ sm: "0px",
412
+ xs: "0px"
413
+ },
414
+ paddingRight: {
415
+ xl: "16px",
416
+ lg: "16px",
417
+ md: "16px",
418
+ sm: "0px",
419
+ xs: "0px"
420
+ },
381
421
  paddingTop: "10px"
382
422
  }
383
423
  }, /*#__PURE__*/React__default.createElement(Grow, _extends({
@@ -540,14 +580,14 @@ function Layout1$3(content) {
540
580
  width: {
541
581
  xl: '350px',
542
582
  lg: '350px',
543
- md: '350px',
583
+ md: '700px',
544
584
  sm: '700px',
545
585
  xs: '250px'
546
586
  },
547
587
  height: {
548
588
  xl: '350px',
549
589
  lg: '350px',
550
- md: '350px',
590
+ md: '700px',
551
591
  sm: '700px',
552
592
  xs: '250px'
553
593
  }
@@ -557,14 +597,14 @@ function Layout1$3(content) {
557
597
  width: {
558
598
  xl: '350px',
559
599
  lg: '350px',
560
- md: '350px',
600
+ md: '700px',
561
601
  sm: '700px',
562
602
  xs: '250px'
563
603
  },
564
604
  height: {
565
605
  xl: '350px',
566
606
  lg: '350px',
567
- md: '350px',
607
+ md: '700px',
568
608
  sm: '700px',
569
609
  xs: '250px'
570
610
  }
@@ -623,7 +663,13 @@ function Layout1$4(content) {
623
663
  }
624
664
  }), /*#__PURE__*/React__default.createElement(material.Box, {
625
665
  sx: {
626
- width: content.component.justify_content == "center" ? "100%" : "80%"
666
+ width: content.component.justify_content == "center" ? "100%" : {
667
+ xl: "70%",
668
+ lg: "72%",
669
+ md: "84%",
670
+ sm: "100%",
671
+ xs: "100%"
672
+ }
627
673
  }
628
674
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
629
675
  dangerouslySetInnerHTML: {
@@ -863,7 +909,7 @@ function Item$2(props) {
863
909
  xl: '1em'
864
910
  }
865
911
  }
866
- }), /*#__PURE__*/React__default.createElement(material.Button, {
912
+ }), item.button_active && /*#__PURE__*/React__default.createElement(material.Button, {
867
913
  variant: "contained",
868
914
  href: item.button_action ? item.button_action : '#',
869
915
  target: item.link == 4 ? '_blank' : '_self',
@@ -1005,6 +1051,7 @@ var List = /*#__PURE__*/function (_AtomicElements) {
1005
1051
  'type': 1,
1006
1052
  'title': 'Title',
1007
1053
  'subtitle': 'Subtitle',
1054
+ 'button_active': 'Button active',
1008
1055
  'button_title': 'Button Title',
1009
1056
  'button_action': 'Button Action',
1010
1057
  'image': 'sqr',
@@ -1219,9 +1266,9 @@ function CanvasContainer(props) {
1219
1266
  lg: '24px',
1220
1267
  xl: '24px'
1221
1268
  } : {
1222
- xs: '24px',
1269
+ xs: '16px',
1223
1270
  md: '24px',
1224
- sm: '24px',
1271
+ sm: '16px',
1225
1272
  lg: '24px',
1226
1273
  xl: '24px'
1227
1274
  },
@@ -1232,9 +1279,9 @@ function CanvasContainer(props) {
1232
1279
  lg: '24px',
1233
1280
  xl: '24px'
1234
1281
  } : {
1235
- xs: '24px',
1282
+ xs: '16px',
1236
1283
  md: '24px',
1237
- sm: '24px',
1284
+ sm: '16px',
1238
1285
  lg: '24px',
1239
1286
  xl: '24px'
1240
1287
  }