npm - keski_lib_catalog - Versions diffs - 1.0.8 → 1.0.9 - Mend

keski_lib_catalog 1.0.8 → 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 (9) hide show

package/README.md CHANGED Viewed

@@ -1,30 +1,30 @@
-# keski_lib_catalog
-> Keski catalog components for Keski store, Codenation Studio
-[![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-## Install
-```bash
-npm install --save keski_lib_catalog
-```
-## Usage
-```jsx
-import React, { Component } from 'react'
-import MyComponent from 'keski_lib_catalog'
-import 'keski_lib_catalog/dist/index.css'
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
-}
-```
-## License
- © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)
+# keski_lib_catalog
+> Keski catalog components for Keski store, Codenation Studio
+[![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+## Install
+```bash
+npm install --save keski_lib_catalog
+```
+## Usage
+```jsx
+import React, { Component } from 'react'
+import MyComponent from 'keski_lib_catalog'
+import 'keski_lib_catalog/dist/index.css'
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+## License
+ © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)

package/dist/index.js CHANGED Viewed

@@ -148,10 +148,8 @@ var BannerContainer = styles.styled(material.Box)(function (_ref) {
     backgroundRepeat: 'no-repeat'
   }, _ref2[theme.breakpoints.down('sm')] = {
     flexDirection: 'column',
-    alignItems: 'center'
-  }, _ref2[theme.breakpoints.down('md')] = {
-    flexDirection: 'column',
-    alignItems: 'center'
+    alignItems: 'center',
+    justifyContent: 'center'
   }, _ref2;
 });
 var BannerImage = styles.styled('img')(function (_ref3) {
@@ -171,63 +169,61 @@ var BannerImage = styles.styled('img')(function (_ref3) {
   }, _ref4;
 });
 var BannerContent = styles.styled(material.Box)(function () {
-  return {
+  var _ref5;
+  return _ref5 = {
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'center',
     width: '100%',
-    maxWidth: '30%',
-    padding: '30px',
-    color: Colors.contrastText
-  };
+    maxWidth: '30%'
+  }, _ref5[theme.breakpoints.down('md')] = {
+    maxWidth: '90%'
+  }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
 });
 var BannerTittle = styles.styled(material.Typography)(function () {
-  var _ref5;
-  return _ref5 = {
+  var _ref6;
+  return _ref6 = {
     lineHeigth: 1.5,
     fontSize: '28px',
     marginBottom: '20px',
     color: Colors.contrastText
-  }, _ref5[theme.breakpoints.down('sm')] = {
+  }, _ref6[theme.breakpoints.down('sm')] = {
     fontSize: '42px'
-  }, _ref5;
+  }, _ref6;
 });
 var BannerSubtitle = styles.styled(material.Typography)(function () {
-  var _ref6;
-  return _ref6 = {
+  var _ref7;
+  return _ref7 = {
     lineHeigth: 1.5,
     fontSize: '24px',
     marginBottom: '20px',
     color: Colors.contrastText
-  }, _ref6[theme.breakpoints.down('sm')] = {
+  }, _ref7[theme.breakpoints.down('sm')] = {
     fontSize: '42px'
-  }, _ref6;
+  }, _ref7;
 });
-var BannerDescription = styles.styled(material.Typography)(function (_ref7) {
-  var _ref8;
-  var theme = _ref7.theme;
-  return _ref8 = {
+var BannerDescription = styles.styled(material.Typography)(function (_ref8) {
+  var _ref9;
+  var theme = _ref8.theme;
+  return _ref9 = {
     lineHeigth: 1.25,
     fontSize: '22px',
     letterSpacing: 1.25,
     marginBottom: "3em"
-  }, _ref8[theme.breakpoints.down('md')] = {
+  }, _ref9[theme.breakpoints.down('md')] = {
     lineHeigth: 1.15,
     letterSpacing: 1.15,
     marginBottom: "1.5em"
-  }, _ref8;
-});
-var BannerButton = styles.styled(material.Button)(function (_ref9) {
-  var theme = _ref9.theme;
-  return {
-    color: Colors.white,
-    background: theme.palette.primary.main,
-    fontSize: '24px'
-  };
+  }, _ref9;
 });
 function Layout1$1(content) {
-  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'));
+  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, {
+    variant: "contained",
+    sx: {
+      width: '100%'
+    }
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
 }
 var Banner = /*#__PURE__*/function (_AtomicElements) {

package/dist/index.js.map CHANGED Viewed

	@@ -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 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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"}
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":"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"}

package/dist/index.modern.js CHANGED Viewed

@@ -146,10 +146,8 @@ var BannerContainer = styled(Box)(function (_ref) {
     backgroundRepeat: 'no-repeat'
   }, _ref2[theme.breakpoints.down('sm')] = {
     flexDirection: 'column',
-    alignItems: 'center'
-  }, _ref2[theme.breakpoints.down('md')] = {
-    flexDirection: 'column',
-    alignItems: 'center'
+    alignItems: 'center',
+    justifyContent: 'center'
   }, _ref2;
 });
 var BannerImage = styled('img')(function (_ref3) {
@@ -169,63 +167,61 @@ var BannerImage = styled('img')(function (_ref3) {
   }, _ref4;
 });
 var BannerContent = styled(Box)(function () {
-  return {
+  var _ref5;
+  return _ref5 = {
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'center',
     width: '100%',
-    maxWidth: '30%',
-    padding: '30px',
-    color: Colors.contrastText
-  };
+    maxWidth: '30%'
+  }, _ref5[theme.breakpoints.down('md')] = {
+    maxWidth: '90%'
+  }, _ref5.padding = '30px', _ref5.color = Colors.contrastText, _ref5;
 });
 var BannerTittle = styled(Typography)(function () {
-  var _ref5;
-  return _ref5 = {
+  var _ref6;
+  return _ref6 = {
     lineHeigth: 1.5,
     fontSize: '28px',
     marginBottom: '20px',
     color: Colors.contrastText
-  }, _ref5[theme.breakpoints.down('sm')] = {
+  }, _ref6[theme.breakpoints.down('sm')] = {
     fontSize: '42px'
-  }, _ref5;
+  }, _ref6;
 });
 var BannerSubtitle = styled(Typography)(function () {
-  var _ref6;
-  return _ref6 = {
+  var _ref7;
+  return _ref7 = {
     lineHeigth: 1.5,
     fontSize: '24px',
     marginBottom: '20px',
     color: Colors.contrastText
-  }, _ref6[theme.breakpoints.down('sm')] = {
+  }, _ref7[theme.breakpoints.down('sm')] = {
     fontSize: '42px'
-  }, _ref6;
+  }, _ref7;
 });
-var BannerDescription = styled(Typography)(function (_ref7) {
-  var _ref8;
-  var theme = _ref7.theme;
-  return _ref8 = {
+var BannerDescription = styled(Typography)(function (_ref8) {
+  var _ref9;
+  var theme = _ref8.theme;
+  return _ref9 = {
     lineHeigth: 1.25,
     fontSize: '22px',
     letterSpacing: 1.25,
     marginBottom: "3em"
-  }, _ref8[theme.breakpoints.down('md')] = {
+  }, _ref9[theme.breakpoints.down('md')] = {
     lineHeigth: 1.15,
     letterSpacing: 1.15,
     marginBottom: "1.5em"
-  }, _ref8;
-});
-var BannerButton = styled(Button)(function (_ref9) {
-  var theme = _ref9.theme;
-  return {
-    color: Colors.white,
-    background: theme.palette.primary.main,
-    fontSize: '24px'
-  };
+  }, _ref9;
 });
 function Layout1$1(content) {
-  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'));
+  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, {
+    variant: "contained",
+    sx: {
+      width: '100%'
+    }
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
 }
 var Banner = /*#__PURE__*/function (_AtomicElements) {

package/dist/index.modern.js.map CHANGED Viewed

	@@ -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 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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"}
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 Viewed

@@ -1,6 +1,6 @@
 {
   "name": "keski_lib_catalog",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Keski catalog components for Keski store, Codenation Studio",
   "author": "Francisco Marmolejo",
   "license": "",

package/dist/index.css DELETED Viewed

@@ -1,9 +0,0 @@
-/* add css module styles here (optional) */
-._styles-module__test__3ybTi {
-  margin: 2em;
-  padding: 0.5em;
-  border: 2px solid #000;
-  font-size: 2em;
-  text-align: center;
-}

package/dist/layout1~bjVrbVUo.jpg DELETED Viewed

Binary file

package/dist/layout2~bjVrbVUo.jpg DELETED Viewed

Binary file