keski_lib_catalog 1.0.7 → 1.0.9

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 +56 -36
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +56 -36
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -21,6 +21,7 @@ var AtomicElements = /*#__PURE__*/function () {
21
21
  function AtomicElements() {
22
22
  this.layout = [];
23
23
  this.layoutFootprint = [];
24
+ this.layoutFootprintReq = [];
24
25
  }
25
26
  var _proto = AtomicElements.prototype;
26
27
  _proto.layoutsLength = function layoutsLength() {
@@ -31,8 +32,12 @@ var AtomicElements = /*#__PURE__*/function () {
31
32
  };
32
33
  _proto.footprint = function footprint(layout) {
33
34
  var img = this.layoutFootprint[layout];
35
+ var req = this.layoutFootprintReq[layout];
34
36
  console.log('img atomic', img);
35
- return img;
37
+ return {
38
+ req: req,
39
+ img: img
40
+ };
36
41
  };
37
42
  return AtomicElements;
38
43
  }();
@@ -49,6 +54,14 @@ var Brief = /*#__PURE__*/function (_AtomicElements) {
49
54
  _this = _AtomicElements.call(this) || this;
50
55
  _this.layout = [Layout1];
51
56
  _this.layoutFootprint = ['text_image_layout_1.png'];
57
+ _this.layoutFootprintReq = [{
58
+ 'title': 'Tittle',
59
+ 'content': 'Content'
60
+ }, {
61
+ 'title': 'Tittle',
62
+ 'content': 'Content',
63
+ 'name': 'Name'
64
+ }];
52
65
  return _this;
53
66
  }
54
67
  return Brief;
@@ -135,10 +148,8 @@ var BannerContainer = styles.styled(material.Box)(function (_ref) {
135
148
  backgroundRepeat: 'no-repeat'
136
149
  }, _ref2[theme.breakpoints.down('sm')] = {
137
150
  flexDirection: 'column',
138
- alignItems: 'center'
139
- }, _ref2[theme.breakpoints.down('md')] = {
140
- flexDirection: 'column',
141
- alignItems: 'center'
151
+ alignItems: 'center',
152
+ justifyContent: 'center'
142
153
  }, _ref2;
143
154
  });
144
155
  var BannerImage = styles.styled('img')(function (_ref3) {
@@ -158,63 +169,61 @@ var BannerImage = styles.styled('img')(function (_ref3) {
158
169
  }, _ref4;
159
170
  });
160
171
  var BannerContent = styles.styled(material.Box)(function () {
161
- return {
172
+ var _ref5;
173
+ return _ref5 = {
162
174
  display: 'flex',
163
175
  flexDirection: 'column',
164
176
  justifyContent: 'center',
165
177
  width: '100%',
166
- maxWidth: '30%',
167
- padding: '30px',
168
- color: Colors.contrastText
169
- };
178
+ maxWidth: '30%'
179
+ }, _ref5[theme.breakpoints.down('md')] = {
180
+ maxWidth: '90%'
181
+ }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
170
182
  });
171
183
  var BannerTittle = styles.styled(material.Typography)(function () {
172
- var _ref5;
173
- return _ref5 = {
184
+ var _ref6;
185
+ return _ref6 = {
174
186
  lineHeigth: 1.5,
175
187
  fontSize: '28px',
176
188
  marginBottom: '20px',
177
189
  color: Colors.contrastText
178
- }, _ref5[theme.breakpoints.down('sm')] = {
190
+ }, _ref6[theme.breakpoints.down('sm')] = {
179
191
  fontSize: '42px'
180
- }, _ref5;
192
+ }, _ref6;
181
193
  });
182
194
  var BannerSubtitle = styles.styled(material.Typography)(function () {
183
- var _ref6;
184
- return _ref6 = {
195
+ var _ref7;
196
+ return _ref7 = {
185
197
  lineHeigth: 1.5,
186
198
  fontSize: '24px',
187
199
  marginBottom: '20px',
188
200
  color: Colors.contrastText
189
- }, _ref6[theme.breakpoints.down('sm')] = {
201
+ }, _ref7[theme.breakpoints.down('sm')] = {
190
202
  fontSize: '42px'
191
- }, _ref6;
203
+ }, _ref7;
192
204
  });
193
- var BannerDescription = styles.styled(material.Typography)(function (_ref7) {
194
- var _ref8;
195
- var theme = _ref7.theme;
196
- return _ref8 = {
205
+ var BannerDescription = styles.styled(material.Typography)(function (_ref8) {
206
+ var _ref9;
207
+ var theme = _ref8.theme;
208
+ return _ref9 = {
197
209
  lineHeigth: 1.25,
198
210
  fontSize: '22px',
199
211
  letterSpacing: 1.25,
200
212
  marginBottom: "3em"
201
- }, _ref8[theme.breakpoints.down('md')] = {
213
+ }, _ref9[theme.breakpoints.down('md')] = {
202
214
  lineHeigth: 1.15,
203
215
  letterSpacing: 1.15,
204
216
  marginBottom: "1.5em"
205
- }, _ref8;
206
- });
207
- var BannerButton = styles.styled(material.Button)(function (_ref9) {
208
- var theme = _ref9.theme;
209
- return {
210
- color: Colors.white,
211
- background: theme.palette.primary.main,
212
- fontSize: '24px'
213
- };
217
+ }, _ref9;
214
218
  });
215
219
 
216
220
  function Layout1$1(content) {
217
- return /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Placeholder title'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Placeholder subtitle'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Placeholder description'), /*#__PURE__*/React.createElement(BannerButton, null, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Placeholder button'));
221
+ return /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
222
+ variant: "contained",
223
+ sx: {
224
+ width: '100%'
225
+ }
226
+ }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
218
227
  }
