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

keski_lib_catalog 1.0.10 → 1.0.11

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

@@ -230,7 +230,7 @@ function CanvasContainer(props) {
       display: 'flex',
       justifyContent: {
         xs: 'center',
-        md: 'right'
+        md: json.component.justify_content ? json.component.justify_content : 'center'
       }
     }
   }, /*#__PURE__*/React.createElement(material.Box, {

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: 'right' } }} >\r\n {/* <Container maxWidth='xl' sx={{ bgcolor: 'red' }}> /}\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","JK_RESOURCES","Section","AtomicElement","child","getFootPrint","footPrint","layoutLength","Sections","banner","brief","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/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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"}

package/dist/index.modern.js CHANGED Viewed

@@ -228,7 +228,7 @@ function CanvasContainer(props) {
       display: 'flex',
       justifyContent: {
         xs: 'center',
-        md: 'right'
+        md: json.component.justify_content ? json.component.justify_content : 'center'
       }
     }
   }, /*#__PURE__*/React.createElement(Box, {

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: 'right' } }} >\r\n {/* <Container maxWidth='xl' sx={{ bgcolor: 'red' }}> /}\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","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/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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"}

package/package.json CHANGED Viewed

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