keski_lib_catalog 1.0.18 → 1.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +30 -30
  2. package/dist/index.js +41 -11
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +41 -11
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +1 -1
  7. package/dist/index.css +0 -9
  8. package/dist/layout1~bjVrbVUo.jpg +0 -0
  9. package/dist/layout2~bjVrbVUo.jpg +0 -0
package/README.md CHANGED
@@ -1,30 +1,30 @@
1
- # keski_lib_catalog
2
-
3
- > Keski catalog components for Keski store, Codenation Studio
4
-
5
- [![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
6
-
7
- ## Install
8
-
9
- ```bash
10
- npm install --save keski_lib_catalog
11
- ```
12
-
13
- ## Usage
14
-
15
- ```jsx
16
- import React, { Component } from 'react'
17
-
18
- import MyComponent from 'keski_lib_catalog'
19
- import 'keski_lib_catalog/dist/index.css'
20
-
21
- class Example extends Component {
22
- render() {
23
- return <MyComponent />
24
- }
25
- }
26
- ```
27
-
28
- ## License
29
-
30
- © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)
1
+ # keski_lib_catalog
2
+
3
+ > Keski catalog components for Keski store, Codenation Studio
4
+
5
+ [![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
6
+
7
+ ## Install
8
+
9
+ ```bash
10
+ npm install --save keski_lib_catalog
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ ```jsx
16
+ import React, { Component } from 'react'
17
+
18
+ import MyComponent from 'keski_lib_catalog'
19
+ import 'keski_lib_catalog/dist/index.css'
20
+
21
+ class Example extends Component {
22
+ render() {
23
+ return <MyComponent />
24
+ }
25
+ }
26
+ ```
27
+
28
+ ## License
29
+
30
+ © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)
package/dist/index.js CHANGED
@@ -58,6 +58,7 @@ var AtomicElements = /*#__PURE__*/function () {
58
58
  }();
59
59
 
60
60
  function Layout1(content) {
61
+ var _content$component$su;
61
62
  var visible = true;
62
63
  return /*#__PURE__*/React__default.createElement(material.Slide, {
63
64
  direction: "left",
@@ -69,7 +70,8 @@ function Layout1(content) {
69
70
  width: {
70
71
  xs: '100%',
71
72
  md: '30%'
72
- }
73
+ },
74
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
73
75
  }
74
76
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
75
77
  className: "title-large",
@@ -102,6 +104,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
102
104
  }(AtomicElements);
103
105
 
104
106
  function Layout1$1(content) {
107
+ var _content$component$su;
105
108
  var visible = true;
106
109
  return /*#__PURE__*/React__default.createElement(material.Slide, {
107
110
  direction: "left",
@@ -113,7 +116,8 @@ function Layout1$1(content) {
113
116
  width: {
114
117
  xs: '100%',
115
118
  md: '30%'
116
- }
119
+ },
120
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
117
121
  }
118
122
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
119
123
  className: "title-xlarge",
@@ -158,17 +162,23 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
158
162
  function CanvasContainer(props) {
159
163
  var json = props.json,
160
164
  children = props.children;
165
+ var rgbColor = hexToRgb(json.component.bg_image_overlay_color);
161
166
  return /*#__PURE__*/React__default.createElement(material.Box, {
162
167
  sx: {
163
- padding: '32px',
164
168
  display: 'flex',
165
169
  alignItems: 'center',
166
170
  backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
167
- backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
171
+ backgroundImage: json.component.bg_type === 2 ? "linear-gradient(to " + json.component.bg_gradiant_orientation + ", " + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
168
172
  backgroundPosition: 'center',
169
173
  backgroundSize: 'cover',
170
174
  backgroundRepeat: 'no-repeat'
171
175
  }
176
+ }, /*#__PURE__*/React__default.createElement(material.Box, {
177
+ 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',
180
+ width: '100%'
181
+ }
172
182
  }, /*#__PURE__*/React__default.createElement(material.Container, {
173
183
  maxWidth: "xl"
174
184
  }, /*#__PURE__*/React__default.createElement(material.Box, {
@@ -183,12 +193,32 @@ function CanvasContainer(props) {
183
193
  md: json.component.justify_content ? json.component.justify_content : 'center'
184
194
  }
185
195
  }
186
- }, children)));
196
+ }, children))));
197
+ }
198
+ function hexToRgb(hex) {
199
+ if (hex) {
200
+ var cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
201
+ var r = parseInt(cleanHex.substring(0, 2), 16);
202
+ var g = parseInt(cleanHex.substring(2, 4), 16);
203
+ var b = parseInt(cleanHex.substring(4, 6), 16);
204
+ return {
205
+ r: r,
206
+ g: g,
207
+ b: b
208
+ };
209
+ } else {
210
+ return {
211
+ r: 0,
212
+ g: 0,
213
+ b: 0
214
+ };
215
+ }
187
216
  }
188
217
 
189
218
  var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
190
219
 
191
220
  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;
192
222
  var visible = true;
193
223
  return /*#__PURE__*/React__default.createElement(material.Grid, {
194
224
  container: true,
@@ -196,7 +226,8 @@ function Layout1$2(content) {
196
226
  justifyContent: "center",
197
227
  alignItems: "center",
198
228
  width: '100%',
199
- spacing: "16px"
229
+ spacing: "16px",
230
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
200
231
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
201
232
  item: true,
202
233
  xs: 12,
@@ -216,7 +247,7 @@ function Layout1$2(content) {
216
247
  }, /*#__PURE__*/React__default.createElement("img", {
217
248
  height: "auto",
218
249
  width: "100%",
219
- 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'
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'
220
251
  })))), /*#__PURE__*/React__default.createElement(material.Grid, {
221
252
  item: true,
222
253
  xs: 12,
@@ -230,20 +261,19 @@ function Layout1$2(content) {
230
261
  timeout: 1000
231
262
  } ), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement("a", {
232
263
  className: "title-xlarge"
233
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React__default.createElement(material.Box, {
234
- item: true,
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, {
235
265
  height: "auto",
236
266
  minHeight: {
237
267
  md: '200px',
238
268
  xs: 'auto'
239
269
  },
240
270
  textAlign: 'justify'
241
- }, /*#__PURE__*/React__default.createElement("p", null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
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, {
242
272
  variant: "contained",
243
273
  sx: {
244
274
  width: '30%'
245
275
  }
246
- }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'))))));
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'))))));
247
277
  }
248
278
 
249
279
  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 sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\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 sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\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\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Container maxWidth='xl'>\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}","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 >\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 item 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","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","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: '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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"}
package/dist/index.modern.js CHANGED
@@ -55,6 +55,7 @@ var AtomicElements = /*#__PURE__*/function () {
55
55
  }();
56
56
 
57
57
  function Layout1(content) {
58
+ var _content$component$su;
58
59
  var visible = true;
59
60
  return /*#__PURE__*/React.createElement(Slide, {
60
61
  direction: "left",
@@ -66,7 +67,8 @@ function Layout1(content) {
66
67
  width: {
67
68
  xs: '100%',
68
69
  md: '30%'
69
- }
70
+ },
71
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
70
72
  }
71
73
  }, /*#__PURE__*/React.createElement(Typography, {
72
74
  className: "title-large",
@@ -99,6 +101,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
99
101
  }(AtomicElements);
100
102
 
101
103
  function Layout1$1(content) {
104
+ var _content$component$su;
102
105
  var visible = true;
103
106
  return /*#__PURE__*/React.createElement(Slide, {
104
107
  direction: "left",
@@ -110,7 +113,8 @@ function Layout1$1(content) {
110
113
  width: {
111
114
  xs: '100%',
112
115
  md: '30%'
113
- }
116
+ },
117
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
114
118
  }
115
119
  }, /*#__PURE__*/React.createElement(Typography, {
116
120
  className: "title-xlarge",
@@ -155,17 +159,23 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
155
159
  function CanvasContainer(props) {
156
160
  var json = props.json,
157
161
  children = props.children;
162
+ var rgbColor = hexToRgb(json.component.bg_image_overlay_color);
158
163
  return /*#__PURE__*/React.createElement(Box, {
159
164
  sx: {
160
- padding: '32px',
161
165
  display: 'flex',
162
166
  alignItems: 'center',
163
167
  backgroundColor: json.component.bg_type === 1 ? json.component.bg_color1 : undefined,
164
- backgroundImage: json.component.bg_type === 2 ? "linear-gradient(" + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
168
+ backgroundImage: json.component.bg_type === 2 ? "linear-gradient(to " + json.component.bg_gradiant_orientation + ", " + json.component.bg_color1 + ", " + json.component.bg_color2 + ")" : json.component.bg_type === 3 ? "url(" + json.component.bg_image.url + ")" : undefined,
165
169
  backgroundPosition: 'center',
166
170
  backgroundSize: 'cover',
167
171
  backgroundRepeat: 'no-repeat'
168
172
  }
173
+ }, /*#__PURE__*/React.createElement(Box, {
174
+ 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',
177
+ width: '100%'
178
+ }
169
179
  }, /*#__PURE__*/React.createElement(Container, {
170
180
  maxWidth: "xl"
171
181
  }, /*#__PURE__*/React.createElement(Box, {
@@ -180,12 +190,32 @@ function CanvasContainer(props) {
180
190
  md: json.component.justify_content ? json.component.justify_content : 'center'
181
191
  }
182
192
  }
183
- }, children)));
193
+ }, children))));
194
+ }
195
+ function hexToRgb(hex) {
196
+ if (hex) {
197
+ var cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
198
+ var r = parseInt(cleanHex.substring(0, 2), 16);
199
+ var g = parseInt(cleanHex.substring(2, 4), 16);
200
+ var b = parseInt(cleanHex.substring(4, 6), 16);
201
+ return {
202
+ r: r,
203
+ g: g,
204
+ b: b
205
+ };
206
+ } else {
207
+ return {
208
+ r: 0,
209
+ g: 0,
210
+ b: 0
211
+ };
212
+ }
184
213
  }
185
214
 
186
215
  var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
187
216
 
188
217
  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;
189
219
  var visible = true;
190
220
  return /*#__PURE__*/React.createElement(Grid, {
191
221
  container: true,
@@ -193,7 +223,8 @@ function Layout1$2(content) {
193
223
  justifyContent: "center",
194
224
  alignItems: "center",
195
225
  width: '100%',
196
- spacing: "16px"
226
+ spacing: "16px",
227
+ color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
197
228
  }, /*#__PURE__*/React.createElement(Grid, {
198
229
  item: true,
199
230
  xs: 12,
@@ -213,7 +244,7 @@ function Layout1$2(content) {
213
244
  }, /*#__PURE__*/React.createElement("img", {
214
245
  height: "auto",
215
246
  width: "100%",
216
- 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'
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'
217
248
  })))), /*#__PURE__*/React.createElement(Grid, {
218
249
  item: true,
219
250
  xs: 12,
@@ -227,20 +258,19 @@ function Layout1$2(content) {
227
258
  timeout: 1000
228
259
  } ), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("a", {
229
260
  className: "title-xlarge"
230
- }, content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
231
- item: true,
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, {
232
262
  height: "auto",
233
263
  minHeight: {
234
264
  md: '200px',
235
265
  xs: 'auto'
236
266
  },
237
267
  textAlign: 'justify'
238
- }, /*#__PURE__*/React.createElement("p", null, content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
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, {
239
269
  variant: "contained",
240
270
  sx: {
241
271
  width: '30%'
242
272
  }
243
- }, content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'))))));
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'))))));
244
274
  }
245
275
 
246
276
  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 sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\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 sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\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\r\n return (\r\n <Box\r\n sx={{\r\n //minHeight: '680px',//este no pueden ser estaticos\r\n padding: '32px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Container maxWidth='xl'>\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}","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 >\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 item 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","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","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: '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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keski_lib_catalog",
3
- "version": "1.0.18",
3
+ "version": "1.0.19",
4
4
  "description": "Keski catalog components for Keski store, Codenation Studio",
5
5
  "author": "Francisco Marmolejo",
6
6
  "license": "",
package/dist/index.css DELETED
@@ -1,9 +0,0 @@
1
- /* add css module styles here (optional) */
2
-
3
- ._styles-module__test__3ybTi {
4
- margin: 2em;
5
- padding: 0.5em;
6
- border: 2px solid #000;
7
- font-size: 2em;
8
- text-align: center;
9
- }
package/dist/layout1~bjVrbVUo.jpg DELETED
Binary file
package/dist/layout2~bjVrbVUo.jpg DELETED
Binary file