keski_lib_catalog 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +26 -30
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +26 -30
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -29,8 +29,8 @@ var AtomicElements = /*#__PURE__*/function () {
29
29
  _proto.build = function build(content, layoutId) {
30
30
  return this.layout[layoutId](content);
31
31
  };
32
- _proto.footprint = function footprint(layoutId) {
33
- var img = this.layoutFootprint[layoutId];
32
+ _proto.footprint = function footprint(layout) {
33
+ var img = this.layoutFootprint[layout];
34
34
  console.log('img atomic', img);
35
35
  return img;
36
36
  };
@@ -39,44 +39,36 @@ var AtomicElements = /*#__PURE__*/function () {
39
39
 
40
40
  function Layout1(content) {
41
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));
42
+ return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(material.Card, null));
43
43
  }
44
44
 
45
- var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
46
- _inheritsLoose(BriefComponents, _AtomicElements);
47
- function BriefComponents() {
45
+ var Brief = /*#__PURE__*/function (_AtomicElements) {
46
+ _inheritsLoose(Brief, _AtomicElements);
47
+ function Brief() {
48
48
  var _this;
49
49
  _this = _AtomicElements.call(this) || this;
50
50
  _this.layout = [Layout1];
51
+ _this.layoutFootprint = ['text_image_layout_1.png'];
51
52
  return _this;
52
53
  }
53
- return BriefComponents;
54
+ return Brief;
54
55
  }(AtomicElements);
55
56
 
56
57
  function Layout1$1(content) {
57
58
  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
+ return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(material.Card, null));
59
60
  }
