keski_lib_catalog 1.0.0 → 1.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 CodeNation Studio
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.css

@@ -1,6 +1,6 @@
 /* add css module styles here (optional) */
 
-._3ybTi {
+._styles-module__test__3ybTi {
   margin: 2em;
   padding: 0.5em;
   border: 2px solid #000;

package/dist/index.js

@@ -1,15 +1,262 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var React = _interopDefault(require('react'));
+var material = require('@mui/material');
+var styles = require('@mui/material/styles');
 
-var styles = {"test":"_3ybTi"};
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
 
-var ExampleComponent = function ExampleComponent(_ref) {
-  var text = _ref.text;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.test
-  }, "Example Component: ", text);
+var AtomicElements = /*#__PURE__*/function () {
+  function AtomicElements() {
+    this.layout = [];
+  }
+  var _proto = AtomicElements.prototype;
+  _proto.layouts = function layouts() {
+    return this.layout.length;
+  };
+  _proto.build = function build(content, layoutId) {
+    return this.layout[layoutId](content);
+  };
+  return AtomicElements;
+}();
+
+function Layout1(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(material.Card, null));
+}
+
+var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(BriefComponents, _AtomicElements);
+  function BriefComponents() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1];
+    return _this;
+  }
+  return BriefComponents;
+}(AtomicElements);
+
+function Layout1$1(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(material.Card, null));
+}
+
+function Layout1$2(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(material.Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(material.Card, null));
+}
+
+var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(HeadComponents, _AtomicElements);
+  function HeadComponents() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1$1, Layout1$2];
+    return _this;
+  }
+  return HeadComponents;
+}(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'
+        }
+      }
+    }
+  }
+});
+
+var BannerContainer = styles.styled(material.Box)(function (_ref) {
+  var _ref2;
+  var theme = _ref.theme,
+    json = _ref.json;
+  return _ref2 = {
+    display: 'flex',
+    justifyContent: 'center',
+    heigth: '100%',
+    padding: '0px',
+    backgroundImage: "url(" + json.backgroundImage + ")",
+    backgroundPosition: '0% 20%',
+    backgroundSize: 'cover',
+    backgroundRepeat: 'no-repeat'
+  }, _ref2[theme.breakpoints.down('sm')] = {
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, _ref2[theme.breakpoints.down('md')] = {
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, _ref2;
+});
+var BannerImage = styles.styled('img')(function (_ref3) {
+  var _ref4;
+  var src = _ref3.src,
+    theme = _ref3.theme;
+  return _ref4 = {
+    src: "url(" + src + ")",
+    width: '40%',
+    height: 'auto'
+  }, _ref4[theme.breakpoints.down('md')] = {
+    width: '70%',
+    height: 'auto'
+  }, _ref4[theme.breakpoints.down('sm')] = {
+    width: '90%',
+    height: 'auto'
+  }, _ref4;
+});
+var BannerContent = styles.styled(material.Box)(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    maxWidth: 420,
+    padding: '30px',
+    color: Colors.contrastText
+  };
+});
+var BannerTittle = styles.styled(material.Typography)(function () {
+  var _ref5;
+  return _ref5 = {
+    lineHeigth: 1.5,
+    fontSize: '72px',
+    marginBottom: '20px',
+    color: Colors.contrastText
+  }, _ref5[theme.breakpoints.down('sm')] = {
+    fontSize: '42px'
+  }, _ref5;
+});
+var BannerDescription = styles.styled(material.Typography)(function (_ref6) {
+  var _ref7;
+  var theme = _ref6.theme;
+  return _ref7 = {
+    lineHeigth: 1.25,
+    letterSpacing: 1.25,
+    marginBottom: "3em"
+  }, _ref7[theme.breakpoints.down('md')] = {
+    lineHeigth: 1.15,
+    letterSpacing: 1.15,
+    marginBottom: "1.5em"
+  }, _ref7;
+});
+var BannerButton = styles.styled(material.Button)(function (_ref8) {
+  var theme = _ref8.theme;
+  return {
+    color: Colors.white,
+    background: theme.palette.primary.main,
+    fontSize: '25px'
+  };
+});
+
+function HeadContainer(props) {
+  var theme = styles.useTheme();
+  return /*#__PURE__*/React.createElement(BannerContainer, {
+    sx: {
+      height: '680px'
+    },
+    json: props.json
+  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
+}
+
+var Section = /*#__PURE__*/function () {
+  function Section(AtomicElement) {
+    this.child = AtomicElement;
+  }
+  var _proto = Section.prototype;
+  _proto.component = function component(json) {
+    return /*#__PURE__*/React.createElement(HeadContainer, {
+      json: json
+    }, this.child.build(json.content, json.layout));
+  };
+  _proto.layoutList = function layoutList() {
+    return this.child.layouts();
+  };
+  return Section;
+}();
+var Sections = /*#__PURE__*/function () {
+  function Sections() {
+    this.head = new Section(new HeadComponents());
+    this.brief = new Section(new BriefComponents());
+    this.sections = [this.head, this.brief];
+  }
+  var _proto2 = Sections.prototype;
+  _proto2.getSectionList = function getSectionList() {
+    return {
+      '0': 'Header',
+      '1': 'Brief'
+    };
+  };
+  _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {
+    var section = this.sections[index];
+    return section;
+  };
+  return Sections;
+}();
 
-exports.ExampleComponent = ExampleComponent;
+exports.Sections = Sections;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\nexport const ExampleComponent = ({ text }) => {\n  return <div className={styles.test}>Example Component: {text}</div>\n}\n"],"names":["ExampleComponent","_ref","text","React","createElement","className","styles","test"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACrC,oBAAOC,KAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEC,MAAM,CAACC;KAAM,qBAAmB,EAACL,IAAU,CAAC;AACrE,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n    }\r\n\r\n    layouts(){\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}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n           {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n            {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n            {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1, Layout2]\r\n\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({theme, json}) =>({\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({src, theme})=>({\r\n  src: `url(${src})`,\r\n  width:'40%',\r\n  height: 'auto',\r\n  [theme.breakpoints.down('md')]:{\r\n    width:'70%',\r\n    height: 'auto',\r\n  },\r\n  [theme.breakpoints.down('sm')]:{\r\n    width:'90%',\r\n    height: 'auto',\r\n  }\r\n}))\r\n\r\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]:{\r\n    fontSize:'42px'\r\n  }\r\n}))\r\n\r\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\r\n  letterSpacing: 1.25,\r\n  marginBottom: \"3em\",\r\n  [theme.breakpoints.down('md')]:{\r\n    lineHeigth:1.15,\r\n    letterSpacing: 1.15,\r\n    marginBottom: \"1.5em\",\r\n\r\n  }\r\n}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n\r\n  const theme = useTheme();\r\n\r\n  return(\r\n    <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n      <BannerContent>\r\n        {props.children}\r\n      </BannerContent>\r\n    </BannerContainer>\r\n  );\r\n}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        return(\r\n        <HeadContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json.content, json.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      layoutList(){\r\n        return(\r\n        this.child.layouts()\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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layouts","length","build","content","layoutId","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","layoutList","Sections","head","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,13 +1,260 @@
 import React from 'react';
+import { Grid, Card, Box, Typography, Button } from '@mui/material';
+import { createTheme, styled, useTheme } from '@mui/material/styles';
 
-var styles = {"test":"_3ybTi"};
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
 
-var ExampleComponent = function ExampleComponent(_ref) {
-  var text = _ref.text;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.test
-  }, "Example Component: ", text);
+var AtomicElements = /*#__PURE__*/function () {
+  function AtomicElements() {
+    this.layout = [];
+  }
+  var _proto = AtomicElements.prototype;
+  _proto.layouts = function layouts() {
+    return this.layout.length;
+  };
+  _proto.build = function build(content, layoutId) {
+    return this.layout[layoutId](content);
+  };
+  return AtomicElements;
+}();
+
+function Layout1(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
+}
+
+var BriefComponents = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(BriefComponents, _AtomicElements);
+  function BriefComponents() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1];
+    return _this;
+  }
+  return BriefComponents;
+}(AtomicElements);
+
+function Layout1$1(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
+}
+
+function Layout1$2(content) {
+  var _content$;
+  return /*#__PURE__*/React.createElement(Grid, null, (_content$ = content['0']) !== null && _content$ !== void 0 && _content$.title ? content['0'].title : 'placeholder', /*#__PURE__*/React.createElement(Card, null));
+}
+
+var HeadComponents = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(HeadComponents, _AtomicElements);
+  function HeadComponents() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout1$1, Layout1$2];
+    return _this;
+  }
+  return HeadComponents;
+}(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'
+        }
+      }
+    }
+  }
+});
+
+var BannerContainer = styled(Box)(function (_ref) {
+  var _ref2;
+  var theme = _ref.theme,
+    json = _ref.json;
+  return _ref2 = {
+    display: 'flex',
+    justifyContent: 'center',
+    heigth: '100%',
+    padding: '0px',
+    backgroundImage: "url(" + json.backgroundImage + ")",
+    backgroundPosition: '0% 20%',
+    backgroundSize: 'cover',
+    backgroundRepeat: 'no-repeat'
+  }, _ref2[theme.breakpoints.down('sm')] = {
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, _ref2[theme.breakpoints.down('md')] = {
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, _ref2;
+});
+var BannerImage = styled('img')(function (_ref3) {
+  var _ref4;
+  var src = _ref3.src,
+    theme = _ref3.theme;
+  return _ref4 = {
+    src: "url(" + src + ")",
+    width: '40%',
+    height: 'auto'
+  }, _ref4[theme.breakpoints.down('md')] = {
+    width: '70%',
+    height: 'auto'
+  }, _ref4[theme.breakpoints.down('sm')] = {
+    width: '90%',
+    height: 'auto'
+  }, _ref4;
+});
+var BannerContent = styled(Box)(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    maxWidth: 420,
+    padding: '30px',
+    color: Colors.contrastText
+  };
+});
+var BannerTittle = styled(Typography)(function () {
+  var _ref5;
+  return _ref5 = {
+    lineHeigth: 1.5,
+    fontSize: '72px',
+    marginBottom: '20px',
+    color: Colors.contrastText
+  }, _ref5[theme.breakpoints.down('sm')] = {
+    fontSize: '42px'
+  }, _ref5;
+});
+var BannerDescription = styled(Typography)(function (_ref6) {
+  var _ref7;
+  var theme = _ref6.theme;
+  return _ref7 = {
+    lineHeigth: 1.25,
+    letterSpacing: 1.25,
+    marginBottom: "3em"
+  }, _ref7[theme.breakpoints.down('md')] = {
+    lineHeigth: 1.15,
+    letterSpacing: 1.15,
+    marginBottom: "1.5em"
+  }, _ref7;
+});
+var BannerButton = styled(Button)(function (_ref8) {
+  var theme = _ref8.theme;
+  return {
+    color: Colors.white,
+    background: theme.palette.primary.main,
+    fontSize: '25px'
+  };
+});
+
+function HeadContainer(props) {
+  var theme = useTheme();
+  return /*#__PURE__*/React.createElement(BannerContainer, {
+    sx: {
+      height: '680px'
+    },
+    json: props.json
+  }, /*#__PURE__*/React.createElement(BannerContent, null, props.children));
+}
+
+var Section = /*#__PURE__*/function () {
+  function Section(AtomicElement) {
+    this.child = AtomicElement;
+  }
+  var _proto = Section.prototype;
+  _proto.component = function component(json) {
+    return /*#__PURE__*/React.createElement(HeadContainer, {
+      json: json
+    }, this.child.build(json.content, json.layout));
+  };
+  _proto.layoutList = function layoutList() {
+    return this.child.layouts();
+  };
+  return Section;
+}();
+var Sections = /*#__PURE__*/function () {
+  function Sections() {
+    this.head = new Section(new HeadComponents());
+    this.brief = new Section(new BriefComponents());
+    this.sections = [this.head, this.brief];
+  }
+  var _proto2 = Sections.prototype;
+  _proto2.getSectionList = function getSectionList() {
+    return {
+      '0': 'Header',
+      '1': 'Brief'
+    };
+  };
+  _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {
+    var section = this.sections[index];
+    return section;
+  };
+  return Sections;
+}();
 
