keski_lib_catalog 1.0.19 → 1.0.21

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
  1. package/dist/index.js +78 -58
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +79 -59
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -58,7 +58,7 @@ var AtomicElements = /*#__PURE__*/function () {
58
58
  }();
59
59
 
60
60
  function Layout1(content) {
61
- var _content$component$su;
61
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
62
62
  var visible = true;
63
63
  return /*#__PURE__*/React__default.createElement(material.Slide, {
64
64
  direction: "left",
@@ -69,21 +69,32 @@ function Layout1(content) {
69
69
  flexDirection: 'column',
70
70
  width: {
71
71
  xs: '100%',
72
- md: '30%'
72
+ md: '70%'
73
73
  },
74
- color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
74
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color,
75
+ alignItems: 'flex-end'
75
76
  }
76
- }, /*#__PURE__*/React__default.createElement(material.Typography, {
77
- className: "title-large",
77
+ }, /*#__PURE__*/React__default.createElement(material.Box, {
78
+ component: "img",
79
+ src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : "https://cdn-icons-png.flaticon.com/512/6596/6596121.png",
78
80
  sx: {
81
+ width: '50px',
82
+ height: '50px',
79
83
  marginBottom: '16px'
80
84
  }
81
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React__default.createElement(material.Typography, {
85
+ }), /*#__PURE__*/React__default.createElement(material.Typography, {
86
+ className: "xmiddle",
87
+ sx: {
88
+ marginBottom: '16px',
89
+ textAlign: 'justify'
90
+ }
91
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React__default.createElement(material.Typography, {
82
92
  className: "small",
83
93
  sx: {
84
- marginBottom: '16px'
94
+ marginBottom: '16px',
95
+ textAlign: 'right'
85
96
  }
86
- }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')));
97
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.subtitle ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.subtitle : 'Agregue subtítulo')));
87
98
  }
88
99
 
89
100
  var Quotes = /*#__PURE__*/function (_AtomicElements) {
@@ -104,7 +115,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
104
115
  }(AtomicElements);
105
116
 
106
117
  function Layout1$1(content) {
107
- var _content$component$su;
118
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
108
119
  var visible = true;
109
120
  return /*#__PURE__*/React__default.createElement(material.Slide, {
110
121
  direction: "left",
@@ -115,27 +126,33 @@ function Layout1$1(content) {
115
126
  flexDirection: 'column',
116
127
  width: {
117
128
  xs: '100%',
118
- md: '30%'
129
+ md: '50%'
119
130
  },
131
+ height: {
132
+ xs: '100%',
133
+ md: '60vh'
134
+ },
135
+ justifyContent: 'center',
120
136
  color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
121
137
  }
122
138
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
123
- className: "title-xlarge",
139
+ className: "title-xxlarge",
124
140
  sx: {
125
141
  marginBottom: '16px'
126
142
  }
127
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React__default.createElement(material.Typography, {
128
- className: "title",
143
+ }, (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue título'), /*#__PURE__*/React__default.createElement(material.Typography, {
144
+ className: "xmiddle",
129
145
  sx: {
130
- marginBottom: '16px'
146
+ marginBottom: '16px',
147
+ textAlign: 'justify'
131
148
  }
132
- }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React__default.createElement(material.Button, {
149
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
133
150
  variant: "contained",
134
151
  sx: {
135
- width: '50%',
152
+ width: 'auto',
136
153
  marginBottom: '16px'
137
154
  }
138
- }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón')));
155
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))));
139
156
  }
140
157
 
141
158
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -175,12 +192,15 @@ function CanvasContainer(props) {
175
192
  }
176
193
  }, /*#__PURE__*/React__default.createElement(material.Box, {
177
194
  sx: {
178
- bgcolor: "" + (json.component.bg_image_overlay ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
179
- padding: '32px',
195
+ bgcolor: "" + (json.component.bg_image_overlay && json.component.bg_type === 3 ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
196
+ padding: '64px 16px',
180
197
  width: '100%'
181
198
  }
182
199
  }, /*#__PURE__*/React__default.createElement(material.Container, {
183
- maxWidth: "xl"
200
+ maxWidth: "xl",
201
+ sx: {
202
+ padding: '0px'
203
+ }
184
204
  }, /*#__PURE__*/React__default.createElement(material.Box, {
185
205
  sx: {
186
206
  minWidth: {
@@ -218,62 +238,62 @@ function hexToRgb(hex) {
218
238
  var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
219
239
 
220
240
  function Layout1$2(content) {
221
- var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
241
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9;
222
242
  var visible = true;
223
- return /*#__PURE__*/React__default.createElement(material.Grid, {
224
- container: true,
225
- direction: "row",
226
- justifyContent: "center",
227
- alignItems: "center",
228
- width: '100%',
229
- spacing: "16px",
243
+ return /*#__PURE__*/React__default.createElement(material.Box, {
244
+ sx: {
245
+ display: 'flex',
246
+ flexDirection: {
247
+ xs: 'column',
248
+ md: 'row'
249
+ },
250
+ gap: '16px'
251
+ },
230
252
  color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
231
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
232
- item: true,
233
- xs: 12,
234
- md: 5
235
- }, /*#__PURE__*/React__default.createElement(material.Slide, {
253
+ }, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Slide, {
236
254
  direction: "right",
237
255
  "in": visible
238
256
  }, /*#__PURE__*/React__default.createElement(material.Box, {
239
257
  sx: {
240
- maxWidth: {
241
- xl: '600px',
242
- md: '400px',
243
- xs: '350px'
244
- }
245
- },
246
- margin: 'auto'
258
+ width: {
259
+ xs: '100%',
260
+ md: '640px'
261
+ },
262
+ height: {
263
+ md: '426px'
264
+ },
265
+ maxWidth: '100vw'
266
+ }
247
267
  }, /*#__PURE__*/React__default.createElement("img", {
248
- height: "auto",
249
268
  width: "100%",
250
- src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
251
- })))), /*#__PURE__*/React__default.createElement(material.Grid, {
252
- item: true,
253
- xs: 12,
254
- md: 7
255
- }, /*#__PURE__*/React__default.createElement(Grow, _extends({
269
+ height: "100%",
270
+ src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
271
+ })))), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(Grow, _extends({
256
272
  "in": visible,
257
273
  style: {
258
274
  transformOrigin: '0 0 0'
259
275
  }
260
276
  }, {
261
277
  timeout: 1000
262
- } ), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement("a", {
278
+ } ), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Box, {
279
+ sx: {
280
+ marginBottom: '16px'
281
+ }
282
+ }, /*#__PURE__*/React__default.createElement(material.Typography, {
263
283
  className: "title-xlarge"
264
- }, (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React__default.createElement(material.Box, {
265
- height: "auto",
266
- minHeight: {
267
- md: '200px',
268
- xs: 'auto'
269
- },
270
- textAlign: 'justify'
271
- }, /*#__PURE__*/React__default.createElement("p", null, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción')), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
284
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.title ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.title : 'Agregue título')), /*#__PURE__*/React__default.createElement(material.Box, {
285
+ sx: {
286
+ marginBottom: '16px',
287
+ textAlign: 'justify'
288
+ }
289
+ }, /*#__PURE__*/React__default.createElement(material.Typography, {
290
+ className: "middle"
291
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.description ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.description : 'Agregue descripción')), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
272
292
  variant: "contained",
273
293
  sx: {
274
- width: '30%'
294
+ width: 'auto'
275
295
  }
276
- }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))))));
296
+ }, (_content$component$su8 = content.component.subcomponent[0]) !== null && _content$component$su8 !== void 0 && _content$component$su8.button_title ? (_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.button_title : 'Nombre botón'))))));
277
297
  }
278
298
 
279
299
  var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n // padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '32px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n\r\n </Box>\r\n );\r\n}\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0]?.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","Typography","className","marginBottom","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justifyContent","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', md: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button variant='contained' sx={{ width: 'auto', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button, Typography } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '640px' }, height: { md: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
package/dist/index.modern.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Slide, Box, Typography, Button, Container, Grid } from '@mui/material';
2
+ import { Slide, Box, Typography, Button, Container } from '@mui/material';
3
3
  import Grow from '@mui/material/Grow';
4
4
 
5
5
  function _extends() {
@@ -55,7 +55,7 @@ var AtomicElements = /*#__PURE__*/function () {
55
55
  }();
56
56
 
57
57
  function Layout1(content) {
58
- var _content$component$su;
58
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
59
59
  var visible = true;
60
60
  return /*#__PURE__*/React.createElement(Slide, {
61
61
  direction: "left",
@@ -66,21 +66,32 @@ function Layout1(content) {
66
66
  flexDirection: 'column',
67
67
  width: {
68
68
  xs: '100%',
69
- md: '30%'
69
+ md: '70%'
70
70
  },
71
- color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
71
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color,
72
+ alignItems: 'flex-end'
72
73
  }
73
- }, /*#__PURE__*/React.createElement(Typography, {
74
- className: "title-large",
74
+ }, /*#__PURE__*/React.createElement(Box, {
75
+ component: "img",
76
+ src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : "https://cdn-icons-png.flaticon.com/512/6596/6596121.png",
75
77
  sx: {
78
+ width: '50px',
79
+ height: '50px',
76
80
  marginBottom: '16px'
77
81
  }
78
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
82
+ }), /*#__PURE__*/React.createElement(Typography, {
83
+ className: "xmiddle",
84
+ sx: {
85
+ marginBottom: '16px',
86
+ textAlign: 'justify'
87
+ }
88
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Typography, {
79
89
  className: "small",
80
90
  sx: {
81
- marginBottom: '16px'
91
+ marginBottom: '16px',
92
+ textAlign: 'right'
82
93
  }
83
- }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')));
94
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.subtitle ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.subtitle : 'Agregue subtítulo')));
84
95
  }
85
96
 
86
97
  var Quotes = /*#__PURE__*/function (_AtomicElements) {
@@ -101,7 +112,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
101
112
  }(AtomicElements);
102
113
 
103
114
  function Layout1$1(content) {
104
- var _content$component$su;
115
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
105
116
  var visible = true;
106
117
  return /*#__PURE__*/React.createElement(Slide, {
107
118
  direction: "left",
@@ -112,27 +123,33 @@ function Layout1$1(content) {
112
123
  flexDirection: 'column',
113
124
  width: {
114
125
  xs: '100%',
115
- md: '30%'
126
+ md: '50%'
116
127
  },
128
+ height: {
129
+ xs: '100%',
130
+ md: '60vh'
131
+ },
132
+ justifyContent: 'center',
117
133
  color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
118
134
  }
119
135
  }, /*#__PURE__*/React.createElement(Typography, {
120
- className: "title-xlarge",
136
+ className: "title-xxlarge",
121
137
  sx: {
122
138
  marginBottom: '16px'
123
139
  }
124
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
125
- className: "title",
140
+ }, (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
141
+ className: "xmiddle",
126
142
  sx: {
127
- marginBottom: '16px'
143
+ marginBottom: '16px',
144
+ textAlign: 'justify'
128
145
  }
129
- }, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Button, {
146
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
130
147
  variant: "contained",
131
148
  sx: {
132
- width: '50%',
149
+ width: 'auto',
133
150
  marginBottom: '16px'
134
151
  }
135
- }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón')));
152
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))));
136
153
  }
137
154
 
138
155
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -172,12 +189,15 @@ function CanvasContainer(props) {
172
189
  }
173
190
  }, /*#__PURE__*/React.createElement(Box, {
174
191
  sx: {
175
- bgcolor: "" + (json.component.bg_image_overlay ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
176
- padding: '32px',
192
+ bgcolor: "" + (json.component.bg_image_overlay && json.component.bg_type === 3 ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
193
+ padding: '64px 16px',
177
194
  width: '100%'
178
195
  }
179
196
  }, /*#__PURE__*/React.createElement(Container, {
180
- maxWidth: "xl"
197
+ maxWidth: "xl",
198
+ sx: {
199
+ padding: '0px'
200
+ }
181
201
  }, /*#__PURE__*/React.createElement(Box, {
182
202
  sx: {
183
203
  minWidth: {
@@ -215,62 +235,62 @@ function hexToRgb(hex) {
215
235
  var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
216
236
 
217
237
  function Layout1$2(content) {
218
- var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
238
+ var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9;
219
239
  var visible = true;
220
- return /*#__PURE__*/React.createElement(Grid, {
221
- container: true,
222
- direction: "row",
223
- justifyContent: "center",
224
- alignItems: "center",
225
- width: '100%',
226
- spacing: "16px",
240
+ return /*#__PURE__*/React.createElement(Box, {
241
+ sx: {
242
+ display: 'flex',
243
+ flexDirection: {
244
+ xs: 'column',
245
+ md: 'row'
246
+ },
247
+ gap: '16px'
248
+ },
227
249
  color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
228
- }, /*#__PURE__*/React.createElement(Grid, {
229
- item: true,
230
- xs: 12,
231
- md: 5
232
- }, /*#__PURE__*/React.createElement(Slide, {
250
+ }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Slide, {
233
251
  direction: "right",
234
252
  "in": visible
235
253
  }, /*#__PURE__*/React.createElement(Box, {
236
254
  sx: {
237
- maxWidth: {
238
- xl: '600px',
239
- md: '400px',
240
- xs: '350px'
241
- }
242
- },
243
- margin: 'auto'
255
+ width: {
256
+ xs: '100%',
257
+ md: '640px'
258
+ },
259
+ height: {
260
+ md: '426px'
261
+ },
262
+ maxWidth: '100vw'
263
+ }
244
264
  }, /*#__PURE__*/React.createElement("img", {
245
- height: "auto",
246
265
  width: "100%",
247
- src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
248
- })))), /*#__PURE__*/React.createElement(Grid, {
249
- item: true,
250
- xs: 12,
251
- md: 7
252
- }, /*#__PURE__*/React.createElement(Grow, _extends({
266
+ height: "100%",
267
+ src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'
268
+ })))), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Grow, _extends({
253
269
  "in": visible,
254
270
  style: {
255
271
  transformOrigin: '0 0 0'
256
272
  }
257
273
  }, {
258
274
  timeout: 1000
259
- } ), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("a", {
275
+ } ), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, {
276
+ sx: {
277
+ marginBottom: '16px'
278
+ }
279
+ }, /*#__PURE__*/React.createElement(Typography, {
260
280
  className: "title-xlarge"
261
- }, (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
262
- height: "auto",
263
- minHeight: {
264
- md: '200px',
265
- xs: 'auto'
266
- },
267
- textAlign: 'justify'
268
- }, /*#__PURE__*/React.createElement("p", null, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
281
+ }, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.title ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
282
+ sx: {
283
+ marginBottom: '16px',
284
+ textAlign: 'justify'
285
+ }
286
+ }, /*#__PURE__*/React.createElement(Typography, {
287
+ className: "middle"
288
+ }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.description ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
269
289
  variant: "contained",
270
290
  sx: {
271
- width: '30%'
291
+ width: 'auto'
272
292
  }
273
- }, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.button_title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.button_title : 'Nombre botón'))))));
293
+ }, (_content$component$su8 = content.component.subcomponent[0]) !== null && _content$component$su8 !== void 0 && _content$component$su8.button_title ? (_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.button_title : 'Nombre botón'))))));
274
294
  }
275
295
 
276
296
  var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
package/dist/index.modern.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '30%' },\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].title ?\r\n content.component.subcomponent[0].title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].description ?\r\n content.component.subcomponent[0].description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0].button_title ?\r\n content.component.subcomponent[0].button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n // padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '32px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl'>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n\r\n </Box>\r\n );\r\n}\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Grid\r\n container\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n alignItems=\"center\"\r\n width={'100%'}\r\n spacing='16px'\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Grid item xs={12} md={5}>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0]?.img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Grid>\r\n <Grid item xs={12} md={7}>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box>\r\n <a className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n </Box>\r\n <Box height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n <p>{content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}</p>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Grid>\r\n\r\n </Grid>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","Typography","className","marginBottom","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justifyContent","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
1
+ {"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', md: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button variant='contained' sx={{ width: 'auto', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\nimport Layout2 from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'content':'Content',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'content':'Content',\r\n 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button, Typography } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '640px' }, height: { md: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keski_lib_catalog",
3
- "version": "1.0.19",
3
+ "version": "1.0.21",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",