219
228
 
220
229
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -224,6 +233,14 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
224
233
  _this = _AtomicElements.call(this) || this;
225
234
  _this.layout = [Layout1$1];
226
235
  _this.layoutFootprint = ['banner_layout_1.jpg'];
236
+ _this.layoutFootprintReq = [{
237
+ 'title': 'Tittle',
238
+ 'content': 'Content'
239
+ }, {
240
+ 'title': 'Tittle',
241
+ 'content': 'Content',
242
+ 'name': 'Name'
243
+ }];
227
244
  return _this;
228
245
  }
229
246
  return Banner;
@@ -253,9 +270,12 @@ var Section = /*#__PURE__*/function () {
253
270
  }, this.child.build(json, json.component.layout));
254
271
  };
255
272
  _proto.getFootPrint = function getFootPrint(layout) {
256
- var img = this.child.footprint(layout);
257
- console.log('section', img);
258
- return "" + JK_RESOURCES + img;
273
+ var footPrint = this.child.footprint(layout);
274
+ console.log('section', footPrint);
275
+ return {
276
+ req: footPrint.req,
277
+ img: "" + JK_RESOURCES + footPrint.img
278
+ };
259
279
  };
260
280
  _proto.layoutLength = function layoutLength() {
261
281
  return this.child.layoutsLength();
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/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n }\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 { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n display: 'flex',\r\n justifyContent: 'right',\r\n heigth: '100%',\r\n padding: '32px',\r\n backgroundColor:\r\n json.component.bg_color1 && json.component.bg_type == 1\r\n ? json.component.bg_color1\r\n : null,\r\n backgroundImage:\r\n json.component.bg_image?.url && json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : json.component.bg_image?.url && json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : 'none',\r\n backgroundPosition: '0% 20%',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n src: `url(${src})`,\r\n width: '40%',\r\n height: 'auto',\r\n [theme.breakpoints.down('md')]: {\r\n width: '70%',\r\n height: 'auto',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '90%',\r\n height: 'auto',\r\n }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '100%',\r\n maxWidth: '30%',\r\n padding: '30px',\r\n color: Colors.contrastText,\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '28px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '24px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n lineHeigth: 1.25,\r\n fontSize: '22px',\r\n letterSpacing: 1.25,\r\n marginBottom: \"3em\",\r\n [theme.breakpoints.down('md')]: {\r\n lineHeigth: 1.15,\r\n letterSpacing: 1.15,\r\n marginBottom: \"1.5em\",\r\n\r\n }\r\n}))\r\n\r\nexport const BannerButton = styled(Button)(({ theme }) => ({\r\n color: Colors.white,\r\n background: theme.palette.primary.main,\r\n fontSize: '24px'\r\n}))","import { Box } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription, BannerButton } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <BannerTittle>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Placeholder title'}\r\n </BannerTittle>\r\n <BannerSubtitle>\r\n {content.component.subcomponent[0].subtitle ?\r\n content.component.subcomponent[0].subtitle\r\n : 'Placeholder subtitle'}\r\n </BannerSubtitle>\r\n <BannerDescription>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Placeholder description'}\r\n </BannerDescription>\r\n <BannerButton>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Placeholder button'}\r\n </BannerButton>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n // 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 //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n const theme = useTheme();\r\n\r\n return(\r\n <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n <BannerContent>\r\n {props.children}\r\n </BannerContent>\r\n </BannerContainer>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let 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","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref6","BannerDescription","_ref7","_ref8","letterSpacing","BannerButton","Button","_ref9","background","subcomponent","subtitle","description","button_title","Banner","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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"}
1
+ {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n return(\r\n <Grid>\r\n {content['0']?.title ? content['0'].title : ''}\r\n <Card>\r\n {/* <CardContent>\r\n {content['0']?.title ? content['0'].title : 'placeholder'}\r\n </CardContent> */}\r\n </Card>\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n display: 'flex',\r\n justifyContent: 'right',\r\n heigth: '100%',\r\n padding: '32px',\r\n backgroundColor:\r\n json.component.bg_color1 && json.component.bg_type == 1\r\n ? json.component.bg_color1\r\n : null,\r\n backgroundImage:\r\n json.component.bg_image?.url && json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : json.component.bg_image?.url && json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : 'none',\r\n backgroundPosition: '0% 20%',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n // [theme.breakpoints.down('md')]: {\r\n // flexDirection: 'column',\r\n // alignItems: 'center'\r\n // },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n src: `url(${src})`,\r\n width: '40%',\r\n height: 'auto',\r\n [theme.breakpoints.down('md')]: {\r\n width: '70%',\r\n height: 'auto',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '90%',\r\n height: 'auto',\r\n }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '100%',\r\n maxWidth: '30%',\r\n [theme.breakpoints.down('md')]: {\r\n maxWidth: '90%',\r\n },\r\n padding: '30px',\r\n color: Colors.contrastText\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '28px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '24px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n lineHeigth: 1.25,\r\n fontSize: '22px',\r\n letterSpacing: 1.25,\r\n marginBottom: \"3em\",\r\n [theme.breakpoints.down('md')]: {\r\n lineHeigth: 1.15,\r\n letterSpacing: 1.15,\r\n marginBottom: \"1.5em\",\r\n }\r\n}))\r\n","import { Box, Button } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <BannerTittle>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </BannerTittle>\r\n <BannerSubtitle>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </BannerSubtitle>\r\n <BannerDescription>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </BannerDescription>\r\n <Button variant='contained' sx={{ width: '100%' }}>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n const theme = useTheme();\r\n\r\n return(\r\n <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n <BannerContent>\r\n {props.children}\r\n </BannerContent>\r\n </BannerContainer>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return(\r\n {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength(){\r\n return(\r\n this.child.layoutsLength()\r\n )\r\n }\r\n \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n constructor(){\r\n this.banner = new Section(new Banner()) \r\n this.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","_ref5","maxWidth","color","BannerTittle","Typography","_ref6","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref7","BannerDescription","_ref8","_ref9","letterSpacing","subcomponent","subtitle","description","Button","variant","sx","button_title","Banner","HeadContainer","props","useTheme","children","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":";;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,kBAAkB,GAAG,EAAE;;EAC/B,IAAAC,MAAA,GAAAJ,cAAA,CAAAK,SAAA;EAAAD,MAAA,CAEDE,aAAa,GAAb,SAAAA,gBAAe;IACX,OACI,IAAI,CAACL,MAAM,CAACM,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACT,MAAM,CAACS,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAAL,MAAA,CAEDO,SAAS,GAAT,SAAAA,UAAUV,MAAM,EAAC;IACb,IAAIW,GAAG,GAAG,IAAI,CAACV,eAAe,CAACD,MAAM,CAAC;IACtC,IAAIY,GAAG,GAAG,IAAI,CAACV,kBAAkB,CAACF,MAAM,CAAC;IACzCa,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,GAAG,CAAC;IAC9B,OACI;MAACC,GAAG,EAAHA,GAAG;MAAED,GAAG,EAAHA;KAAI;GAEjB;EAAA,OAAAZ,cAAA;AAAA;;ACtBU,SAASgB,OAAOA,CAACP,OAAO,EAAC;EAAA,IAAAQ,SAAA;EACpC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAI,QACD,CAAAH,SAAA,GAAAR,OAAO,CAAC,GAAG,CAAC,cAAAQ,SAAA,eAAZA,SAAA,CAAcI,KAAK,GAAGZ,OAAO,CAAC,GAAG,CAAC,CAACY,KAAK,GAAG,EAAE,eAC7CH,KAAA,CAAAC,aAAA,CAACG,aAAI,MAIC,CACJ,CAAC;AAEf;;ICZaC,KAAK,0BAAAC,eAAA;EAAAC,cAAA,CAAAF,KAAA,EAAAC,eAAA;EACd,SAAAD,QAAc;IAAA,IAAAG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETzB,MAAM,GAAG,CAACe,OAAO,CAAC;IAAAU,KAAA,CAClBxB,eAAe,GAAG,CAAC,yBAAyB,CAAC;IAAAwB,KAAA,CAC7CvB,kBAAkB,GAAG,CACnB;MACE,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC;KACX,EACA;MACC,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC,SAAS;MACnB,MAAM,EAAC;KACR,CAEF;IAAA,OAAAuB,KAAA;;EAdA,OAAAH,KAAA;AAAA,EAHsBvB,cAAc;;ACAzC,IAAM4B,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,qBAAA,EAAAC,sBAAA,EAAAC,KAAA;EAAA,IAAGxB,KAAK,GAAAqB,IAAA,CAALrB,KAAK;IAAEyB,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAAA,OAAAD,KAAA;IACvDE,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,OAAO;IACvBC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,MAAM;IACfC,eAAe,EACbL,IAAI,CAACM,SAAS,CAACC,SAAS,IAAIP,IAAI,CAACM,SAAS,CAACE,OAAO,IAAI,CAAC,GACnDR,IAAI,CAACM,SAAS,CAACC,SAAS,GACxB,IAAI;IACVE,eAAe,EACb,CAAAZ,qBAAA,GAAAG,IAAI,CAACM,SAAS,CAACI,QAAQ,cAAAb,qBAAA,eAAvBA,qBAAA,CAAyBc,GAAG,IAAIX,IAAI,CAACM,SAAS,CAACE,OAAO,KAAK,CAAC,YACjDR,IAAI,CAACM,SAAS,CAACI,QAAQ,CAACC,GAAG,SAClC,CAAAb,sBAAA,GAAAE,IAAI,CAACM,SAAS,CAACI,QAAQ,cAAAZ,sBAAA,eAAvBA,sBAAA,CAAyBa,GAAG,IAAIX,IAAI,CAACM,SAAS,CAACE,OAAO,KAAK,CAAC,wBACvCR,IAAI,CAACM,SAAS,CAACC,SAAS,UAAKP,IAAI,CAACM,SAAS,CAACM,SAAS,SACxE,MAAM;IACdC,kBAAkB,EAAE,QAAQ;IAC5BC,cAAc,EAAE,OAAO;IACvBC,gBAAgB,EAAE;KAAWhB,KAAA,CAC5BxB,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,QAAQ;IACpBjB,cAAc,EAAE;GACjB,EAAAH,KAAA;AAAA,CAKD,CAAC;AAEH,AAAO,IAAMqB,WAAW,GAAG1B,aAAM,CAAC,KAAK,CAAC,CAAC,UAAA2B,KAAA;EAAA,IAAAC,KAAA;EAAA,IAAGC,GAAG,GAAAF,KAAA,CAAHE,GAAG;IAAEhD,KAAK,GAAA8C,KAAA,CAAL9C,KAAK;EAAA,OAAA+C,KAAA;IACpDC,GAAG,WAASA,GAAG,MAAG;IAClBC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE;KAAMH,KAAA,CACb/C,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BO,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE;GACT,EAAAH,KAAA,CACA/C,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BO,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE;GACT,EAAAH,KAAA;AAAA,CACD,CAAC;AAGH,AAAO,IAAMI,aAAa,GAAGhC,aAAM,CAACC,YAAG,CAAC,CAAC;EAAA,IAAAgC,KAAA;EAAA,OAAAA,KAAA;IACvC1B,OAAO,EAAE,MAAM;IACfiB,aAAa,EAAE,QAAQ;IACvBhB,cAAc,EAAE,QAAQ;IACxBsB,KAAK,EAAE,MAAM;IACbI,QAAQ,EAAE;KAAKD,KAAA,CACdpD,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BW,QAAQ,EAAE;GACX,EAAAD,KAAA,CACDvB,OAAO,GAAE,MAAM,EAAAuB,KAAA,CACfE,KAAK,GAAE9E,MAAM,CAACC,YAAY,EAAA2E,KAAA;AAAA,CAC1B,CAAC;AAGH,AAAO,IAAMG,YAAY,GAAGpC,aAAM,CAACqC,mBAAU,CAAC,CAAC;EAAA,IAAAC,KAAA;EAAA,OAAAA,KAAA;IAC7CC,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAE,MAAM;IACpBN,KAAK,EAAE9E,MAAM,CAACC;KAAYgF,KAAA,CACzBzD,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BiB,QAAQ,EAAE;GACX,EAAAF,KAAA;AAAA,CACD,CAAC;AAEH,AAAO,IAAMI,cAAc,GAAG1C,aAAM,CAACqC,mBAAU,CAAC,CAAC;EAAA,IAAAM,KAAA;EAAA,OAAAA,KAAA;IAC/CJ,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAE,MAAM;IACpBN,KAAK,EAAE9E,MAAM,CAACC;KAAYqF,KAAA,CACzB9D,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BiB,QAAQ,EAAE;GACX,EAAAG,KAAA;AAAA,CACD,CAAC;AAEH,AAAO,IAAMC,iBAAiB,GAAG5C,aAAM,CAACqC,mBAAU,CAAC,CAAC,UAAAQ,KAAA;EAAA,IAAAC,KAAA;EAAA,IAAGjE,KAAK,GAAAgE,KAAA,CAALhE,KAAK;EAAA,OAAAiE,KAAA;IAC1DP,UAAU,EAAE,IAAI;IAChBC,QAAQ,EAAE,MAAM;IAChBO,aAAa,EAAE,IAAI;IACnBN,YAAY,EAAE;KAAKK,KAAA,CAClBjE,KAAK,CAACyC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,IAAG;IAC9BgB,UAAU,EAAE,IAAI;IAChBQ,aAAa,EAAE,IAAI;IACnBN,YAAY,EAAE;GACf,EAAAK,KAAA;AAAA,CACD,CAAC;;ACzFY,SAASvG,SAAOA,CAACP,OAAO,EAAE;EACvC,oBACES,KAAA,CAAAC,aAAA,CAACuD,YAAG,qBACFxD,KAAA,CAAAC,aAAA,CAAC0F,YAAY,QACVpG,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACpG,KAAK,GACtCZ,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACpG,KAAK,GACrC,gBACQ,CAAC,eACfH,KAAA,CAAAC,aAAA,CAACgG,cAAc,QACZ1G,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACC,QAAQ,GACvCjH,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACC,QAAQ,GAC1C,mBACU,CAAC,eACjBxG,KAAA,CAAAC,aAAA,CAACkG,iBAAiB,QACf5G,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC5ClH,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC3C,qBACa,CAAC,eACpBzG,KAAA,CAAAC,aAAA,CAACyG,eAAM;IAACC,OAAO,EAAC,WAAW;IAACC,EAAE,EAAE;MAAEvB,KAAK,EAAE;;KACtC9F,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACM,YAAY,GAC7CtH,OAAO,CAAC4E,SAAS,CAACoC,YAAY,CAAC,CAAC,CAAC,CAACM,YAAY,GAC5C,cACE,CACL,CAAC;AAEV;;ICzBaC,MAAM,0BAAAxG,eAAA;EAAAC,cAAA,CAAAuG,MAAA,EAAAxG,eAAA;EACjB,SAAAwG,SAAc;IAAA,IAAAtG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAGTzB,MAAM,GAAG,CAACe,SAAO,CAAC;IAAAU,KAAA,CAClBxB,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAAwB,KAAA,CACzCvB,kBAAkB,GAAG,CACnB;MACE,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC;KACX,EACA;MACC,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC,SAAS;MACnB,MAAM,EAAC;KACR,CAEF;IAAA,OAAAuB,KAAA;;EAfA,OAAAsG,MAAA;AAAA,EAHyBhI,cAAc;;ACC3B,SAASiI,aAAaA,CAACC,KAAK,EAAC;EAG1C,IAAM5E,KAAK,GAAG6E,eAAQ,EAAE;EAExB,oBACEjH,KAAA,CAAAC,aAAA,CAACqD,eAAe;IAACsD,EAAE,EAAE;MAACtB,MAAM,EAAC;KAAS;IAACzB,IAAI,EAAEmD,KAAK,CAACnD;kBACjD7D,KAAA,CAAAC,aAAA,CAACsF,aAAa,QACXyB,KAAK,CAACE,QACM,CACA,CAAC;AAEtB;;ACjBO,IAAMC,YAAY,GAAG,6DAA6D;;ICM5EC,OAAO;EAChB,SAAAA,QAAYC,aAAa,EAAE;IACvB,IAAI,CAACC,KAAK,GAAGD,aAAa;;EAC3B,IAAAnI,MAAA,GAAAkI,OAAA,CAAAjI,SAAA;EAAAD,MAAA,CAEDiF,SAAS,GAAT,SAAAA,UAAUN,IAAI,EAAC;IACbjE,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEgE,IAAI,CAAC;IACzB,oBACA7D,KAAA,CAAAC,aAAA,CAAC8G,aAAa;MAAClD,IAAI,EAAEA;OAElB,IAAI,CAACyD,KAAK,CAAChI,KAAK,CAACuE,IAAI,EAAEA,IAAI,CAACM,SAAS,CAACpF,MAAM,CAChC,CAAC;GAEjB;EAAAG,MAAA,CAEDqI,YAAY,GAAZ,SAAAA,aAAaxI,MAAM,EAAC;IAClB,IAAIyI,SAAS,GAAI,IAAI,CAACF,KAAK,CAAC7H,SAAS,CAACV,MAAM,CAAC;IAC7Ca,OAAO,CAACC,GAAG,CAAC,SAAS,EAAE2H,SAAS,CAAC;IACjC,OACI;MAAC7H,GAAG,EAAE6H,SAAS,CAAC7H,GAAG;MAAED,GAAG,OAAIyH,YAAY,GAAGK,SAAS,CAAC9H;KAAO;GAEjE;EAAAR,MAAA,CAEDuI,YAAY,GAAZ,SAAAA,eAAc;IACZ,OACA,IAAI,CAACH,KAAK,CAAClI,aAAa,EAAE;GAE3B;EAAA,OAAAgI,OAAA;AAAA;AAKP,IAAaM,QAAQ;EACjB,SAAAA,WAAa;IACZ,IAAI,CAACC,MAAM,GAAG,IAAIP,OAAO,CAAC,IAAIN,MAAM,EAAE,CAAC;IACvC,IAAI,CAACc,KAAK,GAAG,IAAIR,OAAO,CAAC,IAAI/G,KAAK,EAAE,CAAC;IACrC,IAAI,CAACwH,QAAQ,GAAG,CAAC,IAAI,CAACF,MAAM,EAAE,IAAI,CAACC,KAAK,CAAC;;EACzC,IAAAE,OAAA,GAAAJ,QAAA,CAAAvI,SAAA;EAAA2I,OAAA,CAEDC,cAAc,GAAd,SAAAA,iBAAgB;IACZ,OACI;MACI,GAAG,EAAE,QAAQ;MACb,GAAG,EAAE,OAAO;MACZ,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
@@ -19,6 +19,7 @@ var AtomicElements = /*#__PURE__*/function () {
19
19
  function AtomicElements() {
20
20
  this.layout = [];
21
21
  this.layoutFootprint = [];
22
+ this.layoutFootprintReq = [];
22
23
  }
23
24
  var _proto = AtomicElements.prototype;
24
25
  _proto.layoutsLength = function layoutsLength() {
@@ -29,8 +30,12 @@ var AtomicElements = /*#__PURE__*/function () {
29
30
  };
30
31
  _proto.footprint = function footprint(layout) {
31
32
  var img = this.layoutFootprint[layout];
33
+ var req = this.layoutFootprintReq[layout];
32
34
  console.log('img atomic', img);
33
- return img;
35
+ return {
36
+ req: req,
37
+ img: img
38
+ };
34
39
  };
35
40
  return AtomicElements;
36
41
  }();
@@ -47,6 +52,14 @@ var Brief = /*#__PURE__*/function (_AtomicElements) {
47
52
  _this = _AtomicElements.call(this) || this;
48
53
  _this.layout = [Layout1];
49
54
  _this.layoutFootprint = ['text_image_layout_1.png'];
55
+ _this.layoutFootprintReq = [{
56
+ 'title': 'Tittle',
57
+ 'content': 'Content'
58
+ }, {
59
+ 'title': 'Tittle',
60
+ 'content': 'Content',
61
+ 'name': 'Name'
62
+ }];
50
63
  return _this;
51
64
  }
52
65
  return Brief;
@@ -133,10 +146,8 @@ var BannerContainer = styled(Box)(function (_ref) {
133
146
  backgroundRepeat: 'no-repeat'
134
147
  }, _ref2[theme.breakpoints.down('sm')] = {
135
148
  flexDirection: 'column',
136
- alignItems: 'center'
137
- }, _ref2[theme.breakpoints.down('md')] = {
138
- flexDirection: 'column',
139
- alignItems: 'center'
149
+ alignItems: 'center',
150
+ justifyContent: 'center'
140
151
  }, _ref2;
141
152
  });
142
153
  var BannerImage = styled('img')(function (_ref3) {
@@ -156,63 +167,61 @@ var BannerImage = styled('img')(function (_ref3) {
156
167
  }, _ref4;
157
168
  });
158
169
  var BannerContent = styled(Box)(function () {
159
- return {
170
+ var _ref5;
171
+ return _ref5 = {
160
172
  display: 'flex',
161
173
  flexDirection: 'column',
162
174
  justifyContent: 'center',
163
175
  width: '100%',
164
- maxWidth: '30%',
165
- padding: '30px',
166
- color: Colors.contrastText
167
- };
176
+ maxWidth: '30%'
177
+ }, _ref5[theme.breakpoints.down('md')] = {
178
+ maxWidth: '90%'
179
+ }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
168
180
  });
169
181
  var BannerTittle = styled(Typography)(function () {
170
- var _ref5;
171
- return _ref5 = {
182
+ var _ref6;
183
+ return _ref6 = {
172
184
  lineHeigth: 1.5,
173
185
  fontSize: '28px',
174
186
  marginBottom: '20px',
175
187
  color: Colors.contrastText
176
- }, _ref5[theme.breakpoints.down('sm')] = {
188
+ }, _ref6[theme.breakpoints.down('sm')] = {
177
189
  fontSize: '42px'
178
- }, _ref5;
190
+ }, _ref6;
179
191
  });
180
192
  var BannerSubtitle = styled(Typography)(function () {
181
- var _ref6;
182
- return _ref6 = {
193
+ var _ref7;
194
+ return _ref7 = {
183
195
  lineHeigth: 1.5,
184
196
  fontSize: '24px',
185
197
  marginBottom: '20px',
186
198
  color: Colors.contrastText
187
- }, _ref6[theme.breakpoints.down('sm')] = {
199
+ }, _ref7[theme.breakpoints.down('sm')] = {
188
200
  fontSize: '42px'
189
- }, _ref6;
201
+ }, _ref7;
190
202
  });
191
- var BannerDescription = styled(Typography)(function (_ref7) {
192
- var _ref8;
193
- var theme = _ref7.theme;
194
- return _ref8 = {
203
+ var BannerDescription = styled(Typography)(function (_ref8) {
204
+ var _ref9;
205
+ var theme = _ref8.theme;
206
+ return _ref9 = {
195
207
  lineHeigth: 1.25,
196
208
  fontSize: '22px',
197
209
  letterSpacing: 1.25,
198
210
  marginBottom: "3em"
199
- }, _ref8[theme.breakpoints.down('md')] = {
211
+ }, _ref9[theme.breakpoints.down('md')] = {
200
212
  lineHeigth: 1.15,
201
213
  letterSpacing: 1.15,
202
214
  marginBottom: "1.5em"
203
- }, _ref8;
204
- });
205
- var BannerButton = styled(Button)(function (_ref9) {
206
- var theme = _ref9.theme;
207
- return {
208
- color: Colors.white,
209
- background: theme.palette.primary.main,
210
- fontSize: '24px'
211
- };
215
+ }, _ref9;
212
216
  });
213
217
 
214
218
  function Layout1$1(content) {
215
- return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Placeholder title'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Placeholder subtitle'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Placeholder description'), /*#__PURE__*/React.createElement(BannerButton, null, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Placeholder button'));
219
+ return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(BannerTittle, null, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(BannerSubtitle, null, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(BannerDescription, null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
220
+ variant: "contained",
221
+ sx: {
222
+ width: '100%'
223
+ }
224
+ }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
216
225
  }
217
226
 
218
227
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -222,6 +231,14 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
222
231
  _this = _AtomicElements.call(this) || this;
223
232
  _this.layout = [Layout1$1];
224
233
  _this.layoutFootprint = ['banner_layout_1.jpg'];
234
+ _this.layoutFootprintReq = [{
235
+ 'title': 'Tittle',
236
+ 'content': 'Content'
237
+ }, {
238
+ 'title': 'Tittle',
239
+ 'content': 'Content',
240
+ 'name': 'Name'
241
+ }];
225
242
  return _this;
226
243
  }
227
244
  return Banner;
@@ -251,9 +268,12 @@ var Section = /*#__PURE__*/function () {
251
268
  }, this.child.build(json, json.component.layout));
252
269
  };
253
270
  _proto.getFootPrint = function getFootPrint(layout) {
254
- var img = this.child.footprint(layout);
255
- console.log('section', img);
256
- return "" + JK_RESOURCES + img;
271
+ var footPrint = this.child.footprint(layout);
272
+ console.log('section', footPrint);
273
+ return {
274
+ req: footPrint.req,
275
+ img: "" + JK_RESOURCES + footPrint.img
276
+ };
257
277
  };
258
278
  _proto.layoutLength = function layoutLength() {
259
279
  return this.child.layoutsLength();
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/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n }\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 { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n display: 'flex',\r\n justifyContent: 'right',\r\n heigth: '100%',\r\n padding: '32px',\r\n backgroundColor:\r\n json.component.bg_color1 && json.component.bg_type == 1\r\n ? json.component.bg_color1\r\n : null,\r\n backgroundImage:\r\n json.component.bg_image?.url && json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : json.component.bg_image?.url && json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : 'none',\r\n backgroundPosition: '0% 20%',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n src: `url(${src})`,\r\n width: '40%',\r\n height: 'auto',\r\n [theme.breakpoints.down('md')]: {\r\n width: '70%',\r\n height: 'auto',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '90%',\r\n height: 'auto',\r\n }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '100%',\r\n maxWidth: '30%',\r\n padding: '30px',\r\n color: Colors.contrastText,\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '28px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '24px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n lineHeigth: 1.25,\r\n fontSize: '22px',\r\n letterSpacing: 1.25,\r\n marginBottom: \"3em\",\r\n [theme.breakpoints.down('md')]: {\r\n lineHeigth: 1.15,\r\n letterSpacing: 1.15,\r\n marginBottom: \"1.5em\",\r\n\r\n }\r\n}))\r\n\r\nexport const BannerButton = styled(Button)(({ theme }) => ({\r\n color: Colors.white,\r\n background: theme.palette.primary.main,\r\n fontSize: '24px'\r\n}))","import { Box } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription, BannerButton } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <BannerTittle>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Placeholder title'}\r\n </BannerTittle>\r\n <BannerSubtitle>\r\n {content.component.subcomponent[0].subtitle ?\r\n content.component.subcomponent[0].subtitle\r\n : 'Placeholder subtitle'}\r\n </BannerSubtitle>\r\n <BannerDescription>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Placeholder description'}\r\n </BannerDescription>\r\n <BannerButton>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Placeholder button'}\r\n </BannerButton>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n // 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 //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n const theme = useTheme();\r\n\r\n return(\r\n <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n <BannerContent>\r\n {props.children}\r\n </BannerContent>\r\n </BannerContainer>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let 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","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref6","BannerDescription","_ref7","_ref8","letterSpacing","BannerButton","Button","_ref9","background","subcomponent","subtitle","description","button_title","Banner","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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"}
1
+ {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/theme/index.js","../src/banner/styles.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/HeadContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n return(\r\n <Grid>\r\n {content['0']?.title ? content['0'].title : ''}\r\n <Card>\r\n {/* <CardContent>\r\n {content['0']?.title ? content['0'].title : 'placeholder'}\r\n </CardContent> */}\r\n </Card>\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({ theme, json }) => ({\r\n display: 'flex',\r\n justifyContent: 'right',\r\n heigth: '100%',\r\n padding: '32px',\r\n backgroundColor:\r\n json.component.bg_color1 && json.component.bg_type == 1\r\n ? json.component.bg_color1\r\n : null,\r\n backgroundImage:\r\n json.component.bg_image?.url && json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : json.component.bg_image?.url && json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : 'none',\r\n backgroundPosition: '0% 20%',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n [theme.breakpoints.down('sm')]: {\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n // [theme.breakpoints.down('md')]: {\r\n // flexDirection: 'column',\r\n // alignItems: 'center'\r\n // },\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({ src, theme }) => ({\r\n src: `url(${src})`,\r\n width: '40%',\r\n height: 'auto',\r\n [theme.breakpoints.down('md')]: {\r\n width: '70%',\r\n height: 'auto',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '90%',\r\n height: 'auto',\r\n }\r\n}))\r\n\r\n\r\nexport const BannerContent = styled(Box)(() => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '100%',\r\n maxWidth: '30%',\r\n [theme.breakpoints.down('md')]: {\r\n maxWidth: '90%',\r\n },\r\n padding: '30px',\r\n color: Colors.contrastText\r\n}))\r\n\r\n\r\nexport const BannerTittle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '28px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerSubtitle = styled(Typography)(() => ({\r\n lineHeigth: 1.5,\r\n fontSize: '24px',\r\n marginBottom: '20px',\r\n color: Colors.contrastText,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '42px'\r\n }\r\n}))\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme }) => ({\r\n lineHeigth: 1.25,\r\n fontSize: '22px',\r\n letterSpacing: 1.25,\r\n marginBottom: \"3em\",\r\n [theme.breakpoints.down('md')]: {\r\n lineHeigth: 1.15,\r\n letterSpacing: 1.15,\r\n marginBottom: \"1.5em\",\r\n }\r\n}))\r\n","import { Box, Button } from '@mui/material'\r\nimport React from 'react'\r\nimport { BannerTittle, BannerSubtitle, BannerDescription } from '../styles'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <BannerTittle>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </BannerTittle>\r\n <BannerSubtitle>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </BannerSubtitle>\r\n <BannerDescription>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </BannerDescription>\r\n <Button variant='contained' sx={{ width: '100%' }}>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../banner/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n// console.log(\"🚀 ~ file: HeadContainer.js:7 ~ HeadContainer ~ props:\", props.json.component.bg_image.url)\r\n\r\n const theme = useTheme();\r\n\r\n return(\r\n <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n <BannerContent>\r\n {props.children}\r\n </BannerContent>\r\n </BannerContainer>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <HeadContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </HeadContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout){\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return(\r\n {req: footPrint.req, img:`${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength(){\r\n return(\r\n this.child.layoutsLength()\r\n )\r\n }\r\n \r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections{\r\n constructor(){\r\n this.banner = new Section(new Banner()) \r\n this.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$","React","createElement","Grid","title","Card","Brief","_AtomicElements","_inheritsLoose","_this","call","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_json$component$bg_im","_json$component$bg_im2","_ref2","json","display","justifyContent","heigth","padding","backgroundColor","component","bg_color1","bg_type","backgroundImage","bg_image","url","bg_color2","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","_ref5","maxWidth","color","BannerTittle","Typography","_ref6","lineHeigth","fontSize","marginBottom","BannerSubtitle","_ref7","BannerDescription","_ref8","_ref9","letterSpacing","subcomponent","subtitle","description","Button","variant","sx","button_title","Banner","HeadContainer","props","useTheme","children","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keski_lib_catalog",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",