npm - keski_lib_catalog - Versions diffs - 1.0.17 → 1.0.19 - Mend

keski_lib_catalog 1.0.17 → 1.0.19

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

@@ -58,6 +58,7 @@ var AtomicElements = /*#__PURE__*/function () {
 }();
 function Layout1(content) {
+  var _content$component$su;
   var visible = true;
   return /*#__PURE__*/React__default.createElement(material.Slide, {
     direction: "left",
@@ -69,7 +70,8 @@ function Layout1(content) {
       width: {
         xs: '100%',
         md: '30%'
-      }
+      },
+      color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
     className: "title-large",
@@ -102,6 +104,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
 }(AtomicElements);
 function Layout1$1(content) {
+  var _content$component$su;
   var visible = true;
   return /*#__PURE__*/React__default.createElement(material.Slide, {
     direction: "left",
@@ -113,7 +116,8 @@ function Layout1$1(content) {
       width: {
         xs: '100%',
         md: '30%'
-      }
+      },
+      color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
     className: "title-xlarge",
@@ -158,17 +162,23 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
 function CanvasContainer(props) {
   var json = props.json,
     children = props.children;
+  var rgbColor = hexToRgb(json.component.bg_image_overlay_color);
   return /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
-      padding: '32px',
       display: 'flex',
       alignItems: 'center',
       backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
-      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
+      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(to " + json.component.bg_gradiant_orientation + ", " + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
       backgroundPosition: 'center',
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat'
     }
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      bgcolor: "" + (json.component.bg_image_overlay ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
+      padding: '32px',
+      width: '100%'
+    }
   }, /*#__PURE__*/React__default.createElement(material.Container, {
     maxWidth: "xl"
   }, /*#__PURE__*/React__default.createElement(material.Box, {
@@ -183,12 +193,32 @@ function CanvasContainer(props) {
         md: json.component.justify_content ? json.component.justify_content : 'center'
       }
     }
-  }, children)));
+  }, children))));
+}
+function hexToRgb(hex) {
+  if (hex) {
+    var cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
+    var r = parseInt(cleanHex.substring(0, 2), 16);
+    var g = parseInt(cleanHex.substring(2, 4), 16);
+    var b = parseInt(cleanHex.substring(4, 6), 16);
+    return {
+      r: r,
+      g: g,
+      b: b
+    };
+  } else {
+    return {
+      r: 0,
+      g: 0,
+      b: 0
+    };
+  }
 }
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
 function Layout1$2(content) {
+  var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
   var visible = true;
   return /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -196,7 +226,8 @@ function Layout1$2(content) {
     justifyContent: "center",
     alignItems: "center",
     width: '100%',
-    spacing: "16px"
+    spacing: "16px",
+    color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -216,7 +247,7 @@ function Layout1$2(content) {
   }, /*#__PURE__*/React__default.createElement("img", {
     height: "auto",
     width: "100%",
-    src: content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
+    src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
   })))), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -230,20 +261,19 @@ function Layout1$2(content) {
     timeout: 1000
   } ), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement("a", {
     className: "title-xlarge"
-  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React__default.createElement(material.Box, {
-    item: true,
+  }, (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React__default.createElement(material.Box, {
     height: "auto",
     minHeight: {
       md: '200px',
       xs: 'auto'
     },
     textAlign: 'justify'
-  }, /*#__PURE__*/React__default.createElement("p", null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
+  }, /*#__PURE__*/React__default.createElement("p", null, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción')), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
     variant: "contained",
     sx: {
       width: '30%'
     }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'))))));
+  }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))))));
 }
 var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
