keski_lib_catalog 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/banner_layout_1~tssbvgEJ.jpg +0 -0
  2. package/dist/banner_layout_2~tssbvgEJ.jpg +0 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +31 -9
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +33 -10
  7. package/dist/index.modern.js.map +1 -1
  8. package/dist/layout1~bjVrbVUo.jpg +0 -0
  9. package/dist/layout2~bjVrbVUo.jpg +0 -0
  10. package/package.json +3 -2
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* add css module styles here (optional) */
2
2
 
3
- ._3ybTi {
3
+ ._styles-module__test__3ybTi {
4
4
  margin: 2em;
5
5
  padding: 0.5em;
6
6
  border: 2px solid #000;
package/dist/index.js CHANGED
@@ -20,19 +20,26 @@ function _setPrototypeOf(o, p) {
20
20
  var AtomicElements = /*#__PURE__*/function () {
21
21
  function AtomicElements() {
22
22
  this.layout = [];
23
+ this.layoutFootprint = [];
23
24
  }
24
25
  var _proto = AtomicElements.prototype;
25
- _proto.layouts = function layouts() {
26
- return this.layout.length();
26
+ _proto.layoutsLength = function layoutsLength() {
27
+ return this.layout.length;
27
28
  };
28
29
  _proto.build = function build(content, layoutId) {
29
30
  return this.layout[layoutId](content);
30
31
  };
32
+ _proto.footprint = function footprint(layoutId) {
33
+ var img = this.layoutFootprint[layoutId];
34
+ console.log('img atomic', img);
35
+ return img;
36
+ };
31
37
  return AtomicElements;
32
38
  }();
33
39
 
34
40
  function Layout1(content) {
35
- return /*#__PURE__*/React.createElement(material.Grid, null, content['0'].title, /*#__PURE__*/React.createElement(material.Card, null, /*#__PURE__*/React.createElement(material.CardContent, null, content['0'].title)));
41
+ var _content$;
42
+ 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));
36
43
  }
37
44
 
38
45
  var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
@@ -47,15 +54,26 @@ var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
47
54
  }(AtomicElements);
48
55
 
49
56
  function Layout1$1(content) {
50
- return /*#__PURE__*/React.createElement(material.Grid, null, content['0'].title, /*#__PURE__*/React.createElement(material.Card, null, /*#__PURE__*/React.createElement(material.CardContent, null, content['0'].title)));
57
+ var _content$;
58
+ 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));
59
+ }
60
+
61
+ function Layout1$2(content) {
62
+ var _content$;
63
+ 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));
51
64
  }
52
65
 
66
+ var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
67
+
68
+ var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
69
+
53
70
  var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
54
71
  _inheritsLoose(HeadComponents, _AtomicElements);
55
72
  function HeadComponents() {
56
73
  var _this;
57
74
  _this = _AtomicElements.call(this) || this;
58
- _this.layout = [Layout1$1];
75
+ _this.layout = [Layout1$1, Layout1$2];
76
+ _this.layoutFootprint = [banner_layout_1, banner_layout_2];
59
77
  return _this;
60
78
  }
61
79
  return HeadComponents;
@@ -224,10 +242,15 @@ var Section = /*#__PURE__*/function () {
224
242
  _proto.component = function component(json) {
225
243
  return /*#__PURE__*/React.createElement(HeadContainer, {
226
244
  json: json
227
- }, this.child.build(json.content, json.layout));
245
+ }, this.child.build(json.content, json.component.layout));
246
+ };
247
+ _proto.getFootPrint = function getFootPrint(layout) {
248
+ var img = this.child.footprint(layout);
249
+ console.log('section', img);
250
+ return img;
228
251
  };
229
- _proto.layoutList = function layoutList() {
230
- return this.child.layouts();
252
+ _proto.layoutLength = function layoutLength() {
253
+ return this.child.layoutsLength();
231
254
  };
232
255
  return Section;
233
256
  }();
@@ -251,6 +274,5 @@ var Sections = /*#__PURE__*/function () {
251
274
  return Sections;
252
275
  }();
253
276
 
254
- exports.Section = Section;
255
277
  exports.Sections = Sections;
