npm - keski_lib_catalog - Versions diffs - 1.0.23 → 1.0.25 - Mend

keski_lib_catalog 1.0.23 → 1.0.25

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

@@ -106,8 +106,8 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
     _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
       'type': 0,
-      'title': 'Tittle',
-      'content': 'Content'
+      'subtitle': 'Subtitle',
+      'description': 'Description'
     }];
     return _this;
   }
@@ -130,7 +130,7 @@ function Layout1$1(content) {
       },
       height: {
         xs: '100%',
-        md: '60vh'
+        lg: '60vh'
       },
       justifyContent: 'center',
       color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
@@ -169,8 +169,7 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
       'button_title': 'Button Title',
       'button_action': 'Button action',
       'image': 'Image',
-      'text_color': 'Text color',
-      'name': 'Name'
+      'text_color': 'Text color'
     }];
     return _this;
   }
@@ -248,7 +247,8 @@ function Layout1$2(content) {
         xs: 'column',
         md: 'row'
       },
-      gap: '16px'
+      gap: '16px',
+      alignItems: 'center'
     },
     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.Box, null, /*#__PURE__*/React__default.createElement(material.Slide, {
@@ -258,17 +258,19 @@ function Layout1$2(content) {
     sx: {
       width: {
         xs: '100%',
-        md: '640px'
+        md: '550px',
+        lg: '640px'
       },
       height: {
-        md: '426px'
+        md: '353px',
+        lg: '426px'
       },
       maxWidth: '100vw'
     }
   }, /*#__PURE__*/React__default.createElement("img", {
     width: "100%",
     height: "100%",
-    src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : '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.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'
   })))), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(Grow, _extends({
     "in": visible,
     style: {

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\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\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: '50%' },\r\n height: { xs: '100%', md: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" 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=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\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 <Button variant='contained' sx={{ width: 'auto', 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 </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\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 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\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 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 && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\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 </Box>\r\n );\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, Typography } 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 <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '640px' }, height: { md: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : '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 </Box>\r\n <Box>\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 sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\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 </Box>\r\n </Box>\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","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","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: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\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 'subtitle':'Subtitle',\r\n 'description':'Description',\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: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" 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=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\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 <Button variant='contained' sx={{ width: 'auto', 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 </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\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 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\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 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 && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\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 </Box>\r\n );\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, Typography } 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 <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\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 sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\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 </Box>\r\n </Box>\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","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","lg","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","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

@@ -103,8 +103,8 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
     _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
       'type': 0,
-      'title': 'Tittle',
-      'content': 'Content'
+      'subtitle': 'Subtitle',
+      'description': 'Description'
     }];
     return _this;
   }
@@ -127,7 +127,7 @@ function Layout1$1(content) {
       },
       height: {
         xs: '100%',
-        md: '60vh'
+        lg: '60vh'
       },
       justifyContent: 'center',
       color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
@@ -166,8 +166,7 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
       'button_title': 'Button Title',
       'button_action': 'Button action',
       'image': 'Image',
-      'text_color': 'Text color',
-      'name': 'Name'
+      'text_color': 'Text color'
     }];
     return _this;
   }
@@ -245,7 +244,8 @@ function Layout1$2(content) {
         xs: 'column',
         md: 'row'
       },
-      gap: '16px'
+      gap: '16px',
+      alignItems: 'center'
     },
     color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
   }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Slide, {
@@ -255,17 +255,19 @@ function Layout1$2(content) {
     sx: {
       width: {
         xs: '100%',
-        md: '640px'
+        md: '550px',
+        lg: '640px'
       },
       height: {
-        md: '426px'
+        md: '353px',
+        lg: '426px'
       },
       maxWidth: '100vw'
     }
   }, /*#__PURE__*/React.createElement("img", {
     width: "100%",
     height: "100%",
-    src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : '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.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'
   })))), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Grow, _extends({
     "in": visible,
     style: {

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\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\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: '50%' },\r\n height: { xs: '100%', md: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" 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=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\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 <Button variant='contained' sx={{ width: 'auto', 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 </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\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 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\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 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 && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\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 </Box>\r\n );\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, Typography } 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 <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '640px' }, height: { md: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : '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 </Box>\r\n <Box>\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 sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\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 </Box>\r\n </Box>\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","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","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: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\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 'subtitle':'Subtitle',\r\n 'description':'Description',\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: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" 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=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\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 <Button variant='contained' sx={{ width: 'auto', 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 </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\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 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\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 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 && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\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 </Box>\r\n );\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, Typography } 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 <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\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 sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\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 </Box>\r\n </Box>\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","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","lg","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","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.23",
+  "version": "1.0.25",
   "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