keski_lib_catalog 1.3.1 → 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 +52 -30
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +52 -30
  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
- 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
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) {
@@ -564,14 +580,14 @@ function Layout1$3(content) {
564
580
  width: {
565
581
  xl: '350px',
566
582
  lg: '350px',
567
- md: '450px',
583
+ md: '700px',
568
584
  sm: '700px',
569
585
  xs: '250px'
570
586
  },
571
587
  height: {
572
588
  xl: '350px',
573
589
  lg: '350px',
574
- md: '450px',
590
+ md: '700px',
575
591
  sm: '700px',
576
592
  xs: '250px'
577
593
  }
@@ -581,14 +597,14 @@ function Layout1$3(content) {
581
597
  width: {
582
598
  xl: '350px',
583
599
  lg: '350px',
584
- md: '450px',
600
+ md: '700px',
585
601
  sm: '700px',
586
602
  xs: '250px'
587
603
  },
588
604
  height: {
589
605
  xl: '350px',
590
606
  lg: '350px',
591
- md: '450px',
607
+ md: '700px',
592
608
  sm: '700px',
593
609
  xs: '250px'
594
610
  }
@@ -647,7 +663,13 @@ function Layout1$4(content) {
647
663
  }
648
664
  }), /*#__PURE__*/React__default.createElement(material.Box, {
649
665
  sx: {
650
- 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
+ }
651
673
  }
652
674
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
653
675
  dangerouslySetInnerHTML: {
@@ -1244,9 +1266,9 @@ function CanvasContainer(props) {
1244
1266
  lg: '24px',
1245
1267
  xl: '24px'
1246
1268
  } : {
1247
- xs: '24px',
1269
+ xs: '16px',
1248
1270
  md: '24px',
1249
- sm: '24px',
1271
+ sm: '16px',
1250
1272
  lg: '24px',
1251
1273
  xl: '24px'
1252
1274
  },
@@ -1257,9 +1279,9 @@ function CanvasContainer(props) {
1257
1279
  lg: '24px',
1258
1280
  xl: '24px'
1259
1281
  } : {
1260
- xs: '24px',
1282
+ xs: '16px',
1261
1283
  md: '24px',
1262
- sm: '24px',
1284
+ sm: '16px',
1263
1285
  lg: '24px',
1264
1286
  xl: '24px'
1265
1287
  }