256
278
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +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/Component.js","../src/theme/index.js","../src/head/styles.js","../src/head/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n }\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}\r\n <Card>\r\n <CardContent>\r\n {content['0'].title}\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}\r\n <Card>\r\n <CardContent>\r\n {content['0'].title}\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 HeadComponents 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 { 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 \"./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 \"./head/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","React","createElement","Grid","title","Card","CardContent","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","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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"}
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/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.content, 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":";;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,eAAe,GAAG,EAAE;;EAC5B,IAAAC,MAAA,GAAAH,cAAA,CAAAI,SAAA;EAAAD,MAAA,CAEDE,aAAa,GAAb,SAAAA,gBAAe;IACX,OACI,IAAI,CAACJ,MAAM,CAACK,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACR,MAAM,CAACQ,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAAL,MAAA,CAEDO,SAAS,GAAT,SAAAA,UAAUD,QAAQ,EAAC;IACf,IAAIE,GAAG,GAAG,IAAI,CAACT,eAAe,CAACO,QAAQ,CAAC;IACxCG,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEF,GAAG,CAAC;IAC9B,OACIA,GAAG;GAEV;EAAA,OAAAX,cAAA;AAAA;;ACpBU,SAASc,OAAOA,CAACN,OAAO,EAAC;EAAA,IAAAO,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACD,CAAAH,SAAA,GAAAP,OAAO,CAAC,GAAG,CAAC,cAAAO,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGX,OAAO,CAAC,GAAG,CAAC,CAACW,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,CAETvB,MAAM,GAAG,CAACa,OAAO,CAAC;IAAA,OAAAU,KAAA;;EADjB,OAAAH,eAAA;AAAA,EAHgCrB,cAAc;;ACCpC,SAASc,SAAOA,CAACN,OAAO,EAAC;EAAA,IAAAO,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACA,CAAAH,SAAA,GAAAP,OAAO,CAAC,GAAG,CAAC,cAAAO,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGX,OAAO,CAAC,GAAG,CAAC,CAACW,KAAK,GAAG,aAAa,eACzDH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ACXe,SAASN,SAAOA,CAACN,OAAO,EAAC;EAAA,IAAAO,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACA,CAAAH,SAAA,GAAAP,OAAO,CAAC,GAAG,CAAC,cAAAO,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGX,OAAO,CAAC,GAAG,CAAC,CAACW,KAAK,GAAG,aAAa,eACzDH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ACdA,sBAAe,8BAA8B;;ACA7C,sBAAe,8BAA8B;;ICKhCM,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,CAGTvB,MAAM,GAAG,CAACa,SAAO,EAAEa,SAAO,CAAC;IAAAH,KAAA,CAC3BtB,eAAe,GAAG,CAAC0B,eAAe,EAAEC,eAAe,CAAC;IAAA,OAAAL,KAAA;;EAHnD,OAAAE,cAAA;AAAA,EAHiC1B,cAAc;;ACHlD,IAAM8B,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,oBACErG,KAAA,CAAAC,aAAA,CAACyD,eAAe;IAAC4C,EAAE,EAAE;MAACrB,MAAM,EAAC;KAAS;IAAClB,IAAI,EAAEqC,KAAK,CAACrC;kBACjD/D,KAAA,CAAAC,aAAA,CAACiF,aAAa,QACXkB,KAAK,CAACG,QACM,CACA,CAAC;AAEtB;;ICXaC,OAAO;EAChB,SAAAA,QAAYC,aAAa,EAAE;IACvB,IAAI,CAACC,KAAK,GAAGD,aAAa;;EAC3B,IAAAtH,MAAA,GAAAqH,OAAA,CAAApH,SAAA;EAAAD,MAAA,CAEDwH,SAAS,GAAT,SAAAA,UAAU5C,IAAI,EAAC;IACb,oBACA/D,KAAA,CAAAC,aAAA,CAACkG,aAAa;MAACpC,IAAI,EAAEA;OAElB,IAAI,CAAC2C,KAAK,CAACnH,KAAK,CAACwE,IAAI,CAACvE,OAAO,EAAEuE,IAAI,CAAC4C,SAAS,CAAC1H,MAAM,CACxC,CAAC;GAEjB;EAAAE,MAAA,CAEDyH,YAAY,GAAZ,SAAAA,aAAa3H,MAAM,EAAC;IAElB,IAAIU,GAAG,GAAI,IAAI,CAAC+G,KAAK,CAAChH,SAAS,CAACT,MAAM,CAAC;IACvCW,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEF,GAAG,CAAC;IAC3B,OACEA,GAAG;GAEN;EAAAR,MAAA,CAED0H,YAAY,GAAZ,SAAAA,eAAc;IACZ,OACA,IAAI,CAACH,KAAK,CAACrH,aAAa,EAAE;GAE3B;EAAA,OAAAmH,OAAA;AAAA;AAKP,IAAaM,QAAQ;EACjB,SAAAA,WAAa;IACZ,IAAI,CAACC,IAAI,GAAG,IAAIP,OAAO,CAAC,IAAI9F,cAAc,EAAE,CAAC;IAC7C,IAAI,CAACsG,KAAK,GAAG,IAAIR,OAAO,CAAC,IAAInG,eAAe,EAAE,CAAC;IAC/C,IAAI,CAAC4G,QAAQ,GAAG,CAAC,IAAI,CAACF,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC;;EACvC,IAAAE,OAAA,GAAAJ,QAAA,CAAA1H,SAAA;EAAA8H,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;;;;"}
package/dist/index.modern.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Grid, Card, CardContent, Box, Typography, Button } from '@mui/material';
2
+ import { Grid, Card, Box, Typography, Button } from '@mui/material';
3
3
  import { createTheme, styled, useTheme } from '@mui/material/styles';
