keski_lib_catalog 1.3.20 → 1.3.22

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import Carousel from 'react-material-ui-carousel';
-import { Box, Slide, Card, Typography, Chip, Button, CardMedia, Grid as Grid$1, useTheme, useMediaQuery, CardContent, Container, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
+import { Box, Slide, Card, Typography, Chip, Button, CardMedia, Grid as Grid$1, useTheme, useMediaQuery, CardContent, Container, Accordion, AccordionSummary, AccordionDetails, Link } from '@mui/material';
 import Avatar from '@mui/material/Avatar';
 import { styled } from '@mui/material/styles';
 import Paper from '@mui/material/Paper';
@@ -892,7 +892,6 @@ function Item$2(props) {
             __html: item.subtitle ? item.subtitle : 'Agrega subtítulo'
           },
           sx: {
-            minHeight: '54px',
             display: '-webkit-box',
             WebkitLineClamp: 2,
             WebkitBoxOrient: 'vertical',
@@ -1011,7 +1010,6 @@ function Item$2(props) {
           __html: item.subtitle ? item.subtitle : 'Agrega subtítulo'
         },
         sx: {
-          minHeight: '54px',
           display: '-webkit-box',
           WebkitLineClamp: 2,
           WebkitBoxOrient: 'vertical',
@@ -1132,10 +1130,10 @@ function Item$3(props) {
       }
     }, arrayFourElements.map(function (items, p) {
       return /*#__PURE__*/React.createElement(Container, {
-        maxWidth: "lg"
+        maxWidth: "lg",
+        key: p
       }, /*#__PURE__*/React.createElement(Grid$1, {
         container: true,
-        key: p,
         spacing: 0,
         sx: {
           margin: 'auto',
@@ -1294,9 +1292,8 @@ function Layout1$7(content) {
         fontWeight: 'bold'
       }
     })), /*#__PURE__*/React.createElement(AccordionDetails, {
-      disablePortal: true,
       sx: {
-        padding: "0px 10px 0px 10px"
+        padding: "0px 10px 24px 10px"
       }
     }, /*#__PURE__*/React.createElement(Box, {
       sx: {
@@ -1356,10 +1353,10 @@ function CanvasContainer(props) {
         sm: '0px 0px',
         xs: '0px 0px'
       } : json.type === 6 ? {
-        xl: '0px 24px',
-        lg: '0px 24px',
-        sm: '0px 0px',
-        xs: '0px 0px'
+        xl: '24px 24px',
+        lg: '24px 24px',
+        sm: '16px 0px',
+        xs: '16px 0px'
       } : {
         xl: '64px 24px',
         lg: '64px 24px',
@@ -1439,6 +1436,98 @@ function hexToRgb(hex) {
 
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
 
+function Layout1$8(content) {
+  var _content$component, _content$component$su;
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      width: {
+        xs: '100%',
+        md: '100%'
+      },
+      textAlign: content.component.justify_content
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: 'h2',
+    dangerouslySetInnerHTML: {
+      __html: (_content$component = content.component) !== null && _content$component !== void 0 && _content$component.title ? content.component.title : ''
+    },
+    sx: {
+      marginBottom: '45px',
+      whiteSpace: 'pre-wrap',
+      fontSize: {
+        xs: '1.875em',
+        sm: '2.25em',
+        md: '3em',
+        lg: '32px',
+        xl: '32px'
+      },
+      fontWeight: 'bold'
+    }
+  }), /*#__PURE__*/React.createElement(Grid$1, {
+    container: true,
+    direction: "row",
+    alignItems: "flex-start",
+    sx: {
+      gap: '0px 40px'
+    }
+  }, (_content$component$su = content.component.subcomponent) === null || _content$component$su === void 0 ? void 0 : _content$component$su.map(function (i, index) {
+    return /*#__PURE__*/React.createElement(Grid$1, {
+      item: true,
+      xs: 12,
+      sm: 5,
+      md: 2,
+      lg: 3.6,
+      xl: 3.6,
+      key: index,
+      sx: {
+        '&:hover': {
+          borderBottom: '6px solid black'
+        },
+        borderBottom: '2px solid #343d3f'
+      }
+    }, /*#__PURE__*/React.createElement(Link, {
+      href: i !== null && i !== void 0 && i.button_action ? i === null || i === void 0 ? void 0 : i.button_action : '#',
+      underline: "none",
+      color: "#343d3f",
+      target: (i === null || i === void 0 ? void 0 : i.link) == 4 ? '_blank' : '_self'
+    }, /*#__PURE__*/React.createElement(Typography, {
+      component: 'p',
+      sx: {
+        fontSize: {
+          xs: '1.875em',
+          sm: '2.25em',
+          md: '3em',
+          lg: '3em',
+          xl: '3em'
+        },
+        whiteSpace: 'pre-wrap',
+        width: '100%'
+      },
+      dangerouslySetInnerHTML: {
+        __html: i.title ? i.title : ''
+      }
+    })));
+  })));
+}
+
+var Categories = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(Categories, _AtomicElements);
+  function Categories() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1$8];
+    _this.layoutFootprint = ['gallery_layout_1.png'];
+    _this.layoutFootprintReq = [{
+      'type': 1,
+      'title': 'Tittle',
+      'button_action': 'Button action',
+      'Link': 'Link'
+    }];
+    return _this;
+  }
+  return Categories;
+}(AtomicElements);
+
 var Section = /*#__PURE__*/function () {
   function Section(AtomicElement, theme) {
     this.child = AtomicElement;
@@ -1476,7 +1565,8 @@ var Sections = /*#__PURE__*/function () {
     this.list = new Section(new List());
     this.brands = new Section(new Brands());
     this.faq = new Section(new FAQ());
-    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list, this.brands, this.faq];
+    this.categories = new Section(new Categories());
+    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list, this.brands, this.faq, this.categories];
   }
   var _proto2 = Sections.prototype;
   _proto2.getSectionList = function getSectionList() {
@@ -1488,7 +1578,8 @@ var Sections = /*#__PURE__*/function () {
       '4': 'Texto',
       '5': 'Lista',
       '6': 'Marcas',
-      '7': 'FAQ'
+      '7': 'FAQ',
+      '8': 'Categorias'
     };
   };
   _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {