keski_lib_catalog 1.0.9 → 1.0.10

package/dist/index.js

@@ -42,31 +42,6 @@ var AtomicElements = /*#__PURE__*/function () {
   return AtomicElements;
 }();
 
-function Layout1(content) {
-  var _content$;
-  return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(material.Card, null));
-}
-
-var Brief = /*#__PURE__*/function (_AtomicElements) {
-  _inheritsLoose(Brief, _AtomicElements);
-  function Brief() {
-    var _this;
-    _this = _AtomicElements.call(this) || this;
-    _this.layout = [Layout1];
-    _this.layoutFootprint = ['text_image_layout_1.png'];
-    _this.layoutFootprintReq = [{
-      'title': 'Tittle',
-      'content': 'Content'
-    }, {
-      'title': 'Tittle',
-      'content': 'Content',
-      'name': 'Name'
-    }];
-    return _this;
-  }
-  return Brief;
-}(AtomicElements);
-
 var COLOR_PRIMARY = '#4CAF50';
 var COLOR_SECONDARY = '#FF5722';
 var Colors = {
@@ -132,96 +107,84 @@ var theme = styles.createTheme({
   }
 });
 
-var BannerContainer = styles.styled(material.Box)(function (_ref) {
-  var _json$component$bg_im, _json$component$bg_im2, _ref2;
-  var theme = _ref.theme,
-    json = _ref.json;
-  return _ref2 = {
-    display: 'flex',
-    justifyContent: 'right',
-    heigth: '100%',
-    padding: '32px',
-    backgroundColor: json.component.bg_color1 && json.component.bg_type == 1 ? json.component.bg_color1 : null,
-    backgroundImage: (_json$component$bg_im = json.component.bg_image) !== null && _json$component$bg_im !== void 0 && _json$component$bg_im.url && json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : (_json$component$bg_im2 = json.component.bg_image) !== null && _json$component$bg_im2 !== void 0 && _json$component$bg_im2.url && json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : 'none',
-    backgroundPosition: '0% 20%',
-    backgroundSize: 'cover',
-    backgroundRepeat: 'no-repeat'
-  }, _ref2[theme.breakpoints.down('sm')] = {
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }, _ref2;
-});
-var BannerImage = styles.styled('img')(function (_ref3) {
-  var _ref4;
-  var src = _ref3.src,
-    theme = _ref3.theme;
-  return _ref4 = {
-    src: "url(" + src + ")",
-    width: '40%',
-    height: 'auto'
-  }, _ref4[theme.breakpoints.down('md')] = {
-    width: '70%',
-    height: 'auto'
-  }, _ref4[theme.breakpoints.down('sm')] = {
-    width: '90%',
-    height: 'auto'
-  }, _ref4;
-});
-var BannerContent = styles.styled(material.Box)(function () {
-  var _ref5;
-  return _ref5 = {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    width: '100%',
-    maxWidth: '30%'
-  }, _ref5[theme.breakpoints.down('md')] = {
-    maxWidth: '90%'
-  }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
-});
-var BannerTittle = styles.styled(material.Typography)(function () {
-  var _ref6;
-  return _ref6 = {
-    lineHeigth: 1.5,
-    fontSize: '28px',
-    marginBottom: '20px',
-    color: Colors.contrastText
-  }, _ref6[theme.breakpoints.down('sm')] = {
-    fontSize: '42px'
-  }, _ref6;
-});
-var BannerSubtitle = styles.styled(material.Typography)(function () {
-  var _ref7;
-  return _ref7 = {
-    lineHeigth: 1.5,
-    fontSize: '24px',
-    marginBottom: '20px',
-    color: Colors.contrastText
-  }, _ref7[theme.breakpoints.down('sm')] = {
-    fontSize: '42px'
-  }, _ref7;
-});
-var BannerDescription = styles.styled(material.Typography)(function (_ref8) {
-  var _ref9;
-  var theme = _ref8.theme;
-  return _ref9 = {
-    lineHeigth: 1.25,
-    fontSize: '22px',
-    letterSpacing: 1.25,
-    marginBottom: "3em"
-  }, _ref9[theme.breakpoints.down('md')] = {
-    lineHeigth: 1.15,
-    letterSpacing: 1.15,
-    marginBottom: "1.5em"
-  }, _ref9;
-});
+function Layout1(content) {
+  return /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Typography, {
+    className: "title-xlarge",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(material.Typography, {
+    className: "title-large",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "subtitle1",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
+    variant: "contained",
+    sx: {
+      width: '100%',
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+}
+
+var Brief = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(Brief, _AtomicElements);
+  function Brief() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1];
+    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprintReq = [{
+      'title': 'Tittle',
+      'content': 'Content'
+    }, {
+      'title': 'Tittle',
+      'content': 'Content',
+      'name': 'Name'
+    }];
+    return _this;
+  }
+  return Brief;
+}(AtomicElements);
 
 function Layout1$1(content) {
-  return /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
+  return /*#__PURE__*/React.createElement(material.Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(material.Typography, {
+    className: "title-xlarge",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(material.Typography, {
+    className: "title-large",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(material.Typography, {
+    className: "title",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
     variant: "contained",
     sx: {
-      width: '100%'
+      width: '100%',
+      marginBottom: '16px'
     }
   }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
 }
@@ -246,14 +209,38 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
   return Banner;
 }(AtomicElements);
 
-function HeadContainer(props) {
-  var theme = styles.useTheme();
-  return /*#__PURE__*/React.createElement(BannerContainer, {
+function CanvasContainer(props) {
+  var json = props.json,
+    children = props.children;
+  return /*#__PURE__*/React.createElement(material.Box, {
     sx: {
-      height: '680px'
-    },
-    json: props.json
-  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
+      minHeight: '680px',
+      padding: '32px',
+      display: 'flex',
+      alignItems: 'center',
+      backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
+      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
+      backgroundPosition: 'center',
+      backgroundSize: 'cover',
+      backgroundRepeat: 'no-repeat'
+    }
+  }, /*#__PURE__*/React.createElement(material.Container, {
+    maxWidth: "xl",
+    sx: {
+      display: 'flex',
+      justifyContent: {
+        xs: 'center',
+        md: 'right'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(material.Box, {
+    sx: {
+      maxWidth: {
+        xs: '100%',
+        md: '30%'
+      }
+    }
+  }, children)));
 }
 
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
@@ -265,7 +252,7 @@ var Section = /*#__PURE__*/function () {
   var _proto = Section.prototype;
   _proto.component = function component(json) {
     console.log('json', json);
-    return /*#__PURE__*/React.createElement(HeadContainer, {
+    return /*#__PURE__*/React.createElement(CanvasContainer, {
       json: json
     }, this.child.build(json, json.component.layout));
   };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n           {content['0']?.title ? content['0'].title : ''}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n       {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n        'name':'Name',\r\n      },\r\n    \r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n  display: 'flex',\r\n  justifyContent: 'right',\r\n  heigth: '100%',\r\n  padding: '32px',\r\n  backgroundColor:\r\n    json.component.bg_color1 && json.component.bg_type == 1\r\n      ? json.component.bg_color1\r\n      : null,\r\n  backgroundImage:\r\n    json.component.bg_image?.url && json.component.bg_type === 3\r\n      ? `url(${json.component.bg_image.url})`\r\n      : json.component.bg_image?.url && json.component.bg_type === 2\r\n        ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n        : 'none',\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  // [theme.breakpoints.down('md')]: {\r\n  //   flexDirection: 'column',\r\n  //   alignItems: 'center'\r\n  // },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n  src: `url(${src})`,\r\n  width: '40%',\r\n  height: 'auto',\r\n  [theme.breakpoints.down('md')]: {\r\n    width: '70%',\r\n    height: 'auto',\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    width: '90%',\r\n    height: 'auto',\r\n  }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  width: '100%',\r\n  maxWidth: '30%',\r\n  [theme.breakpoints.down('md')]: {\r\n    maxWidth: '90%',\r\n  },\r\n  padding: '30px',\r\n  color: Colors.contrastText\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n  lineHeigth: 1.5,\r\n  fontSize: '28px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '42px'\r\n  }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n  lineHeigth: 1.5,\r\n  fontSize: '24px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '42px'\r\n  }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n  lineHeigth: 1.25,\r\n  fontSize: '22px',\r\n  letterSpacing: 1.25,\r\n  marginBottom: \"3em\",\r\n  [theme.breakpoints.down('md')]: {\r\n    lineHeigth: 1.15,\r\n    letterSpacing: 1.15,\r\n    marginBottom: \"1.5em\",\r\n  }\r\n}))\r\n","import { Box, Button } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box>\r\n      <BannerTittle>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </BannerTittle>\r\n      <BannerSubtitle>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </BannerSubtitle>\r\n      <BannerDescription>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </BannerDescription>\r\n      <Button variant='contained' sx={{ width: '100%' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n  const theme = useTheme();\r\n\r\n  return(\r\n    <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n      <BannerContent>\r\n        {props.children}\r\n      </BannerContent>\r\n    </BannerContainer>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n    constructor(AtomicElement) {\r\n        this.child = AtomicElement\r\n      }\r\n    \r\n      component(json){\r\n        console.log('json', json)\r\n        return(\r\n        <HeadContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json, json.component.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      getFootPrint(layout){\r\n        let footPrint =  this.child.footprint(layout)\r\n        console.log('section', footPrint)\r\n        return(\r\n            {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n        )\r\n      }\r\n\r\n      layoutLength(){\r\n        return(\r\n        this.child.layoutsLength()\r\n        )\r\n      }\r\n    \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n    constructor(){\r\n     this.banner = new Section(new Banner())  \r\n     this.brief = new Section(new Brief())\r\n     this.sections = [this.banner, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0': 'Banner',\r\n                '1': 'Brief',\r\n                '2': 'Quotes'\r\n            }\r\n        )\r\n    }\r\n    \r\n    getLayoutsFromSection(index){\r\n       let section = this.sections[index] \r\n       return(section)\r\n    }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","_ref5","maxWidth","color","BannerTittle","Typography","_ref6","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref7","BannerDescription","_ref8","_ref9","letterSpacing","subcomponent","subtitle","description","Button","variant","sx","button_title","Banner","HeadContainer","props","useTheme","children","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/theme/index.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import React from \"react\"\r\nimport { Box, Typography, Button } from \"@mui/material\";\r\nimport { Colors } from \"../../theme\";\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box>\r\n      <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </Typography>\r\n      <Typography className=\"title-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </Typography>\r\n      <Typography variant=\"subtitle1\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </Typography>\r\n      <Button variant='contained' sx={{ width: '100%', marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1]\r\n  layoutFootprint = ['text_image_layout_1.png']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title': 'Tittle',\r\n      'content': 'Content',\r\n    },\r\n    {\r\n      'title': 'Tittle',\r\n      'content': 'Content',\r\n      'name': 'Name',\r\n    },\r\n\r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n\r\n}","import { Box, Button,Typography } from '@mui/material'\r\nimport React from 'react'\r\nimport { Colors } from '../../theme'\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\r\n      <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </Typography>\r\n      <Typography className=\"title-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </Typography>\r\n      <Typography className=\"title\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </Typography>\r\n      <Button variant='contained' sx={{ width: '100%', marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        minHeight: '680px',\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl' sx={{ display: 'flex', justifyContent: { xs: 'center', md: 'right' } }} >\r\n      {/* <Container maxWidth='xl' sx={{ bgcolor: 'red' }}> */}\r\n        <Box sx={{ maxWidth: { xs: '100%', md: '30%' } }}>\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n    constructor(AtomicElement) {\r\n        this.child = AtomicElement\r\n      }\r\n    \r\n      component(json){\r\n        console.log('json', json)\r\n        return(\r\n        <CanvasContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json, json.component.layout)}\r\n        </CanvasContainer>\r\n        )\r\n      }\r\n\r\n      getFootPrint(layout){\r\n        let footPrint =  this.child.footprint(layout)\r\n        console.log('section', footPrint)\r\n        return(\r\n            {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n        )\r\n      }\r\n\r\n      layoutLength(){\r\n        return(\r\n        this.child.layoutsLength()\r\n        )\r\n      }\r\n    \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n    constructor(){\r\n     this.banner = new Section(new Banner())  \r\n     this.brief = new Section(new Brief())\r\n     this.sections = [this.banner, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0': 'Banner',\r\n                '1': 'Brief',\r\n                '2': 'Quotes'\r\n            }\r\n        )\r\n    }\r\n    \r\n    getLayoutsFromSection(index){\r\n       let section = this.sections[index] \r\n       return(section)\r\n    }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","Layout1","React","createElement","Box","Typography","className","sx","color","marginBottom","component","subcomponent","title","subtitle","variant","description","Button","width","button_title","Brief","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Banner","CanvasContainer","props","json","children","minHeight","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","xs","md","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Grid, Card, Box, Typography, Button } from '@mui/material';
-import { createTheme, styled, useTheme } from '@mui/material/styles';
+import { Box, Typography, Button, Container } from '@mui/material';
+import { createTheme } from '@mui/material/styles';
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -40,31 +40,6 @@ var AtomicElements = /*#__PURE__*/function () {
   return AtomicElements;
 }();
 
-function Layout1(content) {
-  var _content$;
-  return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(Card, null));
-}
-
-var Brief = /*#__PURE__*/function (_AtomicElements) {
-  _inheritsLoose(Brief, _AtomicElements);
-  function Brief() {
-    var _this;
-    _this = _AtomicElements.call(this) || this;
-    _this.layout = [Layout1];
-    _this.layoutFootprint = ['text_image_layout_1.png'];
-    _this.layoutFootprintReq = [{
-      'title': 'Tittle',
-      'content': 'Content'
-    }, {
-      'title': 'Tittle',
-      'content': 'Content',
-      'name': 'Name'
-    }];
-    return _this;
-  }
-  return Brief;
-}(AtomicElements);
-
 var COLOR_PRIMARY = '#4CAF50';
 var COLOR_SECONDARY = '#FF5722';
 var Colors = {
@@ -130,96 +105,84 @@ var theme = createTheme({
   }
 });
 
-var BannerContainer = styled(Box)(function (_ref) {
-  var _json$component$bg_im, _json$component$bg_im2, _ref2;
-  var theme = _ref.theme,
-    json = _ref.json;
-  return _ref2 = {
-    display: 'flex',
-    justifyContent: 'right',
-    heigth: '100%',
-    padding: '32px',
-    backgroundColor: json.component.bg_color1 && json.component.bg_type == 1 ? json.component.bg_color1 : null,
-    backgroundImage: (_json$component$bg_im = json.component.bg_image) !== null && _json$component$bg_im !== void 0 && _json$component$bg_im.url && json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : (_json$component$bg_im2 = json.component.bg_image) !== null && _json$component$bg_im2 !== void 0 && _json$component$bg_im2.url && json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : 'none',
-    backgroundPosition: '0% 20%',
-    backgroundSize: 'cover',
-    backgroundRepeat: 'no-repeat'
-  }, _ref2[theme.breakpoints.down('sm')] = {
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }, _ref2;
-});
-var BannerImage = styled('img')(function (_ref3) {
-  var _ref4;
-  var src = _ref3.src,
-    theme = _ref3.theme;
-  return _ref4 = {
-    src: "url(" + src + ")",
-    width: '40%',
-    height: 'auto'
-  }, _ref4[theme.breakpoints.down('md')] = {
-    width: '70%',
-    height: 'auto'
-  }, _ref4[theme.breakpoints.down('sm')] = {
-    width: '90%',
-    height: 'auto'
-  }, _ref4;
-});
-var BannerContent = styled(Box)(function () {
-  var _ref5;
-  return _ref5 = {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    width: '100%',
-    maxWidth: '30%'
-  }, _ref5[theme.breakpoints.down('md')] = {
-    maxWidth: '90%'
-  }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
-});
-var BannerTittle = styled(Typography)(function () {
-  var _ref6;
-  return _ref6 = {
-    lineHeigth: 1.5,
-    fontSize: '28px',
-    marginBottom: '20px',
-    color: Colors.contrastText
-  }, _ref6[theme.breakpoints.down('sm')] = {
-    fontSize: '42px'
-  }, _ref6;
-});
-var BannerSubtitle = styled(Typography)(function () {
-  var _ref7;
-  return _ref7 = {
-    lineHeigth: 1.5,
-    fontSize: '24px',
-    marginBottom: '20px',
-    color: Colors.contrastText
-  }, _ref7[theme.breakpoints.down('sm')] = {
-    fontSize: '42px'
-  }, _ref7;
-});
-var BannerDescription = styled(Typography)(function (_ref8) {
-  var _ref9;
-  var theme = _ref8.theme;
-  return _ref9 = {
-    lineHeigth: 1.25,
-    fontSize: '22px',
-    letterSpacing: 1.25,
-    marginBottom: "3em"
-  }, _ref9[theme.breakpoints.down('md')] = {
-    lineHeigth: 1.15,
-    letterSpacing: 1.15,
-    marginBottom: "1.5em"
-  }, _ref9;
-});
+function Layout1(content) {
+  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
+    className: "title-xlarge",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
+    className: "title-large",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle1",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    sx: {
+      width: '100%',
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+}
+
+var Brief = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(Brief, _AtomicElements);
+  function Brief() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1];
+    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprintReq = [{
+      'title': 'Tittle',
+      'content': 'Content'
+    }, {
+      'title': 'Tittle',
+      'content': 'Content',
+      'name': 'Name'
+    }];
+    return _this;
+  }
+  return Brief;
+}(AtomicElements);
 
 function Layout1$1(content) {
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "title-xlarge",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
+    className: "title-large",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(Typography, {
+    className: "title",
+    sx: {
+      color: Colors.contrastText,
+      marginBottom: '16px'
+    }
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
     variant: "contained",
     sx: {
-      width: '100%'
+      width: '100%',
+      marginBottom: '16px'
     }
   }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
 }
@@ -244,14 +207,38 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
   return Banner;
 }(AtomicElements);
 
-function HeadContainer(props) {
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement(BannerContainer, {
+function CanvasContainer(props) {
+  var json = props.json,
+    children = props.children;
+  return /*#__PURE__*/React.createElement(Box, {
     sx: {
-      height: '680px'
-    },
-    json: props.json
-  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
+      minHeight: '680px',
+      padding: '32px',
+      display: 'flex',
+      alignItems: 'center',
+      backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
+      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
+      backgroundPosition: 'center',
+      backgroundSize: 'cover',
+      backgroundRepeat: 'no-repeat'
+    }
+  }, /*#__PURE__*/React.createElement(Container, {
+    maxWidth: "xl",
+    sx: {
+      display: 'flex',
+      justifyContent: {
+        xs: 'center',
+        md: 'right'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      maxWidth: {
+        xs: '100%',
+        md: '30%'
+      }
+    }
+  }, children)));
 }
 
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
@@ -263,7 +250,7 @@ var Section = /*#__PURE__*/function () {
   var _proto = Section.prototype;
   _proto.component = function component(json) {
     console.log('json', json);
-    return /*#__PURE__*/React.createElement(HeadContainer, {
+    return /*#__PURE__*/React.createElement(CanvasContainer, {
       json: json
     }, this.child.build(json, json.component.layout));
   };

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n           {content['0']?.title ? content['0'].title : ''}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n       {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n        'name':'Name',\r\n      },\r\n    \r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n  display: 'flex',\r\n  justifyContent: 'right',\r\n  heigth: '100%',\r\n  padding: '32px',\r\n  backgroundColor:\r\n    json.component.bg_color1 && json.component.bg_type == 1\r\n      ? json.component.bg_color1\r\n      : null,\r\n  backgroundImage:\r\n    json.component.bg_image?.url && json.component.bg_type === 3\r\n      ? `url(${json.component.bg_image.url})`\r\n      : json.component.bg_image?.url && json.component.bg_type === 2\r\n        ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n        : 'none',\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  // [theme.breakpoints.down('md')]: {\r\n  //   flexDirection: 'column',\r\n  //   alignItems: 'center'\r\n  // },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n  src: `url(${src})`,\r\n  width: '40%',\r\n  height: 'auto',\r\n  [theme.breakpoints.down('md')]: {\r\n    width: '70%',\r\n    height: 'auto',\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    width: '90%',\r\n    height: 'auto',\r\n  }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  width: '100%',\r\n  maxWidth: '30%',\r\n  [theme.breakpoints.down('md')]: {\r\n    maxWidth: '90%',\r\n  },\r\n  padding: '30px',\r\n  color: Colors.contrastText\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n  lineHeigth: 1.5,\r\n  fontSize: '28px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '42px'\r\n  }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n  lineHeigth: 1.5,\r\n  fontSize: '24px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '42px'\r\n  }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n  lineHeigth: 1.25,\r\n  fontSize: '22px',\r\n  letterSpacing: 1.25,\r\n  marginBottom: \"3em\",\r\n  [theme.breakpoints.down('md')]: {\r\n    lineHeigth: 1.15,\r\n    letterSpacing: 1.15,\r\n    marginBottom: \"1.5em\",\r\n  }\r\n}))\r\n","import { Box, Button } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box>\r\n      <BannerTittle>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </BannerTittle>\r\n      <BannerSubtitle>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </BannerSubtitle>\r\n      <BannerDescription>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </BannerDescription>\r\n      <Button variant='contained' sx={{ width: '100%' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n  const theme = useTheme();\r\n\r\n  return(\r\n    <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n      <BannerContent>\r\n        {props.children}\r\n      </BannerContent>\r\n    </BannerContainer>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n    constructor(AtomicElement) {\r\n        this.child = AtomicElement\r\n      }\r\n    \r\n      component(json){\r\n        console.log('json', json)\r\n        return(\r\n        <HeadContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json, json.component.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      getFootPrint(layout){\r\n        let footPrint =  this.child.footprint(layout)\r\n        console.log('section', footPrint)\r\n        return(\r\n            {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n        )\r\n      }\r\n\r\n      layoutLength(){\r\n        return(\r\n        this.child.layoutsLength()\r\n        )\r\n      }\r\n    \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n    constructor(){\r\n     this.banner = new Section(new Banner())  \r\n     this.brief = new Section(new Brief())\r\n     this.sections = [this.banner, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0': 'Banner',\r\n                '1': 'Brief',\r\n                '2': 'Quotes'\r\n            }\r\n        )\r\n    }\r\n    \r\n    getLayoutsFromSection(index){\r\n       let section = this.sections[index] \r\n       return(section)\r\n    }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","_ref5","maxWidth","color","BannerTittle","Typography","_ref6","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref7","BannerDescription","_ref8","_ref9","letterSpacing","subcomponent","subtitle","description","Button","variant","sx","button_title","Banner","HeadContainer","props","useTheme","children","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/theme/index.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import React from \"react\"\r\nimport { Box, Typography, Button } from \"@mui/material\";\r\nimport { Colors } from \"../../theme\";\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box>\r\n      <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </Typography>\r\n      <Typography className=\"title-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </Typography>\r\n      <Typography variant=\"subtitle1\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </Typography>\r\n      <Button variant='contained' sx={{ width: '100%', marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1]\r\n  layoutFootprint = ['text_image_layout_1.png']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title': 'Tittle',\r\n      'content': 'Content',\r\n    },\r\n    {\r\n      'title': 'Tittle',\r\n      'content': 'Content',\r\n      'name': 'Name',\r\n    },\r\n\r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n\r\n}","import { Box, Button,Typography } from '@mui/material'\r\nimport React from 'react'\r\nimport { Colors } from '../../theme'\r\n\r\nexport default function Layout1(content) {\r\n  return (\r\n    <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\r\n      <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].title ?\r\n          content.component.subcomponent[0].title\r\n          : 'Agregue título'}\r\n      </Typography>\r\n      <Typography className=\"title-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].subtitle\r\n          ? content.component.subcomponent[0].subtitle\r\n          : 'Agregue subtítulo'}\r\n      </Typography>\r\n      <Typography className=\"title\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].description ?\r\n          content.component.subcomponent[0].description\r\n          : 'Agregue descripción'}\r\n      </Typography>\r\n      <Button variant='contained' sx={{ width: '100%', marginBottom: '16px' }}>\r\n        {content.component.subcomponent[0].button_title ?\r\n          content.component.subcomponent[0].button_title\r\n          : 'Nombre botón'}\r\n      </Button>\r\n    </Box>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        minHeight: '680px',\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl' sx={{ display: 'flex', justifyContent: { xs: 'center', md: 'right' } }} >\r\n      {/* <Container maxWidth='xl' sx={{ bgcolor: 'red' }}> */}\r\n        <Box sx={{ maxWidth: { xs: '100%', md: '30%' } }}>\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n    constructor(AtomicElement) {\r\n        this.child = AtomicElement\r\n      }\r\n    \r\n      component(json){\r\n        console.log('json', json)\r\n        return(\r\n        <CanvasContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json, json.component.layout)}\r\n        </CanvasContainer>\r\n        )\r\n      }\r\n\r\n      getFootPrint(layout){\r\n        let footPrint =  this.child.footprint(layout)\r\n        console.log('section', footPrint)\r\n        return(\r\n            {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n        )\r\n      }\r\n\r\n      layoutLength(){\r\n        return(\r\n        this.child.layoutsLength()\r\n        )\r\n      }\r\n    \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n    constructor(){\r\n     this.banner = new Section(new Banner())  \r\n     this.brief = new Section(new Brief())\r\n     this.sections = [this.banner, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0': 'Banner',\r\n                '1': 'Brief',\r\n                '2': 'Quotes'\r\n            }\r\n        )\r\n    }\r\n    \r\n    getLayoutsFromSection(index){\r\n       let section = this.sections[index] \r\n       return(section)\r\n    }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","Layout1","React","createElement","Box","Typography","className","sx","color","marginBottom","component","subcomponent","title","subtitle","variant","description","Button","width","button_title","Brief","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Banner","CanvasContainer","props","json","children","minHeight","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","xs","md","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keski_lib_catalog",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Keski catalog components for Keski store, Codenation Studio",
   "author": "Francisco Marmolejo",
   "license": "",