keski_lib_catalog 1.0.3 → 1.0.5

package/dist/index.js

@@ -20,14 +20,20 @@ function _setPrototypeOf(o, p) {
 var AtomicElements = /*#__PURE__*/function () {
   function AtomicElements() {
     this.layout = [];
+    this.layoutFootprint = [];
   }
   var _proto = AtomicElements.prototype;
-  _proto.layouts = function layouts() {
+  _proto.layoutsLength = function layoutsLength() {
     return this.layout.length;
   };
   _proto.build = function build(content, layoutId) {
     return this.layout[layoutId](content);
   };
+  _proto.footprint = function footprint(layoutId) {
+    var img = this.layoutFootprint[layoutId];
+    console.log('img atomic', img);
+    return img;
+  };
   return AtomicElements;
 }();
 
@@ -57,12 +63,17 @@ function Layout1$2(content) {
   return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(material.Card, null));
 }
 
+var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
+
+var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
+
 var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
   _inheritsLoose(HeadComponents, _AtomicElements);
   function HeadComponents() {
     var _this;
     _this = _AtomicElements.call(this) || this;
     _this.layout = [Layout1$1, Layout1$2];
+    _this.layoutFootprint = [banner_layout_1, banner_layout_2];
     return _this;
   }
   return HeadComponents;
@@ -231,10 +242,15 @@ var Section = /*#__PURE__*/function () {
   _proto.component = function component(json) {
     return /*#__PURE__*/React.createElement(HeadContainer, {
       json: json
-    }, this.child.build(json.content, json.layout));
+    }, this.child.build(json, json.component.layout));
+  };
+  _proto.getFootPrint = function getFootPrint(layout) {
+    var img = this.child.footprint(layout);
+    console.log('section', img);
+    return img;
   };