-export { ExampleComponent };
+export { Sections };
 //# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\nexport const ExampleComponent = ({ text }) => {\n  return <div className={styles.test}>Example Component: {text}</div>\n}\n"],"names":["ExampleComponent","_ref","text","React","createElement","className","styles","test"],"mappings":";;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACrC,oBAAOC,KAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEC,MAAM,CAACC;KAAM,qBAAmB,EAACL,IAAU,CAAC;AACrE,CAAC;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/brief/elements/layout1.js","../src/brief/Component.js","../src/head/elements/layout1.js","../src/head/elements/layout2.js","../src/head/Component.js","../src/theme/index.js","../src/head/styles.js","../src/canvas/HeadContainer.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n    }\r\n\r\n    layouts(){\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}\r\n","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n           {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class BriefComponents extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n            {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { Card, CardContent, Grid } from \"@mui/material\"\r\nimport React from \"react\"\r\n\r\n\r\nexport default function Layout1(content){\r\n    return(\r\n        <Grid>\r\n            {content['0']?.title ? content['0'].title : 'placeholder'}\r\n            <Card>\r\n                {/* <CardContent>\r\n                {content['0']?.title ? content['0'].title : 'placeholder'}\r\n                </CardContent> */}\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class HeadComponents extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n  layout = [Layout1, Layout2]\r\n\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  \r\n}","import { createTheme } from \"@mui/material/styles\";\r\n//import { COLOR_PRIMARY,COLOR_SECONDARY } from \"../../utils/constants\";\r\n\r\nconst COLOR_PRIMARY = '#4CAF50'\r\n\r\nconst COLOR_SECONDARY = '#FF5722'\r\n\r\nexport const Colors = {\r\n  // primary: \"#4CAF50\",\r\n  // secondary: \"#FF5722\",\r\n  contrastText: '#fff',\r\n  grayText: \"#8a8a8a\",\r\n  success: \"#00A650\",\r\n  info: \"#3483FA\",\r\n  danger: \"#B12704\",\r\n  warning: \"#FFC107\",\r\n  dark: \"#0e1b20\",\r\n  ligth: \"#aaa\",\r\n  muted: \"#abafb3\",\r\n  border: \"#DDDFE1\",\r\n  inverse: \"#2F3D4A\",\r\n  shaft: \"#333\",\r\n\r\n  ///////////////\r\n  // Greens \r\n  ///////////////\r\n  ligth_green: \"#9ad28a\",\r\n  ligth_green_default: \"#9ad29c\",\r\n  green_dark: \"#6fbf73\",  \r\n\r\n  // dim_gray:\"#487e4c\",\r\n  // body_bg: \"#81c784\",\r\n\r\n  /////////////////\r\n  // solid color\r\n  /////////////////\r\n  white: \"#fff\",\r\n  black: \"#000\",\r\n\r\n  //custom colors\r\n  prim: \"#292929\",\r\n  sec: \"#545454\",\r\n  sec_alt: \"#767676\",\r\n  hiden: \"#C8C8C8\",\r\n  green: \"#6fbf73\",\r\n\r\n  //footer colors\r\n  footer_backgound:\"#f4f4f4\"\r\n}\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: COLOR_PRIMARY,\r\n    },\r\n    secondary: {\r\n      main:  COLOR_SECONDARY,\r\n    },\r\n  },\r\n  components: {\r\n    // Name of the component\r\n    MuiButtonBase: {\r\n      defaultProps: {\r\n        disableRipple: true,\r\n      },\r\n    },\r\n    typography: {\r\n      button: {\r\n        textTransform: 'none'\r\n      }\r\n    },\r\n    MuiOutlinedInput:{\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px'\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      styleOverrides: {\r\n        // Name of the slot\r\n        root: {\r\n          // Some CSS\r\n          borderRadius: '90px',\r\n          textTransform: 'initial'\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default theme;","import { Button, Typography } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { Box, style } from \"@mui/material\";\r\nimport theme, { Colors } from \"../theme\";\r\n\r\nexport const BannerContainer = styled(Box)(({theme, json}) =>({\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  heigth: '100%',\r\n  padding: '0px',\r\n  // [customAtt?.backgroundImg]:{\r\n  backgroundImage: `url(${json.backgroundImage})`,\r\n  backgroundPosition: '0% 20%',\r\n  backgroundSize: 'cover',\r\n  backgroundRepeat: 'no-repeat',\r\n  // },\r\n  // [customAtt?.backgroundColor]:{\r\n  //   backgroundColor: customAtt?.backgroundColor,\r\n  // },\r\n  [theme.breakpoints.down('sm')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    flexDirection: 'column',\r\n    alignItems: 'center'\r\n  },\r\n\r\n}));\r\n\r\nexport const BannerImage = styled('img')(({src, theme})=>({\r\n  src: `url(${src})`,\r\n  width:'40%',\r\n  height: 'auto',\r\n  [theme.breakpoints.down('md')]:{\r\n    width:'70%',\r\n    height: 'auto',\r\n  },\r\n  [theme.breakpoints.down('sm')]:{\r\n    width:'90%',\r\n    height: 'auto',\r\n  }\r\n}))\r\n\r\nexport const BannerContent = styled(Box)(() =>({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  maxWidth: 420,\r\n  padding: '30px',\r\n  color: Colors.contrastText,\r\n}))\r\n\r\nexport const BannerTittle = styled(Typography)(() =>({\r\n  lineHeigth: 1.5,\r\n  fontSize: '72px',\r\n  marginBottom: '20px',\r\n  color: Colors.contrastText,\r\n  [theme.breakpoints.down('sm')]:{\r\n    fontSize:'42px'\r\n  }\r\n}))\r\n\r\n\r\n\r\nexport const BannerDescription = styled(Typography)(({ theme })=>({\r\n  lineHeigth: 1.25,\r\n  letterSpacing: 1.25,\r\n  marginBottom: \"3em\",\r\n  [theme.breakpoints.down('md')]:{\r\n    lineHeigth:1.15,\r\n    letterSpacing: 1.15,\r\n    marginBottom: \"1.5em\",\r\n\r\n  }\r\n}))\r\n\r\n\r\nexport const BannerButton = styled(Button)(({ theme })=>({\r\n  color: Colors.white,\r\n  background: theme.palette.primary.main,\r\n  fontSize: '25px'\r\n    \r\n}))","import React from \"react\";\r\n\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { BannerContainer, BannerContent, BannerDescription, BannerImage, BannerTittle, BannerButton } from \"../head/styles\";\r\n\r\nexport default function HeadContainer(props){\r\n\r\n  const theme = useTheme();\r\n\r\n  return(\r\n    <BannerContainer sx={{height:'680px'}} json={props.json}>\r\n      <BannerContent>\r\n        {props.children}\r\n      </BannerContent>\r\n    </BannerContainer>\r\n  );\r\n}","import React from \"react\"\r\nimport { BriefComponents } from \"./brief/Component\"\r\nimport { HeadComponents } from \"./head/Component\"\r\nimport HeadContainer from \"./canvas/HeadContainer\"\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        return(\r\n        <HeadContainer json={json}>\r\n          {/* Child is the instance passed as parameter in section, next class */}\r\n          {this.child.build(json.content, json.layout)}\r\n        </HeadContainer>\r\n        )\r\n      }\r\n\r\n      layoutList(){\r\n        return(\r\n        this.child.layouts()\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.head = new Section(new HeadComponents())  \r\n     this.brief = new Section(new BriefComponents())\r\n     this.sections = [this.head, this.brief] \r\n    }\r\n\r\n    getSectionList(){\r\n        return(\r\n            {\r\n                '0' : 'Header',\r\n                '1': 'Brief',\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","_proto","prototype","layouts","length","build","content","layoutId","Layout1","_content$","React","createElement","Grid","title","Card","BriefComponents","_AtomicElements","_inheritsLoose","_this","call","HeadComponents","Layout2","COLOR_PRIMARY","COLOR_SECONDARY","Colors","contrastText","grayText","success","info","danger","warning","dark","ligth","muted","border","inverse","shaft","ligth_green","ligth_green_default","green_dark","white","black","prim","sec","sec_alt","hiden","green","footer_backgound","theme","createTheme","palette","primary","main","secondary","components","MuiButtonBase","defaultProps","disableRipple","typography","button","textTransform","MuiOutlinedInput","styleOverrides","root","borderRadius","MuiButton","BannerContainer","styled","Box","_ref","_ref2","json","display","justifyContent","heigth","padding","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","breakpoints","down","flexDirection","alignItems","BannerImage","_ref3","_ref4","src","width","height","BannerContent","maxWidth","color","BannerTittle","Typography","_ref5","lineHeigth","fontSize","marginBottom","BannerDescription","_ref6","_ref7","letterSpacing","BannerButton","Button","_ref8","background","HeadContainer","props","useTheme","sx","children","Section","AtomicElement","child","component","layoutList","Sections","head","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/package.json

@@ -1,53 +1,58 @@
-{
-  "name": "keski_lib_catalog",
-  "version": "1.0.0",
-  "description": "Keski catalog components for Keski store, Codenation Studio",
-  "author": "Francisco Marmolejo",
-  "license": "",
-  "repository": "Francisco Marmolejo/keski_lib_catalog",
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
-  "source": "src/index.js",
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
-    "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
-    "test:lint": "eslint .",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build"
-  },
-  "peerDependencies": {
-    "react": "^16.0.0"
-  },
-  "devDependencies": {
-    "microbundle-crl": "^0.13.10",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1"
-  },
-  "files": [
-    "dist"
-  ]
-}
+{
+  "name": "keski_lib_catalog",
+  "version": "1.0.3",
+  "description": "Keski catalog components for Keski store, Codenation Studio",
+  "author": "Francisco Marmolejo",
+  "license": "",
+  "repository": "Francisco Marmolejo/keski_lib_catalog",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.js",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format modern,cjs",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint .",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-react": "^9.2.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-standard": "^4.0.1",
+    "gh-pages": "^2.2.0",
+    "microbundle-crl": "^0.13.10",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.4",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.12.3"
+  }
+}