keski_lib_catalog 1.0.6 → 1.0.8

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 +73 -36
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +73 -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,28 +54,19 @@ 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;
55
68
  }(AtomicElements);
56
69
 
57
- function Layout1$1(content) {
58
- var _content$;
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));
60
- }
61
-
62
- var Banner = /*#__PURE__*/function (_AtomicElements) {
63
- _inheritsLoose(Banner, _AtomicElements);
64
- function Banner() {
65
- var _this;
66
- _this = _AtomicElements.call(this) || this;
67
- _this.layout = [Layout1$1];
68
- _this.layoutFootprint = ['banner_layout_1.jpg'];
69
- return _this;
70
- }
71
- return Banner;
72
- }(AtomicElements);
73
-
74
70
  var COLOR_PRIMARY = '#4CAF50';
75
71
  var COLOR_SECONDARY = '#FF5722';
76
72
  var Colors = {
@@ -137,15 +133,16 @@ var theme = styles.createTheme({
137
133
  });
138
134
 
139
135
  var BannerContainer = styles.styled(material.Box)(function (_ref) {
140
- var _ref2;
136
+ var _json$component$bg_im, _json$component$bg_im2, _ref2;
141
137
  var theme = _ref.theme,
142
138
  json = _ref.json;
143
139
  return _ref2 = {
144
140
  display: 'flex',
145
- justifyContent: 'center',
141
+ justifyContent: 'right',
146
142
  heigth: '100%',
147
- padding: '0px',
148
- backgroundImage: "url(" + json.component.bg_image.url + ")",
143
+ padding: '32px',
144
+ backgroundColor: json.component.bg_color1 && json.component.bg_type == 1 ? json.component.bg_color1 : null,
145
+ backgroundImage: (_json$component$bg_im = json.component.bg_image) !== null && _json$component$bg_im !== void 0 && _json$component$bg_im.url && json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : (_json$component$bg_im2 = json.component.bg_image) !== null && _json$component$bg_im2 !== void 0 && _json$component$bg_im2.url && json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : 'none',
149
146
  backgroundPosition: '0% 20%',
150
147
  backgroundSize: 'cover',
151
148
  backgroundRepeat: 'no-repeat'
@@ -178,7 +175,8 @@ var BannerContent = styles.styled(material.Box)(function () {
178
175
  display: 'flex',
179
176
  flexDirection: 'column',
180
177
  justifyContent: 'center',
181
- maxWidth: 420,
178
+ width: '100%',
179
+ maxWidth: '30%',
182
180
  padding: '30px',
183
181
  color: Colors.contrastText
184
182
  };
@@ -187,35 +185,71 @@ var BannerTittle = styles.styled(material.Typography)(function () {
187
185
  var _ref5;
188
186
  return _ref5 = {
189
187
  lineHeigth: 1.5,
190
- fontSize: '72px',
188
+ fontSize: '28px',
191
189
  marginBottom: '20px',
192
190
  color: Colors.contrastText
193
191
  }, _ref5[theme.breakpoints.down('sm')] = {
194
192
  fontSize: '42px'
195
193
  }, _ref5;
196
194
  });
197
- var BannerDescription = styles.styled(material.Typography)(function (_ref6) {
198
- var _ref7;
199
- var theme = _ref6.theme;
200
- return _ref7 = {
195
+ var BannerSubtitle = styles.styled(material.Typography)(function () {
196
+ var _ref6;
197
+ return _ref6 = {
198
+ lineHeigth: 1.5,
199
+ fontSize: '24px',
200
+ marginBottom: '20px',
201
+ color: Colors.contrastText
202
+ }, _ref6[theme.breakpoints.down('sm')] = {
203
+ fontSize: '42px'
204
+ }, _ref6;
205
+ });
206
+ var BannerDescription = styles.styled(material.Typography)(function (_ref7) {
207
+ var _ref8;
208
+ var theme = _ref7.theme;
209
+ return _ref8 = {
201
210
  lineHeigth: 1.25,
211
+ fontSize: '22px',
202
212
  letterSpacing: 1.25,
203
213
  marginBottom: "3em"
204
- }, _ref7[theme.breakpoints.down('md')] = {
214
+ }, _ref8[theme.breakpoints.down('md')] = {
205
215
  lineHeigth: 1.15,
206
216
  letterSpacing: 1.15,
207
217
  marginBottom: "1.5em"
208
- }, _ref7;
218
+ }, _ref8;
209
219
  });
210
- var BannerButton = styles.styled(material.Button)(function (_ref8) {
211
- var theme = _ref8.theme;
220
+ var BannerButton = styles.styled(material.Button)(function (_ref9) {
221
+ var theme = _ref9.theme;
212
222
  return {
213
223
  color: Colors.white,
214
224
  background: theme.palette.primary.main,
215
- fontSize: '25px'
225
+ fontSize: '24px'
216
226
  };
217
227
  });
218
228
 
229
+ function Layout1$1(content) {
230
+ 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'));
231
+ }
232
+
233
+ var Banner = /*#__PURE__*/function (_AtomicElements) {
234
+ _inheritsLoose(Banner, _AtomicElements);
235
+ function Banner() {
236
+ var _this;
237
+ _this = _AtomicElements.call(this) || this;
238
+ _this.layout = [Layout1$1];
239
+ _this.layoutFootprint = ['banner_layout_1.jpg'];
240
+ _this.layoutFootprintReq = [{
241
+ 'title': 'Tittle',
242
+ 'content': 'Content'
243
+ }, {
244
+ 'title': 'Tittle',
245
+ 'content': 'Content',
246
+ 'name': 'Name'
247
+ }];
248
+ return _this;
249
+ }
250
+ return Banner;
251
+ }(AtomicElements);
252
+
219
253
  function HeadContainer(props) {
220
254
  var theme = styles.useTheme();
221
255
  return /*#__PURE__*/React.createElement(BannerContainer, {
@@ -240,9 +274,12 @@ var Section = /*#__PURE__*/function () {
240
274
  }, this.child.build(json, json.component.layout));
241
275
  };
242
276
  _proto.getFootPrint = function getFootPrint(layout) {
243
- var img = this.child.footprint(layout);
244
- console.log('section', img);
245
- return "" + JK_RESOURCES + img;
277
+ var footPrint = this.child.footprint(layout);
278
+ console.log('section', footPrint);
279
+ return {
280
+ req: footPrint.req,
281
+ img: "" + JK_RESOURCES + footPrint.img
282
+ };
246
283
  };
247
284
  _proto.layoutLength = function layoutLength() {
248
285
  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/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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"}
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 },\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 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","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","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
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,28 +52,19 @@ 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;
53
66
  }(AtomicElements);
54
67
 
55
- function Layout1$1(content) {
56
- var _content$;
57
- return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : '', /*#__PURE__*/React.createElement(Card, null));
58
- }
59
-
60
- var Banner = /*#__PURE__*/function (_AtomicElements) {
61
- _inheritsLoose(Banner, _AtomicElements);
62
- function Banner() {
63
- var _this;
64
- _this = _AtomicElements.call(this) || this;
65
- _this.layout = [Layout1$1];
66
- _this.layoutFootprint = ['banner_layout_1.jpg'];
67
- return _this;
68
- }
69
- return Banner;
70
- }(AtomicElements);
71
-
72
68
  var COLOR_PRIMARY = '#4CAF50';
73
69
  var COLOR_SECONDARY = '#FF5722';
74
70
  var Colors = {
@@ -135,15 +131,16 @@ var theme = createTheme({
135
131
  });
136
132
 
137
133
  var BannerContainer = styled(Box)(function (_ref) {
138
- var _ref2;
134
+ var _json$component$bg_im, _json$component$bg_im2, _ref2;
139
135
  var theme = _ref.theme,
140
136
  json = _ref.json;
141
137
  return _ref2 = {
142
138
  display: 'flex',
143
- justifyContent: 'center',
139
+ justifyContent: 'right',
144
140
  heigth: '100%',
145
- padding: '0px',
146
- backgroundImage: "url(" + json.component.bg_image.url + ")",
141
+ padding: '32px',
142
+ backgroundColor: json.component.bg_color1 && json.component.bg_type == 1 ? json.component.bg_color1 : null,
143
+ backgroundImage: (_json$component$bg_im = json.component.bg_image) !== null && _json$component$bg_im !== void 0 && _json$component$bg_im.url && json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : (_json$component$bg_im2 = json.component.bg_image) !== null && _json$component$bg_im2 !== void 0 && _json$component$bg_im2.url && json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : 'none',
147
144
  backgroundPosition: '0% 20%',
148
145
  backgroundSize: 'cover',
149
146
  backgroundRepeat: 'no-repeat'
@@ -176,7 +173,8 @@ var BannerContent = styled(Box)(function () {
176
173
  display: 'flex',
177
174
  flexDirection: 'column',
178
175
  justifyContent: 'center',
179
- maxWidth: 420,
176
+ width: '100%',
177
+ maxWidth: '30%',
180
178
  padding: '30px',
181
179
  color: Colors.contrastText
182
180
  };
@@ -185,35 +183,71 @@ var BannerTittle = styled(Typography)(function () {
185
183
  var _ref5;
186
184
  return _ref5 = {
187
185
  lineHeigth: 1.5,
188
- fontSize: '72px',
186
+ fontSize: '28px',
189
187
  marginBottom: '20px',
190
188
  color: Colors.contrastText
191
189
  }, _ref5[theme.breakpoints.down('sm')] = {
192
190
  fontSize: '42px'
193
191
  }, _ref5;
194
192
  });
195
- var BannerDescription = styled(Typography)(function (_ref6) {
196
- var _ref7;
197
- var theme = _ref6.theme;
198
- return _ref7 = {
193
+ var BannerSubtitle = styled(Typography)(function () {
194
+ var _ref6;
195
+ return _ref6 = {
196
+ lineHeigth: 1.5,
197
+ fontSize: '24px',
198
+ marginBottom: '20px',
199
+ color: Colors.contrastText
200
+ }, _ref6[theme.breakpoints.down('sm')] = {
201
+ fontSize: '42px'
202
+ }, _ref6;
203
+ });
204
+ var BannerDescription = styled(Typography)(function (_ref7) {
205
+ var _ref8;
206
+ var theme = _ref7.theme;
207
+ return _ref8 = {
199
208
  lineHeigth: 1.25,
209
+ fontSize: '22px',
200
210
  letterSpacing: 1.25,
201
211
  marginBottom: "3em"
202
- }, _ref7[theme.breakpoints.down('md')] = {
212
+ }, _ref8[theme.breakpoints.down('md')] = {
203
213
  lineHeigth: 1.15,
204
214
  letterSpacing: 1.15,
205
215
  marginBottom: "1.5em"
206
- }, _ref7;
216
+ }, _ref8;
207
217
  });
208
- var BannerButton = styled(Button)(function (_ref8) {
209
- var theme = _ref8.theme;
218
+ var BannerButton = styled(Button)(function (_ref9) {
219
+ var theme = _ref9.theme;
210
220
  return {
211
221
  color: Colors.white,
212
222
  background: theme.palette.primary.main,
213
- fontSize: '25px'
223
+ fontSize: '24px'
214
224
  };
215
225
  });
216
226
 
227
+ function Layout1$1(content) {
228
+ 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'));
229
+ }
230
+
231
+ var Banner = /*#__PURE__*/function (_AtomicElements) {
232
+ _inheritsLoose(Banner, _AtomicElements);
233
+ function Banner() {
234
+ var _this;
235
+ _this = _AtomicElements.call(this) || this;
236
+ _this.layout = [Layout1$1];
237
+ _this.layoutFootprint = ['banner_layout_1.jpg'];
238
+ _this.layoutFootprintReq = [{
239
+ 'title': 'Tittle',
240
+ 'content': 'Content'
241
+ }, {
242
+ 'title': 'Tittle',
243
+ 'content': 'Content',
244
+ 'name': 'Name'
245
+ }];
246
+ return _this;
247
+ }
248
+ return Banner;
249
+ }(AtomicElements);
250
+
217
251
  function HeadContainer(props) {
218
252
  var theme = useTheme();
219
253
  return /*#__PURE__*/React.createElement(BannerContainer, {
@@ -238,9 +272,12 @@ var Section = /*#__PURE__*/function () {
238
272
  }, this.child.build(json, json.component.layout));
239
273
  };
240
274
  _proto.getFootPrint = function getFootPrint(layout) {
241
- var img = this.child.footprint(layout);
242
- console.log('section', img);
243
- return "" + JK_RESOURCES + img;
275
+ var footPrint = this.child.footprint(layout);
276
+ console.log('section', footPrint);
277
+ return {
278
+ req: footPrint.req,
279
+ img: "" + JK_RESOURCES + footPrint.img
280
+ };
244
281
  };
245
282
  _proto.layoutLength = function layoutLength() {
246
283
  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/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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"}
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 },\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 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","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","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.6",
3
+ "version": "1.0.8",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",