60
61
 
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));
64
- }
65
-
66
- var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
67
-
68
- var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
69
-
70
- var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
71
- _inheritsLoose(HeadComponents, _AtomicElements);
72
- function HeadComponents() {
62
+ var Banner = /*#__PURE__*/function (_AtomicElements) {
63
+ _inheritsLoose(Banner, _AtomicElements);
64
+ function Banner() {
73
65
  var _this;
74
66
  _this = _AtomicElements.call(this) || this;
75
- _this.layout = [Layout1$1, Layout1$2];
76
- _this.layoutFootprint = [banner_layout_1, banner_layout_2];
67
+ _this.layout = [Layout1$1];
68
+ _this.layoutFootprint = ['banner_layout_1.jpg'];
77
69
  return _this;
78
70
  }
79
- return HeadComponents;
71
+ return Banner;
80
72
  }(AtomicElements);
81
73
 
82
74
  var COLOR_PRIMARY = '#4CAF50';
@@ -153,7 +145,7 @@ var BannerContainer = styles.styled(material.Box)(function (_ref) {
153
145
  justifyContent: 'center',
154
146
  heigth: '100%',
155
147
  padding: '0px',
156
- backgroundImage: "url(" + json.backgroundImage + ")",
148
+ backgroundImage: "url(" + json.component.bg_image.url + ")",
157
149
  backgroundPosition: '0% 20%',
158
150
  backgroundSize: 'cover',
159
151
  backgroundRepeat: 'no-repeat'
@@ -234,12 +226,15 @@ function HeadContainer(props) {
234
226
  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
235
227
  }
236
228
 
229
+ var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
230
+
237
231
  var Section = /*#__PURE__*/function () {
238
232
  function Section(AtomicElement) {
239
233
  this.child = AtomicElement;
240
234
  }
241
235
  var _proto = Section.prototype;
242
236
  _proto.component = function component(json) {
237
+ console.log('json', json);
243
238
  return /*#__PURE__*/React.createElement(HeadContainer, {
244
239
  json: json
245
240
  }, this.child.build(json, json.component.layout));
@@ -247,7 +242,7 @@ var Section = /*#__PURE__*/function () {
247
242
  _proto.getFootPrint = function getFootPrint(layout) {
248
243
  var img = this.child.footprint(layout);
249
244
  console.log('section', img);
250
- return img;
245
+ return "" + JK_RESOURCES + img;
251
246
  };
252
247
  _proto.layoutLength = function layoutLength() {
253
248
  return this.child.layoutsLength();
@@ -256,15 +251,16 @@ var Section = /*#__PURE__*/function () {
256
251
  }();
257
252
  var Sections = /*#__PURE__*/function () {
258
253
  function Sections() {
259
- this.head = new Section(new HeadComponents());
260
- this.brief = new Section(new BriefComponents());
261
- this.sections = [this.head, this.brief];
254
+ this.banner = new Section(new Banner());
255
+ this.brief = new Section(new Brief());
256
+ this.sections = [this.banner, this.brief];
262
257
  }
263
258
  var _proto2 = Sections.prototype;
264
259
  _proto2.getSectionList = function getSectionList() {
265
260
  return {
266
- '0': 'Header',
267
- '1': 'Brief'
261
+ '0': 'Banner',
262
+ '1': 'Brief',
263
+ '2': 'Quotes'
268
264
  };
269
265
  };
270
266
  _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {
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/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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"}
1
+ {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n 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 : ''}\r\n <Card>\r\n {/* <CardContent>\r\n {content['0']?.title ? content['0'].title : 'placeholder'}\r\n </CardContent> */}\r\n </Card>\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n //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 : ''}\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 Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n // layoutRequirements = [\r\n // `{\r\n // 'title'\r\n // 'content'\r\n // }`,\r\n // `{\r\n // 'title'\r\n // 'content'\r\n // 'name'\r\n // }`,\r\n \r\n // ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n\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.component.bg_image.url})`,\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 \"../banner/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}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let img = this.child.footprint(layout)\r\n console.log('section', img)\r\n return(\r\n `${JK_RESOURCES}${img}`\r\n )\r\n }\r\n\r\n layoutLength(){\r\n return(\r\n this.child.layoutsLength()\r\n )\r\n }\r\n \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n constructor(){\r\n this.banner = new Section(new Banner()) \r\n this.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","Banner","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","component","bg_image","url","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","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
package/dist/index.modern.js CHANGED
@@ -27,8 +27,8 @@ var AtomicElements = /*#__PURE__*/function () {
27
27
  _proto.build = function build(content, layoutId) {
28
28
  return this.layout[layoutId](content);
29
29
  };
30
- _proto.footprint = function footprint(layoutId) {
31
- var img = this.layoutFootprint[layoutId];
30
+ _proto.footprint = function footprint(layout) {
31
+ var img = this.layoutFootprint[layout];
32
32
  console.log('img atomic', img);
33
33
  return img;
34
34
  };
@@ -37,44 +37,36 @@ var AtomicElements = /*#__PURE__*/function () {
37
37
 
38
38
  function Layout1(content) {
39
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));
40
+ return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(Card, null));
41
41
  }
42
42
 
43
- var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
44
- _inheritsLoose(BriefComponents, _AtomicElements);
45
- function BriefComponents() {
43
+ var Brief = /*#__PURE__*/function (_AtomicElements) {
44
+ _inheritsLoose(Brief, _AtomicElements);
45
+ function Brief() {
46
46
  var _this;
47
47
  _this = _AtomicElements.call(this) || this;
48
48
  _this.layout = [Layout1];
49
+ _this.layoutFootprint = ['text_image_layout_1.png'];
49
50
  return _this;
50
51
  }
51
- return BriefComponents;
52
+ return Brief;
52
53
  }(AtomicElements);
53
54
 
54
55
  function Layout1$1(content) {
55
56
  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
+ return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(Card, null));
57
58
  }
58
59
 
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));
62
- }
63
-
64
- var banner_layout_1 = "banner_layout_1~tssbvgEJ.jpg";
65
-
66
- var banner_layout_2 = "banner_layout_2~tssbvgEJ.jpg";
67
-
68
- var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
69
- _inheritsLoose(HeadComponents, _AtomicElements);
70
- function HeadComponents() {
60
+ var Banner = /*#__PURE__*/function (_AtomicElements) {
61
+ _inheritsLoose(Banner, _AtomicElements);
62
+ function Banner() {
71
63
  var _this;
72
64
  _this = _AtomicElements.call(this) || this;
73
- _this.layout = [Layout1$1, Layout1$2];
74
- _this.layoutFootprint = [banner_layout_1, banner_layout_2];
65
+ _this.layout = [Layout1$1];
66
+ _this.layoutFootprint = ['banner_layout_1.jpg'];
75
67
  return _this;
76
68
  }
77
- return HeadComponents;
69
+ return Banner;
78
70
  }(AtomicElements);
79
71
 
80
72
  var COLOR_PRIMARY = '#4CAF50';
@@ -151,7 +143,7 @@ var BannerContainer = styled(Box)(function (_ref) {
151
143
  justifyContent: 'center',
152
144
  heigth: '100%',
153
145
  padding: '0px',
154
- backgroundImage: "url(" + json.backgroundImage + ")",
146
+ backgroundImage: "url(" + json.component.bg_image.url + ")",
155
147
  backgroundPosition: '0% 20%',
156
148
  backgroundSize: 'cover',
157
149
  backgroundRepeat: 'no-repeat'
@@ -232,12 +224,15 @@ function HeadContainer(props) {
232
224
  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
233
225
  }
234
226
 
227
+ var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
228
+
235
229
  var Section = /*#__PURE__*/function () {
236
230
  function Section(AtomicElement) {
237
231
  this.child = AtomicElement;
238
232
  }
239
233
  var _proto = Section.prototype;
240
234
  _proto.component = function component(json) {
235
+ console.log('json', json);
241
236
  return /*#__PURE__*/React.createElement(HeadContainer, {
242
237
  json: json
243
238
  }, this.child.build(json, json.component.layout));
@@ -245,7 +240,7 @@ var Section = /*#__PURE__*/function () {
245
240
  _proto.getFootPrint = function getFootPrint(layout) {
246
241
  var img = this.child.footprint(layout);
247
242
  console.log('section', img);
248
- return img;
243
+ return "" + JK_RESOURCES + img;
249
244
  };
250
245
  _proto.layoutLength = function layoutLength() {
251
246
  return this.child.layoutsLength();
@@ -254,15 +249,16 @@ var Section = /*#__PURE__*/function () {
254
249
  }();
255
250
  var Sections = /*#__PURE__*/function () {
256
251
  function Sections() {
257
- this.head = new Section(new HeadComponents());
258
- this.brief = new Section(new BriefComponents());
259
- this.sections = [this.head, this.brief];
252
+ this.banner = new Section(new Banner());
253
+ this.brief = new Section(new Brief());
254
+ this.sections = [this.banner, this.brief];
260
255
  }
261
256
  var _proto2 = Sections.prototype;
262
257
  _proto2.getSectionList = function getSectionList() {
263
258
  return {
264
- '0': 'Header',
265
- '1': 'Brief'
259
+ '0': 'Banner',
260
+ '1': 'Brief',
261
+ '2': 'Quotes'
266
262
  };
267
263
  };
268
264
  _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {
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/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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"}
1
+ {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n 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 : ''}\r\n <Card>\r\n {/* <CardContent>\r\n {content['0']?.title ? content['0'].title : 'placeholder'}\r\n </CardContent> */}\r\n </Card>\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n //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 : ''}\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 Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n // layoutRequirements = [\r\n // `{\r\n // 'title'\r\n // 'content'\r\n // }`,\r\n // `{\r\n // 'title'\r\n // 'content'\r\n // 'name'\r\n // }`,\r\n \r\n // ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n\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.component.bg_image.url})`,\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 \"../banner/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}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let img = this.child.footprint(layout)\r\n console.log('section', img)\r\n return(\r\n `${JK_RESOURCES}${img}`\r\n )\r\n }\r\n\r\n layoutLength(){\r\n return(\r\n this.child.layoutsLength()\r\n )\r\n }\r\n \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n constructor(){\r\n this.banner = new Section(new Banner()) \r\n this.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","Banner","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","component","bg_image","url","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","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keski_lib_catalog",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",