4
4
 
5
5
  function _inheritsLoose(subClass, superClass) {
@@ -18,19 +18,26 @@ function _setPrototypeOf(o, p) {
18
18
  var AtomicElements = /*#__PURE__*/function () {
19
19
  function AtomicElements() {
20
20
  this.layout = [];
21
+ this.layoutFootprint = [];
21
22
  }
22
23
  var _proto = AtomicElements.prototype;
23
- _proto.layouts = function layouts() {
24
- return this.layout.length();
24
+ _proto.layoutsLength = function layoutsLength() {
25
+ return this.layout.length;
25
26
  };
26
27
  _proto.build = function build(content, layoutId) {
27
28
  return this.layout[layoutId](content);
28
29
  };
30
+ _proto.footprint = function footprint(layoutId) {
31
+ var img = this.layoutFootprint[layoutId];
32
+ console.log('img atomic', img);
33
+ return img;
34
+ };
29
35
  return AtomicElements;
30
36
  }();
31
37
 
32
38
  function Layout1(content) {
33
- return /*#__PURE__*/React.createElement(Grid, null, content['0'].title, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardContent, null, content['0'].title)));
39
+ var _content$;
40
+ return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
34
41
  }
35
42
 
36
43
  var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
@@ -45,15 +52,26 @@ var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
45
52
  }(AtomicElements);
46
53
 
47
54
  function Layout1$1(content) {
48
- return /*#__PURE__*/React.createElement(Grid, null, content['0'].title, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardContent, null, content['0'].title)));
55
+ var _content$;
56
+ return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
57
+ }
58
+
59
+ function Layout1$2(content) {
60
+ var _content$;
61
+ return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
49
62
  }
50
63
 
64
+ var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
65
+
66
+ var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
67
+
51
68
  var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
52
69
  _inheritsLoose(HeadComponents, _AtomicElements);
53
70
  function HeadComponents() {
54
71
  var _this;
55
72
  _this = _AtomicElements.call(this) || this;
56
- _this.layout = [Layout1$1];
73
+ _this.layout = [Layout1$1, Layout1$2];
74
+ _this.layoutFootprint = [banner_layout_1, banner_layout_2];
57
75
  return _this;
58
76
  }
59
77
  return HeadComponents;
@@ -222,10 +240,15 @@ var Section = /*#__PURE__*/function () {
222
240
  _proto.component = function component(json) {
223
241
  return /*#__PURE__*/React.createElement(HeadContainer, {
224
242
  json: json
225
- }, this.child.build(json.content, json.layout));
243
+ }, this.child.build(json.content, json.component.layout));
244
+ };
245
+ _proto.getFootPrint = function getFootPrint(layout) {
246
+ var img = this.child.footprint(layout);
247
+ console.log('section', img);
248
+ return img;
226
249
  };
227
- _proto.layoutList = function layoutList() {
228
- return this.child.layouts();
250
+ _proto.layoutLength = function layoutLength() {
251
+ return this.child.layoutsLength();
229
252
  };
230
253
  return Section;
231
254
  }();
@@ -249,5 +272,5 @@ var Sections = /*#__PURE__*/function () {
249
272
  return Sections;
250
273
  }();
251
274
 
252
- export { Section, Sections };
275
+ export { Sections };
253
276
  //# sourceMappingURL=index.modern.js.map
package/dist/index.modern.js.map CHANGED
@@ -1 +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/Component.js","../src/theme/index.js","../src/head/styles.js","../src/head/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n }\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}\r\n <Card>\r\n <CardContent>\r\n {content['0'].title}\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}\r\n <Card>\r\n <CardContent>\r\n {content['0'].title}\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 HeadComponents 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 { 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 \"./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 \"./head/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","React","createElement","Grid","title","Card","CardContent","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","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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"}
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/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.content, 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/layout1~bjVrbVUo.jpg ADDED
Binary file
package/dist/layout2~bjVrbVUo.jpg ADDED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keski_lib_catalog",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",
@@ -53,6 +53,7 @@
53
53
  "dependencies": {
54
54
  "@emotion/react": "^11.11.0",
55
55
  "@emotion/styled": "^11.11.0",
56
- "@mui/material": "^5.12.3"
56
+ "@mui/material": "^5.12.3",
57
+ "rollup-plugin-import-css": "^3.2.1"
57
58
  }
58
59
  }