npm - keski_lib_catalog - Versions diffs - 1.0.11 → 1.0.12 - Mend

keski_lib_catalog 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1,9 +1,24 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-var React = _interopDefault(require('react'));
+var React = require('react');
+var React__default = _interopDefault(React);
 var material = require('@mui/material');
-var styles = require('@mui/material/styles');
+var Grow = _interopDefault(require('@mui/material/Grow'));
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -42,151 +57,70 @@ var AtomicElements = /*#__PURE__*/function () {
   return AtomicElements;
 }();
-var COLOR_PRIMARY = '#4CAF50';
-var COLOR_SECONDARY = '#FF5722';
-var Colors = {
-  contrastText: '#fff',
-  grayText: "#8a8a8a",
-  success: "#00A650",
-  info: "#3483FA",
-  danger: "#B12704",
-  warning: "#FFC107",
-  dark: "#0e1b20",
-  ligth: "#aaa",
-  muted: "#abafb3",
-  border: "#DDDFE1",
-  inverse: "#2F3D4A",
-  shaft: "#333",
-  ligth_green: "#9ad28a",
-  ligth_green_default: "#9ad29c",
-  green_dark: "#6fbf73",
-  white: "#fff",
-  black: "#000",
-  prim: "#292929",
-  sec: "#545454",
-  sec_alt: "#767676",
-  hiden: "#C8C8C8",
-  green: "#6fbf73",
-  footer_backgound: "#f4f4f4"
-};
-var theme = styles.createTheme({
-  palette: {
-    primary: {
-      main: COLOR_PRIMARY
-    },
-    secondary: {
-      main: COLOR_SECONDARY
-    }
-  },
-  components: {
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true
-      }
-    },
-    typography: {
-      button: {
-        textTransform: 'none'
-      }
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: {
-          borderRadius: '90px'
-        }
-      }
-    },
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          borderRadius: '90px',
-          textTransform: 'initial'
-        }
-      }
-    }
-  }
-});
 function Layout1(content) {
-  return /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Typography, {
-    className: "title-xlarge",
-    sx: {
-      color: Colors.contrastText,
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(material.Typography, {
+  var _useState = React.useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React__default.createElement(material.Slide, {
+    direction: "left",
+    "in": show
+  }, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Typography, {
     className: "title-large",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(material.Typography, {
-    variant: "subtitle1",
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React__default.createElement(material.Typography, {
+    className: "small",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
-    variant: "contained",
-    sx: {
-      width: '100%',
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')));
 }
-var Brief = /*#__PURE__*/function (_AtomicElements) {
-  _inheritsLoose(Brief, _AtomicElements);
-  function Brief() {
+var Quotes = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(Quotes, _AtomicElements);
+  function Quotes() {
     var _this;
     _this = _AtomicElements.call(this) || this;
     _this.layout = [Layout1];
-    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
       'title': 'Tittle',
       'content': 'Content'
-    }, {
-      'title': 'Tittle',
-      'content': 'Content',
-      'name': 'Name'
     }];
     return _this;
   }
-  return Brief;
+  return Quotes;
 }(AtomicElements);
 function Layout1$1(content) {
-  return /*#__PURE__*/React.createElement(material.Box, {
+  var _useState = React.useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React__default.createElement(material.Slide, {
+    direction: "left",
+    "in": show
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'center'
     }
-  }, /*#__PURE__*/React.createElement(material.Typography, {
+  }, /*#__PURE__*/React__default.createElement(material.Typography, {
     className: "title-xlarge",
     sx: {
-      color: Colors.contrastText,
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(material.Typography, {
-    className: "title-large",
-    sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(material.Typography, {
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React__default.createElement(material.Typography, {
     className: "title",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Button, {
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React__default.createElement(material.Button, {
     variant: "contained",
     sx: {
       width: '100%',
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón')));
 }
 var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -212,9 +146,8 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
 function CanvasContainer(props) {
   var json = props.json,
     children = props.children;
-  return /*#__PURE__*/React.createElement(material.Box, {
+  return /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
-      minHeight: '680px',
       padding: '32px',
       display: 'flex',
       alignItems: 'center',
@@ -224,7 +157,7 @@ function CanvasContainer(props) {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat'
     }
-  }, /*#__PURE__*/React.createElement(material.Container, {
+  }, /*#__PURE__*/React__default.createElement(material.Container, {
     maxWidth: "xl",
     sx: {
       display: 'flex',
@@ -233,9 +166,9 @@ function CanvasContainer(props) {
         md: json.component.justify_content ? json.component.justify_content : 'center'
       }
     }
-  }, /*#__PURE__*/React.createElement(material.Box, {
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
-      maxWidth: {
+      minWidth: {
         xs: '100%',
         md: '30%'
       }
@@ -245,14 +178,109 @@ function CanvasContainer(props) {
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
+function Layout1$2(content) {
+  var _useState = React.useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    direction: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    width: '100%'
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: true,
+    className: ""
+  }, /*#__PURE__*/React__default.createElement(material.Slide, {
+    direction: "right",
+    "in": show
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      maxWidth: {
+        xl: '600px',
+        md: '400px',
+        xs: '350px'
+      }
+    },
+    margin: 'auto'
+  }, /*#__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'
+  })))), /*#__PURE__*/React__default.createElement(Grow, _extends({
+    "in": show,
+    style: {
+      transformOrigin: '0 0 0'
+    }
+  }, show ? {
+    timeout: 1000
+  } : {}), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    direction: "column",
+    justifyContent: "center",
+    alignItems: "start",
+    style: {
+      border: '1px',
+      borderColor: 'black',
+      padding: '32px'
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React__default.createElement("a", {
+    className: "title-xlarge"
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Title')), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sx: true,
+    width: {
+      md: '70vh',
+      xs: 'auto'
+    },
+    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 : 'Content')), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React__default.createElement(material.Button, {
+    variant: "contained",
+    color: "secondary"
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Content'))))));
+}
+var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(TextPlusImg, _AtomicElements);
+  function TextPlusImg() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1$2];
+    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprintReq = [{
+      'title': 'Title',
+      'description': 'Text',
+      'button_title': 'Button Title',
+      'button_action': 'Button Action',
+      'image': 'Image'
+    }];
+    return _this;
+  }
+  return TextPlusImg;
+}(AtomicElements);
 var Section = /*#__PURE__*/function () {
-  function Section(AtomicElement) {
+  function Section(AtomicElement, theme) {
     this.child = AtomicElement;
   }
   var _proto = Section.prototype;
   _proto.component = function component(json) {
     console.log('json', json);
-    return /*#__PURE__*/React.createElement(CanvasContainer, {
+    return /*#__PURE__*/React__default.createElement(CanvasContainer, {
       json: json
     }, this.child.build(json, json.component.layout));
   };
@@ -272,14 +300,15 @@ var Section = /*#__PURE__*/function () {
 var Sections = /*#__PURE__*/function () {
   function Sections() {
     this.banner = new Section(new Banner());
-    this.brief = new Section(new Brief());
-    this.sections = [this.banner, this.brief];
+    this.quotes = new Section(new Quotes());
+    this.textPlusImg = new Section(new TextPlusImg());
+    this.sections = [this.banner, this.textPlusImg, this.quotes];
   }
   var _proto2 = Sections.prototype;
   _proto2.getSectionList = function getSectionList() {
     return {
       '0': 'Banner',
-      '1': 'Brief',
+      '1': 'Text + Img',
       '2': 'Quotes'
     };
   };

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/theme/index.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import React from \"react\"\r\nimport { Box, Typography, Button } from \"@mui/material\";\r\nimport { Colors } from \"../../theme\";\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, 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-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n <Typography variant=\"subtitle1\" sx={{ color: Colors.contrastText, 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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'title': 'Tittle',\r\n 'content': 'Content',\r\n },\r\n {\r\n 'title': 'Tittle',\r\n 'content': 'Content',\r\n 'name': 'Name',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n\r\n}","import { Box, Button,Typography } from '@mui/material'\r\nimport React from 'react'\r\nimport { Colors } from '../../theme'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\r\n <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, 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-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ color: Colors.contrastText, 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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\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',\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' sx={{ display: 'flex', justifyContent: { xs: 'center', md: json.component.justify_content ? json.component.justify_content : 'center' } }} >\r\n <Box sx={{ maxWidth: { xs: '100%', md: '30%' } }}>\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 React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <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.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","Layout1","React","createElement","Box","Typography","className","sx","color","marginBottom","component","subcomponent","title","subtitle","variant","description","Button","width","button_title","Brief","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Banner","CanvasContainer","props","json","children","minHeight","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","xs","md","justify_content","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":";;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,kBAAkB,GAAG,EAAE;;EAC/B,IAAAC,MAAA,GAAAJ,cAAA,CAAAK,SAAA;EAAAD,MAAA,CAEDE,aAAa,GAAb,SAAAA,gBAAe;IACX,OACI,IAAI,CAACL,MAAM,CAACM,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACT,MAAM,CAACS,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAAL,MAAA,CAEDO,SAAS,GAAT,SAAAA,UAAUV,MAAM,EAAC;IACb,IAAIW,GAAG,GAAG,IAAI,CAACV,eAAe,CAACD,MAAM,CAAC;IACtC,IAAIY,GAAG,GAAG,IAAI,CAACV,kBAAkB,CAACF,MAAM,CAAC;IACzCa,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,GAAG,CAAC;IAC9B,OACI;MAACC,GAAG,EAAHA,GAAG;MAAED,GAAG,EAAHA;KAAI;GAEjB;EAAA,OAAAZ,cAAA;AAAA;;ACvBL,IAAMgB,aAAa,GAAG,SAAS;AAE/B,IAAMC,eAAe,GAAG,SAAS;AAEjC,AAAO,IAAMC,MAAM,GAAG;EAGpBC,YAAY,EAAE,MAAM;EACpBC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,SAAS;EAChBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,MAAM;EAKbC,WAAW,EAAE,SAAS;EACtBC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EAQrBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EAGbC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,SAAS;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAGhBC,gBAAgB,EAAC;AACnB,CAAC;AAED,IAAMC,KAAK,GAAGC,kBAAW,CAAC;EACxBC,OAAO,EAAE;IACPC,OAAO,EAAE;MACPC,IAAI,EAAE9B;KACP;IACD+B,SAAS,EAAE;MACTD,IAAI,EAAG7B;;GAEV;EACD+B,UAAU,EAAE;IAEVC,aAAa,EAAE;MACbC,YAAY,EAAE;QACZC,aAAa,EAAE;;KAElB;IACDC,UAAU,EAAE;MACVC,MAAM,EAAE;QACNC,aAAa,EAAE;;KAElB;IACDC,gBAAgB,EAAC;MACfC,cAAc,EAAE;QAEdC,IAAI,EAAE;UAEJC,YAAY,EAAE;;;KAGnB;IACDC,SAAS,EAAE;MACTH,cAAc,EAAE;QAEdC,IAAI,EAAE;UAEJC,YAAY,EAAE,MAAM;UACpBJ,aAAa,EAAE;;;;;AAKzB,CAAC,CAAC;;ACvFa,SAASM,OAAOA,CAACnD,OAAO,EAAE;EACvC,oBACEoD,KAAA,CAAAC,aAAA,CAACC,YAAG,qBACFF,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACC,SAAS,EAAC,cAAc;IAACC,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KAClF3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACtC9D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACrC,gBACM,CAAC,eACbV,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACC,SAAS,EAAC,aAAa;IAACC,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KACjF3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,QAAQ,GACvC/D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,QAAQ,GAC1C,mBACM,CAAC,eACbX,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACS,OAAO,EAAC,WAAW;IAACP,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KAC7E3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACI,WAAW,GAC5CjE,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACI,WAAW,GAC3C,qBACM,CAAC,eACbb,KAAA,CAAAC,aAAA,CAACa,eAAM;IAACF,OAAO,EAAC,WAAW;IAACP,EAAE,EAAE;MAAEU,KAAK,EAAE,MAAM;MAAER,YAAY,EAAE;;KAC5D3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACO,YAAY,GAC7CpE,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACO,YAAY,GAC5C,cACE,CACL,CAAC;AAEV;;IC1BaC,KAAK,0BAAAC,eAAA;EAAAC,cAAA,CAAAF,KAAA,EAAAC,eAAA;EAChB,SAAAD,QAAc;IAAA,IAAAG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAEThF,MAAM,GAAG,CAAC2D,OAAO,CAAC;IAAAqB,KAAA,CAClB/E,eAAe,GAAG,CAAC,yBAAyB,CAAC;IAAA+E,KAAA,CAC7C9E,kBAAkB,GAAG,CACnB;MACE,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE;KACZ,EACD;MACE,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,SAAS;MACpB,MAAM,EAAE;KACT,CAEF;IAAA,OAAA8E,KAAA;;EAdA,OAAAH,KAAA;AAAA,EAHwB9E,cAAc;;ACC1B,SAAS4D,SAAOA,CAACnD,OAAO,EAAE;EACvC,oBACEoD,KAAA,CAAAC,aAAA,CAACC,YAAG;IAACG,EAAE,EAAE;MAAEiB,OAAO,EAAE,MAAM;MAAEC,aAAa,EAAE,QAAQ;MAAEC,cAAc,EAAE;;kBACnExB,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACC,SAAS,EAAC,cAAc;IAACC,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KAClF3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACtC9D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACrC,gBACM,CAAC,eACbV,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACC,SAAS,EAAC,aAAa;IAACC,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KACjF3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,QAAQ,GACvC/D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,QAAQ,GAC1C,mBACM,CAAC,eACbX,KAAA,CAAAC,aAAA,CAACE,mBAAU;IAACC,SAAS,EAAC,OAAO;IAACC,EAAE,EAAE;MAAEC,KAAK,EAAEjD,MAAM,CAACC,YAAY;MAAEiD,YAAY,EAAE;;KAC3E3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACI,WAAW,GAC5CjE,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACI,WAAW,GAC3C,qBACM,CAAC,eACbb,KAAA,CAAAC,aAAA,CAACa,eAAM;IAACF,OAAO,EAAC,WAAW;IAACP,EAAE,EAAE;MAAEU,KAAK,EAAE,MAAM;MAAER,YAAY,EAAE;;KAC5D3D,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACO,YAAY,GAC7CpE,OAAO,CAAC4D,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACO,YAAY,GAC5C,cACE,CACL,CAAC;AAEV;;ICzBaS,MAAM,0BAAAP,eAAA;EAAAC,cAAA,CAAAM,MAAA,EAAAP,eAAA;EACjB,SAAAO,SAAc;IAAA,IAAAL,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAGThF,MAAM,GAAG,CAAC2D,SAAO,CAAC;IAAAqB,KAAA,CAClB/E,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAA+E,KAAA,CACzC9E,kBAAkB,GAAG,CACnB;MACE,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC;KACX,EACA;MACC,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC,SAAS;MACnB,MAAM,EAAC;KACR,CAEF;IAAA,OAAA8E,KAAA;;EAfA,OAAAK,MAAA;AAAA,EAHyBtF,cAAc;;ACD3B,SAASuF,eAAeA,CAACC,KAAK,EAAE;EAC7C,IAAQC,IAAI,GAAeD,KAAK,CAAxBC,IAAI;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAEtB,oBACE7B,KAAA,CAAAC,aAAA,CAACC,YAAG;IACFG,EAAE,EAAE;MACFyB,SAAS,EAAE,OAAO;MAClBC,OAAO,EAAE,MAAM;MACfT,OAAO,EAAE,MAAM;MACfU,UAAU,EAAE,QAAQ;MACpBC,eAAe,EACbL,IAAI,CAACpB,SAAS,CAAC0B,OAAO,KAAK,CAAC,GACxBN,IAAI,CAACpB,SAAS,CAAC2B,SAAS,GACxBC,SAAS;MACfC,eAAe,EACbT,IAAI,CAACpB,SAAS,CAAC0B,OAAO,KAAK,CAAC,wBACLN,IAAI,CAACpB,SAAS,CAAC2B,SAAS,UAAKP,IAAI,CAACpB,SAAS,CAAC8B,SAAS,SACxEV,IAAI,CAACpB,SAAS,CAAC0B,OAAO,KAAK,CAAC,YACnBN,IAAI,CAACpB,SAAS,CAAC+B,QAAQ,CAACC,GAAG,SAClCJ,SAAS;MACjBK,kBAAkB,EAAE,QAAQ;MAC5BC,cAAc,EAAE,OAAO;MACvBC,gBAAgB,EAAE;;kBAGpB3C,KAAA,CAAAC,aAAA,CAAC2C,kBAAS;IAACC,QAAQ,EAAC,IAAI;IAACxC,EAAE,EAAE;MAAEiB,OAAO,EAAE,MAAM;MAAEE,cAAc,EAAE;QAAEsB,EAAE,EAAE,QAAQ;QAAEC,EAAE,EAAEnB,IAAI,CAACpB,SAAS,CAACwC,eAAe,GAAGpB,IAAI,CAACpB,SAAS,CAACwC,eAAe,GAAG;;;kBACpJhD,KAAA,CAAAC,aAAA,CAACC,YAAG;IAACG,EAAE,EAAE;MAAEwC,QAAQ,EAAE;QAAEC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;;;KACpClB,QACE,CACI,CACR,CAAC;AAEV;;ACnCO,IAAMoB,YAAY,GAAG,6DAA6D;;ICM5EC,OAAO;EAChB,SAAAA,QAAYC,aAAa,EAAE;IACvB,IAAI,CAACC,KAAK,GAAGD,aAAa;;EAC3B,IAAA5G,MAAA,GAAA2G,OAAA,CAAA1G,SAAA;EAAAD,MAAA,CAEDiE,SAAS,GAAT,SAAAA,UAAUoB,IAAI,EAAC;IACb3E,OAAO,CAACC,GAAG,CAAC,MAAM,EAAE0E,IAAI,CAAC;IACzB,oBACA5B,KAAA,CAAAC,aAAA,CAACyB,eAAe;MAACE,IAAI,EAAEA;OAEpB,IAAI,CAACwB,KAAK,CAACzG,KAAK,CAACiF,IAAI,EAAEA,IAAI,CAACpB,SAAS,CAACpE,MAAM,CAC9B,CAAC;GAEnB;EAAAG,MAAA,CAED8G,YAAY,GAAZ,SAAAA,aAAajH,MAAM,EAAC;IAClB,IAAIkH,SAAS,GAAI,IAAI,CAACF,KAAK,CAACtG,SAAS,CAACV,MAAM,CAAC;IAC7Ca,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEoG,SAAS,CAAC;IACjC,OACI;MAACtG,GAAG,EAAEsG,SAAS,CAACtG,GAAG;MAAED,GAAG,OAAIkG,YAAY,GAAGK,SAAS,CAACvG;KAAO;GAEjE;EAAAR,MAAA,CAEDgH,YAAY,GAAZ,SAAAA,eAAc;IACZ,OACA,IAAI,CAACH,KAAK,CAAC3G,aAAa,EAAE;GAE3B;EAAA,OAAAyG,OAAA;AAAA;AAKP,IAAaM,QAAQ;EACjB,SAAAA,WAAa;IACZ,IAAI,CAACC,MAAM,GAAG,IAAIP,OAAO,CAAC,IAAIzB,MAAM,EAAE,CAAC;IACvC,IAAI,CAACiC,KAAK,GAAG,IAAIR,OAAO,CAAC,IAAIjC,KAAK,EAAE,CAAC;IACrC,IAAI,CAAC0C,QAAQ,GAAG,CAAC,IAAI,CAACF,MAAM,EAAE,IAAI,CAACC,KAAK,CAAC;;EACzC,IAAAE,OAAA,GAAAJ,QAAA,CAAAhH,SAAA;EAAAoH,OAAA,CAEDC,cAAc,GAAd,SAAAA,iBAAgB;IACZ,OACI;MACI,GAAG,EAAE,QAAQ;MACb,GAAG,EAAE,OAAO;MACZ,GAAG,EAAE;KACR;GAER;EAAAD,OAAA,CAEDE,qBAAqB,GAArB,SAAAA,sBAAsBC,KAAK,EAAC;IACzB,IAAIC,OAAO,GAAG,IAAI,CAACL,QAAQ,CAACI,KAAK,CAAC;IAClC,OAAOC,OAAO;GAChB;EAAA,OAAAR,QAAA;AAAA;;;;"}
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, { useState } from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const [show, setShow] = useState(true)\r\n\r\n return (\r\n <Slide direction=\"left\" in={show}>\r\n <Box>\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 '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 { useState } from 'react'\r\nimport { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const [show, setShow] = useState(true)\r\n\r\n return (\r\n <Slide direction=\"left\" in={show}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\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' sx={{ display: 'flex', justifyContent: { xs: 'center', md: json.component.justify_content ? json.component.justify_content : 'center' } }} >\r\n <Box sx={{ minWidth: { xs: '100%', md: '30%' } }}>\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 [show, setShow] = useState(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 >\r\n <Grid item xs className=\"\">\r\n <Slide direction=\"right\" in={show}>\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 <Grow\r\n in={show}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(show ? { timeout: 1000 } : {})}\r\n >\r\n <Grid item sx >\r\n <Grid container direction=\"column\" justifyContent=\"center\" alignItems=\"start\" style={{ border: '1px', borderColor: 'black', padding: '32px' }}>\r\n <Grid item sx>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Title'}</a>\r\n </Grid>\r\n <Grid item sx width={{ md: '70vh', xs: 'auto' }} height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Content'}</p>\r\n </Grid>\r\n <Grid item sx>\r\n <Button variant=\"contained\" color=\"secondary\">{content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Content'}</Button>\r\n </Grid>\r\n </Grid>\r\n </Grid>\r\n </Grow>\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]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\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': 'Text + Img',\r\n '2': 'Quotes',\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","_useState","useState","show","React","createElement","Slide","direction","Box","Typography","className","sx","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Button","variant","width","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","xs","md","justify_content","minWidth","JK_RESOURCES","Grid","container","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","border","borderColor","minHeight","textAlign","color","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

@@ -1,7 +1,21 @@
-import React from 'react';
-import { Box, Typography, Button, Container } from '@mui/material';
-import { createTheme } from '@mui/material/styles';
+import React, { useState } from 'react';
+import { Slide, Box, Typography, Button, Container, Grid } from '@mui/material';
+import Grow from '@mui/material/Grow';
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -40,121 +54,48 @@ var AtomicElements = /*#__PURE__*/function () {
   return AtomicElements;
 }();
-var COLOR_PRIMARY = '#4CAF50';
-var COLOR_SECONDARY = '#FF5722';
-var Colors = {
-  contrastText: '#fff',
-  grayText: "#8a8a8a",
-  success: "#00A650",
-  info: "#3483FA",
-  danger: "#B12704",
-  warning: "#FFC107",
-  dark: "#0e1b20",
-  ligth: "#aaa",
-  muted: "#abafb3",
-  border: "#DDDFE1",
-  inverse: "#2F3D4A",
-  shaft: "#333",
-  ligth_green: "#9ad28a",
-  ligth_green_default: "#9ad29c",
-  green_dark: "#6fbf73",
-  white: "#fff",
-  black: "#000",
-  prim: "#292929",
-  sec: "#545454",
-  sec_alt: "#767676",
-  hiden: "#C8C8C8",
-  green: "#6fbf73",
-  footer_backgound: "#f4f4f4"
-};
-var theme = createTheme({
-  palette: {
-    primary: {
-      main: COLOR_PRIMARY
-    },
-    secondary: {
-      main: COLOR_SECONDARY
-    }
-  },
-  components: {
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true
-      }
-    },
-    typography: {
-      button: {
-        textTransform: 'none'
-      }
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: {
-          borderRadius: '90px'
-        }
-      }
-    },
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          borderRadius: '90px',
-          textTransform: 'initial'
-        }
-      }
-    }
-  }
-});
 function Layout1(content) {
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
-    className: "title-xlarge",
-    sx: {
-      color: Colors.contrastText,
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
+  var _useState = useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React.createElement(Slide, {
+    direction: "left",
+    "in": show
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
     className: "title-large",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(Typography, {
-    variant: "subtitle1",
-    sx: {
-      color: Colors.contrastText,
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
+    className: "small",
     sx: {
-      width: '100%',
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+  }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')));
 }
-var Brief = /*#__PURE__*/function (_AtomicElements) {
-  _inheritsLoose(Brief, _AtomicElements);
-  function Brief() {
+var Quotes = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(Quotes, _AtomicElements);
+  function Quotes() {
     var _this;
     _this = _AtomicElements.call(this) || this;
     _this.layout = [Layout1];
-    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
       'title': 'Tittle',
       'content': 'Content'
-    }, {
-      'title': 'Tittle',
-      'content': 'Content',
-      'name': 'Name'
     }];
     return _this;
   }
-  return Brief;
+  return Quotes;
 }(AtomicElements);
 function Layout1$1(content) {
-  return /*#__PURE__*/React.createElement(Box, {
+  var _useState = useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React.createElement(Slide, {
+    direction: "left",
+    "in": show
+  }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       display: 'flex',
       flexDirection: 'column',
@@ -163,19 +104,11 @@ function Layout1$1(content) {
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "title-xlarge",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
   }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
-    className: "title-large",
-    sx: {
-      color: Colors.contrastText,
-      marginBottom: '16px'
-    }
-  }, content.component.subcomponent[0].subtitle ? content.component.subcomponent[0].subtitle : 'Agregue subtítulo'), /*#__PURE__*/React.createElement(Typography, {
     className: "title",
     sx: {
-      color: Colors.contrastText,
       marginBottom: '16px'
     }
   }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
@@ -184,7 +117,7 @@ function Layout1$1(content) {
       width: '100%',
       marginBottom: '16px'
     }
-  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'));
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón')));
 }
 var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -212,7 +145,6 @@ function CanvasContainer(props) {
     children = props.children;
   return /*#__PURE__*/React.createElement(Box, {
     sx: {
-      minHeight: '680px',
       padding: '32px',
       display: 'flex',
       alignItems: 'center',
@@ -233,7 +165,7 @@ function CanvasContainer(props) {
     }
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
-      maxWidth: {
+      minWidth: {
         xs: '100%',
         md: '30%'
       }
@@ -243,8 +175,103 @@ function CanvasContainer(props) {
 var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
+function Layout1$2(content) {
+  var _useState = useState(true),
+    show = _useState[0];
+  return /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    direction: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    width: '100%'
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: true,
+    className: ""
+  }, /*#__PURE__*/React.createElement(Slide, {
+    direction: "right",
+    "in": show
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      maxWidth: {
+        xl: '600px',
+        md: '400px',
+        xs: '350px'
+      }
+    },
+    margin: 'auto'
+  }, /*#__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'
+  })))), /*#__PURE__*/React.createElement(Grow, _extends({
+    "in": show,
+    style: {
+      transformOrigin: '0 0 0'
+    }
+  }, show ? {
+    timeout: 1000
+  } : {}), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    direction: "column",
+    justifyContent: "center",
+    alignItems: "start",
+    style: {
+      border: '1px',
+      borderColor: 'black',
+      padding: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "title-xlarge"
+  }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Title')), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    sx: true,
+    width: {
+      md: '70vh',
+      xs: 'auto'
+    },
+    height: "auto",
+    minHeight: {
+      md: '200px',
+      xs: 'auto'
+    },
+    textAlign: 'justify'
+  }, /*#__PURE__*/React.createElement("p", null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Content')), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    sx: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    color: "secondary"
+  }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Content'))))));
+}
+var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(TextPlusImg, _AtomicElements);
+  function TextPlusImg() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1$2];
+    _this.layoutFootprint = ['text_image_layout_1.png'];
+    _this.layoutFootprintReq = [{
+      'title': 'Title',
+      'description': 'Text',
+      'button_title': 'Button Title',
+      'button_action': 'Button Action',
+      'image': 'Image'
+    }];
+    return _this;
+  }
+  return TextPlusImg;
+}(AtomicElements);
 var Section = /*#__PURE__*/function () {
-  function Section(AtomicElement) {
+  function Section(AtomicElement, theme) {
     this.child = AtomicElement;
   }
   var _proto = Section.prototype;
@@ -270,14 +297,15 @@ var Section = /*#__PURE__*/function () {
 var Sections = /*#__PURE__*/function () {
   function Sections() {
     this.banner = new Section(new Banner());
-    this.brief = new Section(new Brief());
-    this.sections = [this.banner, this.brief];
+    this.quotes = new Section(new Quotes());
+    this.textPlusImg = new Section(new TextPlusImg());
+    this.sections = [this.banner, this.textPlusImg, this.quotes];
   }
   var _proto2 = Sections.prototype;
   _proto2.getSectionList = function getSectionList() {
     return {
       '0': 'Banner',
-      '1': 'Brief',
+      '1': 'Text + Img',
       '2': 'Quotes'
     };
   };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/theme/index.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../example/constants.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n // primary: \"#4CAF50\",\r\n // secondary: \"#FF5722\",\r\n contrastText: '#fff',\r\n grayText: \"#8a8a8a\",\r\n success: \"#00A650\",\r\n info: \"#3483FA\",\r\n danger: \"#B12704\",\r\n warning: \"#FFC107\",\r\n dark: \"#0e1b20\",\r\n ligth: \"#aaa\",\r\n muted: \"#abafb3\",\r\n border: \"#DDDFE1\",\r\n inverse: \"#2F3D4A\",\r\n shaft: \"#333\",\r\n\r\n ///////////////\r\n // Greens \r\n ///////////////\r\n ligth_green: \"#9ad28a\",\r\n ligth_green_default: \"#9ad29c\",\r\n green_dark: \"#6fbf73\", \r\n\r\n // dim_gray:\"#487e4c\",\r\n // body_bg: \"#81c784\",\r\n\r\n /////////////////\r\n // solid color\r\n /////////////////\r\n white: \"#fff\",\r\n black: \"#000\",\r\n\r\n //custom colors\r\n prim: \"#292929\",\r\n sec: \"#545454\",\r\n sec_alt: \"#767676\",\r\n hiden: \"#C8C8C8\",\r\n green: \"#6fbf73\",\r\n\r\n //footer colors\r\n footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: COLOR_PRIMARY,\r\n },\r\n secondary: {\r\n main: COLOR_SECONDARY,\r\n },\r\n },\r\n components: {\r\n // Name of the component\r\n MuiButtonBase: {\r\n defaultProps: {\r\n disableRipple: true,\r\n },\r\n },\r\n typography: {\r\n button: {\r\n textTransform: 'none'\r\n }\r\n },\r\n MuiOutlinedInput:{\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px'\r\n },\r\n },\r\n },\r\n MuiButton: {\r\n styleOverrides: {\r\n // Name of the slot\r\n root: {\r\n // Some CSS\r\n borderRadius: '90px',\r\n textTransform: 'initial'\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport default theme;","import React from \"react\"\r\nimport { Box, Typography, Button } from \"@mui/material\";\r\nimport { Colors } from \"../../theme\";\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box>\r\n <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, 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-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n <Typography variant=\"subtitle1\" sx={{ color: Colors.contrastText, 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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Brief extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'title': 'Tittle',\r\n 'content': 'Content',\r\n },\r\n {\r\n 'title': 'Tittle',\r\n 'content': 'Content',\r\n 'name': 'Name',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n\r\n}","import { Box, Button,Typography } from '@mui/material'\r\nimport React from 'react'\r\nimport { Colors } from '../../theme'\r\n\r\nexport default function Layout1(content) {\r\n return (\r\n <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\r\n <Typography className=\"title-xlarge\" sx={{ color: Colors.contrastText, 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-large\" sx={{ color: Colors.contrastText, marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].subtitle\r\n ? content.component.subcomponent[0].subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ color: Colors.contrastText, 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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\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',\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' sx={{ display: 'flex', justifyContent: { xs: 'center', md: json.component.justify_content ? json.component.justify_content : 'center' } }} >\r\n <Box sx={{ maxWidth: { xs: '100%', md: '30%' } }}>\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 React from \"react\"\r\nimport { Brief } from \"./brief/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"../example/constants\"\r\n// Section is a common class for each component\r\nexport class Section{\r\n constructor(AtomicElement) {\r\n this.child = AtomicElement\r\n }\r\n \r\n component(json){\r\n console.log('json', json)\r\n return(\r\n <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.brief = new Section(new Brief())\r\n this.sections = [this.banner, this.brief] \r\n }\r\n\r\n getSectionList(){\r\n return(\r\n {\r\n '0': 'Banner',\r\n '1': 'Brief',\r\n '2': 'Quotes'\r\n }\r\n )\r\n }\r\n \r\n getLayoutsFromSection(index){\r\n let section = this.sections[index] \r\n return(section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","Layout1","React","createElement","Box","Typography","className","sx","color","marginBottom","component","subcomponent","title","subtitle","variant","description","Button","width","button_title","Brief","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Banner","CanvasContainer","props","json","children","minHeight","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","xs","md","justify_content","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1	+ {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/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, { useState } from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const [show, setShow] = useState(true)\r\n\r\n return (\r\n <Slide direction=\"left\" in={show}>\r\n <Box>\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 '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 { useState } from 'react'\r\nimport { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const [show, setShow] = useState(true)\r\n\r\n return (\r\n <Slide direction=\"left\" in={show}>\r\n <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\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: '100%', 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 )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n {\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\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' sx={{ display: 'flex', justifyContent: { xs: 'center', md: json.component.justify_content ? json.component.justify_content : 'center' } }} >\r\n <Box sx={{ minWidth: { xs: '100%', md: '30%' } }}>\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 [show, setShow] = useState(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 >\r\n <Grid item xs className=\"\">\r\n <Slide direction=\"right\" in={show}>\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 <Grow\r\n in={show}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(show ? { timeout: 1000 } : {})}\r\n >\r\n <Grid item sx >\r\n <Grid container direction=\"column\" justifyContent=\"center\" alignItems=\"start\" style={{ border: '1px', borderColor: 'black', padding: '32px' }}>\r\n <Grid item sx>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Title'}</a>\r\n </Grid>\r\n <Grid item sx width={{ md: '70vh', xs: 'auto' }} height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Content'}</p>\r\n </Grid>\r\n <Grid item sx>\r\n <Button variant=\"contained\" color=\"secondary\">{content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Content'}</Button>\r\n </Grid>\r\n </Grid>\r\n </Grid>\r\n </Grow>\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]\r\n layoutFootprint = ['text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\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': 'Text + Img',\r\n '2': 'Quotes',\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","_useState","useState","show","React","createElement","Slide","direction","Box","Typography","className","sx","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","display","flexDirection","justifyContent","Button","variant","width","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","xs","md","justify_content","minWidth","JK_RESOURCES","Grid","container","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","border","borderColor","minHeight","textAlign","color","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.11",
+  "version": "1.0.12",
   "description": "Keski catalog components for Keski store, Codenation Studio",
   "author": "Francisco Marmolejo",
   "license": "",
@@ -54,6 +54,7 @@
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.12.3",
+    "node-sass": "^8.0.0",
     "rollup-plugin-import-css": "^3.2.1"
   }
 }