@@ -251,7 +281,7 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
   function TextPlusImg() {
     var _this;
     _this = _AtomicElements.call(this) || this;
-    _this.layout = [Layout1$2, layput1];
+    _this.layout = [Layout1$2, Layout1$2];
     _this.layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png'];
     _this.layoutFootprintReq = [{
       'type': 0,

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.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 React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\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 </Slide>\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 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\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\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, layput1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer 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 </CanvasContainer>\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.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\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","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","layput1","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.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 React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\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 </Slide>\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 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\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\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n // padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '32px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n\r\n </Box>\r\n );\r\n}\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0]?.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer 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 </CanvasContainer>\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.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\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$component$su","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","Typography","className","marginBottom","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justifyContent","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/dist/index.modern.js CHANGED Viewed

@@ -55,6 +55,7 @@ var AtomicElements = /*#__PURE__*/function () {
 }();
 function Layout1(content) {
+  var _content$component$su;
   var visible = true;
   return /*#__PURE__*/React.createElement(Slide, {
     direction: "left",
@@ -66,7 +67,8 @@ function Layout1(content) {
       width: {
         xs: '100%',
         md: '30%'
-      }
+      },
+      color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
     }
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "title-large",
@@ -99,6 +101,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
 }(AtomicElements);
 function Layout1$1(content) {
+  var _content$component$su;
   var visible = true;
   return /*#__PURE__*/React.createElement(Slide, {
     direction: "left",
@@ -110,7 +113,8 @@ function Layout1$1(content) {
       width: {
         xs: '100%',
         md: '30%'
-      }
+      },
+      color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
     }
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "title-xlarge",
@@ -155,17 +159,23 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
 function CanvasContainer(props) {
   var json = props.json,
     children = props.children;
+  var rgbColor = hexToRgb(json.component.bg_image_overlay_color);
   return /*#__PURE__*/React.createElement(Box, {
     sx: {
-      padding: '32px',
       display: 'flex',
       alignItems: 'center',
       backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
-      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
+      backgroundImage: json.component.bg_type === 2 ? "linear-gradient(to " + json.component.bg_gradiant_orientation + ", " + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
       backgroundPosition: 'center',
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat'
     }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      bgcolor: "" + (json.component.bg_image_overlay ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
+      padding: '32px',
+      width: '100%'
+    }
   }, /*#__PURE__*/React.createElement(Container, {
     maxWidth: "xl"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -180,12 +190,32 @@ function CanvasContainer(props) {
         md: json.component.justify_content ? json.component.justify_content : 'center'
       }
     }
-  }, children)));
+  }, children))));
+}
+function hexToRgb(hex) {
+  if (hex) {
+    var cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
+    var r = parseInt(cleanHex.substring(0, 2), 16);
+    var g = parseInt(cleanHex.substring(2, 4), 16);
+    var b = parseInt(cleanHex.substring(4, 6), 16);
+    return {
+      r: r,
+      g: g,
+      b: b
+    };
+  } else {
+    return {
+      r: 0,
+      g: 0,
+      b: 0
+    };
+  }
 }
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
 function Layout1$2(content) {
+  var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
   var visible = true;
   return /*#__PURE__*/React.createElement(Grid, {
     container: true,
@@ -193,7 +223,8 @@ function Layout1$2(content) {
     justifyContent: "center",
     alignItems: "center",
     width: '100%',
-    spacing: "16px"
+    spacing: "16px",
+    color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
   }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
@@ -213,7 +244,7 @@ function Layout1$2(content) {
   }, /*#__PURE__*/React.createElement("img", {
     height: "auto",
     width: "100%",
-    src: content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
+    src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
   })))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
@@ -227,20 +258,19 @@ function Layout1$2(content) {
     timeout: 1000
   } ), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("a", {
     className: "title-xlarge"
-  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
-    item: true,
+  }, (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
     height: "auto",
     minHeight: {
       md: '200px',
       xs: 'auto'
     },
     textAlign: 'justify'
-  }, /*#__PURE__*/React.createElement("p", null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement("p", null, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
     variant: "contained",
     sx: {
       width: '30%'
     }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'))))));
+  }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))))));
 }
 var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
@@ -248,7 +278,7 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
   function TextPlusImg() {
     var _this;
     _this = _AtomicElements.call(this) || this;
-    _this.layout = [Layout1$2, layput1];
+    _this.layout = [Layout1$2, Layout1$2];
     _this.layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png'];
     _this.layoutFootprintReq = [{
       'type': 0,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.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 React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\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 </Slide>\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 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\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\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, layput1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer 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 </CanvasContainer>\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.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\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","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","layput1","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1	+ {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.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 React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\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 </Slide>\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 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\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\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n // padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '32px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n\r\n </Box>\r\n );\r\n}\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0]?.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet \| 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer 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 </CanvasContainer>\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.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\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$component$su","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","Typography","className","marginBottom","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justifyContent","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","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.17",
+  "version": "1.0.19",
   "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