-  _proto.layoutList = function layoutList() {
-    return this.child.layouts();
+  _proto.layoutLength = function layoutLength() {
+    return this.child.layoutsLength();
   };
   return Section;
 }();

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/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n    }\r\n\r\n    layouts(){\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}\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 : 'placeholder'}\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 BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \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 : 'placeholder'}\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 { 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 : 'placeholder'}\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\nimport Layout2  from './elements/layout2'\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1, Layout2]\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: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\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\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\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\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\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}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\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}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        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.content, json.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      layoutList(){\r\n        return(\r\n        this.child.layouts()\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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layouts","length","build","content","layoutId","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","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","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","layoutList","Sections","head","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":";;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;;EACnB,IAAAC,MAAA,GAAAF,cAAA,CAAAG,SAAA;EAAAD,MAAA,CAEDE,OAAO,GAAP,SAAAA,UAAS;IACL,OACI,IAAI,CAACH,MAAM,CAACI,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACP,MAAM,CAACO,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAA,OAAAP,cAAA;AAAA;;ACXU,SAASS,OAAOA,CAACF,OAAO,EAAC;EAAA,IAAAG,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACD,CAAAH,SAAA,GAAAH,OAAO,CAAC,GAAG,CAAC,cAAAG,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGP,OAAO,CAAC,GAAG,CAAC,CAACO,KAAK,GAAG,aAAa,eACxDH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ICZaC,eAAe,0BAAAC,eAAA;EAAAC,cAAA,CAAAF,eAAA,EAAAC,eAAA;EACxB,SAAAD,kBAAc;IAAA,IAAAG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETlB,MAAM,GAAG,CAACQ,OAAO,CAAC;IAAA,OAAAU,KAAA;;EADjB,OAAAH,eAAA;AAAA,EAHgChB,cAAc;;ACCpC,SAASS,SAAOA,CAACF,OAAO,EAAC;EAAA,IAAAG,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACA,CAAAH,SAAA,GAAAH,OAAO,CAAC,GAAG,CAAC,cAAAG,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGP,OAAO,CAAC,GAAG,CAAC,CAACO,KAAK,GAAG,aAAa,eACzDH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ACXe,SAASN,SAAOA,CAACF,OAAO,EAAC;EAAA,IAAAG,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACA,CAAAH,SAAA,GAAAH,OAAO,CAAC,GAAG,CAAC,cAAAG,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGP,OAAO,CAAC,GAAG,CAAC,CAACO,KAAK,GAAG,aAAa,eACzDH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ICXaM,cAAc,0BAAAJ,eAAA;EAAAC,cAAA,CAAAG,cAAA,EAAAJ,eAAA;EACzB,SAAAI,iBAAc;IAAA,IAAAF,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETlB,MAAM,GAAG,CAACQ,SAAO,EAAEa,SAAO,CAAC;IAAA,OAAAH,KAAA;;EAD1B,OAAAE,cAAA;AAAA,EAHiCrB,cAAc;;ACDlD,IAAMuB,aAAa,GAAG,SAAS;AAE/B,IAAMC,eAAe,GAAG,SAAS;AAEjC,AAAO,IAAMC,MAAM,GAAG;EAGpBC,YAAY,EAAE,MAAM;EACpBC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,SAAS;EAChBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,MAAM;EAKbC,WAAW,EAAE,SAAS;EACtBC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EAQrBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EAGbC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,SAAS;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAGhBC,gBAAgB,EAAC;AACnB,CAAC;AAED,IAAMC,KAAK,GAAGC,kBAAW,CAAC;EACxBC,OAAO,EAAE;IACPC,OAAO,EAAE;MACPC,IAAI,EAAE9B;KACP;IACD+B,SAAS,EAAE;MACTD,IAAI,EAAG7B;;GAEV;EACD+B,UAAU,EAAE;IAEVC,aAAa,EAAE;MACbC,YAAY,EAAE;QACZC,aAAa,EAAE;;KAElB;IACDC,UAAU,EAAE;MACVC,MAAM,EAAE;QACNC,aAAa,EAAE;;KAElB;IACDC,gBAAgB,EAAC;MACfC,cAAc,EAAE;QAEdC,IAAI,EAAE;UAEJC,YAAY,EAAE;;;KAGnB;IACDC,SAAS,EAAE;MACTH,cAAc,EAAE;QAEdC,IAAI,EAAE;UAEJC,YAAY,EAAE,MAAM;UACpBJ,aAAa,EAAE;;;;;AAKzB,CAAC,CAAC;;ACtFK,IAAMM,eAAe,GAAGC,aAAM,CAACC,YAAG,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAAC,KAAA;EAAA,IAAEtB,KAAK,GAAAqB,IAAA,CAALrB,KAAK;IAAEuB,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAAA,OAAAD,KAAA;IACtDE,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,KAAK;IAEdC,eAAe,WAASL,IAAI,CAACK,eAAe,MAAG;IAC/CC,kBAAkB,EAAE,QAAQ;IAC5BC,cAAc,EAAE,OAAO;IACvBC,gBAAgB,EAAE;KAAWT,KAAA,CAK5BtB,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;GACb,EAAAb,KAAA,CACAtB,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;GACb,EAAAb,KAAA;AAAA,CAED,CAAC;AAEH,AAAO,IAAMc,WAAW,GAAGjB,aAAM,CAAC,KAAK,CAAC,CAAC,UAAAkB,KAAA;EAAA,IAAAC,KAAA;EAAA,IAAEC,GAAG,GAAAF,KAAA,CAAHE,GAAG;IAAEvC,KAAK,GAAAqC,KAAA,CAALrC,KAAK;EAAA,OAAAsC,KAAA;IACnDC,GAAG,WAASA,GAAG,MAAG;IAClBC,KAAK,EAAC,KAAK;IACXC,MAAM,EAAE;KAAMH,KAAA,CACbtC,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAE;IAC7BO,KAAK,EAAC,KAAK;IACXC,MAAM,EAAE;GACT,EAAAH,KAAA,CACAtC,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAE;IAC7BO,KAAK,EAAC,KAAK;IACXC,MAAM,EAAE;GACT,EAAAH,KAAA;AAAA,CACD,CAAC;AAEH,AAAO,IAAMI,aAAa,GAAGvB,aAAM,CAACC,YAAG,CAAC,CAAC;EAAA,OAAM;IAC7CI,OAAO,EAAE,MAAM;IACfU,aAAa,EAAE,QAAQ;IACvBT,cAAc,EAAE,QAAQ;IACxBkB,QAAQ,EAAE,GAAG;IACbhB,OAAO,EAAE,MAAM;IACfiB,KAAK,EAAEpE,MAAM,CAACC;GACf;AAAA,CAAC,CAAC;AAEH,AAAO,IAAMoE,YAAY,GAAG1B,aAAM,CAAC2B,mBAAU,CAAC,CAAC;EAAA,IAAAC,KAAA;EAAA,OAAAA,KAAA;IAC7CC,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAE,MAAM;IACpBN,KAAK,EAAEpE,MAAM,CAACC;KAAYsE,KAAA,CACzB/C,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAE;IAC7BgB,QAAQ,EAAC;GACV,EAAAF,KAAA;AAAA,CACD,CAAC;AAIH,AAAO,IAAMI,iBAAiB,GAAGhC,aAAM,CAAC2B,mBAAU,CAAC,CAAC,UAAAM,KAAA;EAAA,IAAAC,KAAA;EAAA,IAAGrD,KAAK,GAAAoD,KAAA,CAALpD,KAAK;EAAA,OAAAqD,KAAA;IAC1DL,UAAU,EAAE,IAAI;IAChBM,aAAa,EAAE,IAAI;IACnBJ,YAAY,EAAE;KAAKG,KAAA,CAClBrD,KAAK,CAACgC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAE;IAC7Be,UAAU,EAAC,IAAI;IACfM,aAAa,EAAE,IAAI;IACnBJ,YAAY,EAAE;GAEf,EAAAG,KAAA;AAAA,CACD,CAAC;AAGH,AAAO,IAAME,YAAY,GAAGpC,aAAM,CAACqC,eAAM,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGzD,KAAK,GAAAyD,KAAA,CAALzD,KAAK;EAAA,OAAM;IACvD4C,KAAK,EAAEpE,MAAM,CAACgB,KAAK;IACnBkE,UAAU,EAAE1D,KAAK,CAACE,OAAO,CAACC,OAAO,CAACC,IAAI;IACtC6C,QAAQ,EAAE;GAEX;AAAA,CAAC,CAAC;;AC9EY,SAASU,aAAaA,CAACC,KAAK,EAAC;EAE1C,IAAM5D,KAAK,GAAG6D,eAAQ,EAAE;EAExB,oBACEnG,KAAA,CAAAC,aAAA,CAACuD,eAAe;IAAC4C,EAAE,EAAE;MAACrB,MAAM,EAAC;KAAS;IAAClB,IAAI,EAAEqC,KAAK,CAACrC;kBACjD7D,KAAA,CAAAC,aAAA,CAAC+E,aAAa,QACXkB,KAAK,CAACG,QACM,CACA,CAAC;AAEtB;;ICXaC,OAAO;EAChB,SAAAA,QAAYC,aAAa,EAAE;IACvB,IAAI,CAACC,KAAK,GAAGD,aAAa;;EAC3B,IAAAhH,MAAA,GAAA+G,OAAA,CAAA9G,SAAA;EAAAD,MAAA,CAEDkH,SAAS,GAAT,SAAAA,UAAU5C,IAAI,EAAC;IACb,oBACA7D,KAAA,CAAAC,aAAA,CAACgG,aAAa;MAACpC,IAAI,EAAEA;OAElB,IAAI,CAAC2C,KAAK,CAAC7G,KAAK,CAACkE,IAAI,CAACjE,OAAO,EAAEiE,IAAI,CAACvE,MAAM,CAC9B,CAAC;GAEjB;EAAAC,MAAA,CAEDmH,UAAU,GAAV,SAAAA,aAAY;IACV,OACA,IAAI,CAACF,KAAK,CAAC/G,OAAO,EAAE;GAErB;EAAA,OAAA6G,OAAA;AAAA;AAKP,IAAaK,QAAQ;EACjB,SAAAA,WAAa;IACZ,IAAI,CAACC,IAAI,GAAG,IAAIN,OAAO,CAAC,IAAI5F,cAAc,EAAE,CAAC;IAC7C,IAAI,CAACmG,KAAK,GAAG,IAAIP,OAAO,CAAC,IAAIjG,eAAe,EAAE,CAAC;IAC/C,IAAI,CAACyG,QAAQ,GAAG,CAAC,IAAI,CAACF,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC;;EACvC,IAAAE,OAAA,GAAAJ,QAAA,CAAAnH,SAAA;EAAAuH,OAAA,CAEDC,cAAc,GAAd,SAAAA,iBAAgB;IACZ,OACI;MACI,GAAG,EAAG,QAAQ;MACd,GAAG,EAAE;KACR;GAER;EAAAD,OAAA,CAEDE,qBAAqB,GAArB,SAAAA,sBAAsBC,KAAK,EAAC;IACzB,IAAIC,OAAO,GAAG,IAAI,CAACL,QAAQ,CAACI,KAAK,CAAC;IAClC,OAAOC,OAAO;GAChB;EAAA,OAAAR,QAAA;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/elements/banner_layout_1.jpg","../src/head/elements/banner_layout_2.jpg","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\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(layoutId){\r\n        let img = this.layoutFootprint[layoutId]\r\n        console.log('img atomic', img)\r\n        return(\r\n            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 : 'placeholder'}\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 BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \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 : 'placeholder'}\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 { 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 : 'placeholder'}\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}","/* loaded by smart-asset */\nexport default \"banner_layout_1~tssbvgEJ.jpg\"","/* loaded by smart-asset */\nexport default \"banner_layout_2~tssbvgEJ.jpg\"","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\nimport banner_layout_1 from \"./elements/banner_layout_1.jpg\"\r\nimport banner_layout_2 from \"./elements/banner_layout_2.jpg\"\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1, Layout2]\r\n  layoutFootprint = [banner_layout_1, banner_layout_2]\r\n  // layoutRequirements = [\r\n  //   `{\r\n  //     'title'\r\n  //     'content'\r\n  //   }`,\r\n  //    `{\r\n  //     'title'\r\n  //     'content'\r\n  //   }`,\r\n  \r\n  // ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  //<texinput disable={!layout.img}>\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: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\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\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\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\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\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}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\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}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        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        \r\n        let img =  this.child.footprint(layout)\r\n        console.log('section', img)\r\n        return(\r\n          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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","console","log","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","banner_layout_1","banner_layout_2","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","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","getFootPrint","layoutLength","Sections","head","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/dist/index.modern.js

@@ -18,14 +18,20 @@ function _setPrototypeOf(o, p) {
 var AtomicElements = /*#__PURE__*/function () {
   function AtomicElements() {
     this.layout = [];
+    this.layoutFootprint = [];
   }
   var _proto = AtomicElements.prototype;
-  _proto.layouts = function layouts() {
+  _proto.layoutsLength = function layoutsLength() {
     return this.layout.length;
   };
   _proto.build = function build(content, layoutId) {
     return this.layout[layoutId](content);
   };
+  _proto.footprint = function footprint(layoutId) {
+    var img = this.layoutFootprint[layoutId];
+    console.log('img atomic', img);
+    return img;
+  };
   return AtomicElements;
 }();
 
@@ -55,12 +61,17 @@ function Layout1$2(content) {
   return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
 }
 
+var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
+
+var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
+
 var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
   _inheritsLoose(HeadComponents, _AtomicElements);
   function HeadComponents() {
     var _this;
     _this = _AtomicElements.call(this) || this;
     _this.layout = [Layout1$1, Layout1$2];
+    _this.layoutFootprint = [banner_layout_1, banner_layout_2];
     return _this;
   }
   return HeadComponents;
@@ -229,10 +240,15 @@ var Section = /*#__PURE__*/function () {
   _proto.component = function component(json) {
     return /*#__PURE__*/React.createElement(HeadContainer, {
       json: json
-    }, this.child.build(json.content, json.layout));
+    }, this.child.build(json, json.component.layout));
+  };
+  _proto.getFootPrint = function getFootPrint(layout) {
+    var img = this.child.footprint(layout);
+    console.log('section', img);
+    return img;
   };
-  _proto.layoutList = function layoutList() {
-    return this.child.layouts();
+  _proto.layoutLength = function layoutLength() {
+    return this.child.layoutsLength();
   };
   return Section;
 }();

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/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n    }\r\n\r\n    layouts(){\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}\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 : 'placeholder'}\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 BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \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 : 'placeholder'}\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 { 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 : 'placeholder'}\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\nimport Layout2  from './elements/layout2'\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1, Layout2]\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: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\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\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\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\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\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}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\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}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        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.content, json.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      layoutList(){\r\n        return(\r\n        this.child.layouts()\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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layouts","length","build","content","layoutId","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","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","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","layoutList","Sections","head","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/elements/banner_layout_1.jpg","../src/head/elements/banner_layout_2.jpg","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\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(layoutId){\r\n        let img = this.layoutFootprint[layoutId]\r\n        console.log('img atomic', img)\r\n        return(\r\n            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 : 'placeholder'}\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 BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \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 : 'placeholder'}\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 { 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 : 'placeholder'}\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}","/* loaded by smart-asset */\nexport default \"banner_layout_1~tssbvgEJ.jpg\"","/* loaded by smart-asset */\nexport default \"banner_layout_2~tssbvgEJ.jpg\"","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\nimport banner_layout_1 from \"./elements/banner_layout_1.jpg\"\r\nimport banner_layout_2 from \"./elements/banner_layout_2.jpg\"\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1, Layout2]\r\n  layoutFootprint = [banner_layout_1, banner_layout_2]\r\n  // layoutRequirements = [\r\n  //   `{\r\n  //     'title'\r\n  //     'content'\r\n  //   }`,\r\n  //    `{\r\n  //     'title'\r\n  //     'content'\r\n  //   }`,\r\n  \r\n  // ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  //<texinput disable={!layout.img}>\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: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\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\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\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\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\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}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\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}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        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        \r\n        let img =  this.child.footprint(layout)\r\n        console.log('section', img)\r\n        return(\r\n          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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","console","log","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","banner_layout_1","banner_layout_2","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","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","getFootPrint","layoutLength","Sections","head","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.3",
+  "version": "1.0.5",
   "description": "Keski catalog components for Keski store, Codenation Studio",
   "author": "Francisco Marmolejo",
   "license": "",
@@ -53,6 +53,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.12.3"
+    "@mui/material": "^5.12.3",
+    "rollup-plugin-import-css": "^3.2.1"
   }
 }