infinity-forge 0.53.3 → 0.53.5

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 (34) hide show
  1. package/dist/sites/fixed-components/list-blog/carousel-configs.d.ts +2 -2
  2. package/dist/sites/fixed-components/list-blog/carousel-configs.js +15 -28
  3. package/dist/sites/fixed-components/list-blog/carousel-configs.js.map +1 -1
  4. package/dist/sites/fixed-components/list-blog/component.js +1 -6
  5. package/dist/sites/fixed-components/list-blog/component.js.map +1 -1
  6. package/dist/sites/fixed-components/list-blog/styles.js +1 -1
  7. package/dist/sites/fixed-components/list-blog/styles.js.map +1 -1
  8. package/dist/sites/services/api.js +2 -2
  9. package/dist/sites/services/api.js.map +1 -1
  10. package/dist/system/container/infra/container.d.ts +1 -1
  11. package/dist/system/container/infra/container.js +1 -1
  12. package/dist/system/container/infra/container.js.map +1 -1
  13. package/dist/system/presentation/context/container.js.map +1 -1
  14. package/dist/ui/components/carousel/index.d.ts +2 -2
  15. package/dist/ui/components/carousel/index.js +28 -15
  16. package/dist/ui/components/carousel/index.js.map +1 -1
  17. package/dist/ui/components/carousel/interfaces.d.ts +9 -0
  18. package/dist/ui/components/carousel/{types.js → interfaces.js} +1 -1
  19. package/dist/ui/components/carousel/interfaces.js.map +1 -0
  20. package/dist/ui/components/form/checkbox/index.d.ts +0 -5
  21. package/dist/ui/components/form/checkbox/index.js +3 -4
  22. package/dist/ui/components/form/checkbox/index.js.map +1 -1
  23. package/package.json +3 -1
  24. package/dist/ui/components/carousel/component.d.ts +0 -5
  25. package/dist/ui/components/carousel/component.js +0 -57
  26. package/dist/ui/components/carousel/component.js.map +0 -1
  27. package/dist/ui/components/carousel/navigation.d.ts +0 -8
  28. package/dist/ui/components/carousel/navigation.js +0 -16
  29. package/dist/ui/components/carousel/navigation.js.map +0 -1
  30. package/dist/ui/components/carousel/styles.d.ts +0 -6
  31. package/dist/ui/components/carousel/styles.js +0 -14
  32. package/dist/ui/components/carousel/styles.js.map +0 -1
  33. package/dist/ui/components/carousel/types.d.ts +0 -15
  34. package/dist/ui/components/carousel/types.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import { CarouselSettings } from '../../../ui/index.js';
2
- export declare const carouselConfigs: CarouselSettings;
1
+ import { SwiperProps } from 'swiper/react';
2
+ export declare const carouselConfigs: SwiperProps;
@@ -2,37 +2,24 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.carouselConfigs = void 0;
4
4
  exports.carouselConfigs = {
5
- dots: true,
6
- slidesToShow: 3,
7
- slidesToScroll: 3,
8
- spacing: 20,
9
- responsive: [
10
- {
11
- breakpoint: 900,
12
- settings: {
13
- slidesToShow: 2,
14
- },
5
+ pagination: true,
6
+ slidesPerView: 3,
7
+ spaceBetween: 20,
8
+ breakpoints: {
9
+ 900: {
10
+ slidesPerView: 2,
15
11
  },
16
- {
17
- breakpoint: 600,
18
- settings: {
19
- slidesToShow: 1.3,
20
- centerMode: true,
21
- },
12
+ 600: {
13
+ slidesPerView: 1.3,
14
+ centeredSlides: true,
22
15
  },
23
- {
24
- breakpoint: 480,
25
- settings: {
26
- slidesToShow: 1.2,
27
- centerMode: true,
28
- },
16
+ 480: {
17
+ slidesPerView: 1.2,
18
+ centeredSlides: true,
29
19
  },
30
- {
31
- breakpoint: 0,
32
- settings: {
33
- slidesToShow: 1.1,
34
- },
20
+ 0: {
21
+ slidesPerView: 1.1,
35
22
  },
36
- ],
23
+ },
37
24
  };
38
25
  //# sourceMappingURL=carousel-configs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-configs.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/carousel-configs.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAqB;IAC/C,IAAI,EAAE,IAAI;IACV,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE;QACV;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,CAAC;aAChB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;aAClB;SACF;KACF;CACF,CAAA"}
1
+ {"version":3,"file":"carousel-configs.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/carousel-configs.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAgB;IAC1C,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE;QACX,GAAG,EAAE;YACH,aAAa,EAAE,CAAC;SACjB;QACD,GAAG,EAAE;YACH,aAAa,EAAE,GAAG;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,GAAG,EAAE;YACH,aAAa,EAAE,GAAG;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,CAAC,EAAE;YACD,aAAa,EAAE,GAAG;SACnB;KACF;CACF,CAAA"}
@@ -35,12 +35,7 @@ var carousel_configs_1 = require("./carousel-configs.js");
35
35
  var S = __importStar(require("./styles.js"));
36
36
  function ListBlog(_a) {
37
37
  var data = _a.data, title = _a.title, linkText = _a.linkText;
38
- var Carousel = (0, components_1.useCarousel)({
39
- data: data,
40
- settings: carousel_configs_1.carouselConfigs,
41
- Component: card_1.BlogCard,
42
- }).Carousel;
43
- return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'ListBlog', children: (0, jsx_runtime_1.jsx)(S.ListBlog, { children: (0, jsx_runtime_1.jsxs)(components_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'blog-title', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-48-bold', children: title ? title : 'Blog' }), (0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-16-bold', href: '/blog/todos', children: linkText ? linkText : 'Ver todos os posts' })] }), (0, jsx_runtime_1.jsx)(Carousel, {})] }) }) }));
38
+ return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'ListBlog', children: (0, jsx_runtime_1.jsx)(S.ListBlog, { children: (0, jsx_runtime_1.jsxs)(components_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'blog-title', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-48-bold', children: title ? title : 'Blog' }), (0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-16-bold', href: '/blog/todos', children: linkText ? linkText : 'Ver todos os posts' })] }), (0, jsx_runtime_1.jsx)(components_1.Carousel, { swiperConfig: carousel_configs_1.carouselConfigs, SlideComponent: card_1.BlogCard, items: data })] }) }) }));
44
39
  }
45
40
  exports.ListBlog = ListBlog;
46
41
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAA+D;AAE/D,+BAAiC;AACjC,uDAAoD;AAIpD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtC,IAAA,QAAQ,GAAK,IAAA,wBAAW,EAAgB;QAC9C,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kCAAe;QACzB,SAAS,EAAE,eAAQ;KACpB,CAAC,SAJc,CAId;IAEF,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,sBAAS,eACR,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAM,EAE1D,uBAAC,cAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,aAAa,YAC9C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,GACtC,IACH,EAEN,uBAAC,QAAQ,KAAG,IACF,GACD,GACP,CACT,CAAA;AACH,CAAC;AAxBD,4BAwBC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAA4D;AAE5D,+BAAiC;AACjC,uDAAoD;AAIpD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,sBAAS,eACR,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAM,EAE1D,uBAAC,cAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,aAAa,YAC9C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,GACtC,IACH,EAEN,uBAAC,qBAAQ,IAAC,YAAY,EAAE,kCAAe,EAAE,cAAc,EAAE,eAAQ,EAAE,KAAK,EAAE,IAAI,GAAI,IACxE,GACD,GACP,CACT,CAAA;AACH,CAAC;AAlBD,4BAkBC"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.ListBlog = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.ListBlog = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"], ["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"])));
12
+ exports.ListBlog = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .swiper {\n padding: 4px 0px 30px;\n\n .swiper-pagination {\n bottom: 0;\n }\n }\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"], ["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .swiper {\n padding: 4px 0px 30px;\n\n .swiper-pagination {\n bottom: 0;\n }\n }\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,26BAAA,w2BAkDxC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,ghCAAA,68BA0DxC,KAAA"}
@@ -55,8 +55,8 @@ function api(params) {
55
55
  return __generator(this, function (_a) {
56
56
  switch (_a.label) {
57
57
  case 0:
58
- url = system_1.container.get(system_1.InfraTypes.makeApiURL).make("https://pokeapi.co/api/v2/pokemon/ditto");
59
- return [4 /*yield*/, system_1.container.get(system_1.InfraTypes.http).request(__assign(__assign({}, params), { url: "https://pokeapi.co/api/v2/pokemon/ditto" }))];
58
+ url = system_1.container.get(system_1.InfraTypes.makeApiURL).make(params.url);
59
+ return [4 /*yield*/, system_1.container.get(system_1.InfraTypes.http).request(__assign(__assign({}, params), { url: url }))];
60
60
  case 1:
61
61
  response = _a.sent();
62
62
  return [2 /*return*/, response];
@@ -1 +1 @@
1
- {"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/sites/services/api.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAsF;AAEtF,SAAsB,GAAG,CAAU,MAAmB;;;;;;oBAC9C,GAAG,GAAG,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;oBAE3F,qBAAM,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,IAAI,CAAC,CAAC,OAAO,uBAAM,MAAM,KAAE,GAAG,EAAE,yCAAyC,IAAG,EAAA;;oBAAlI,QAAQ,GAAG,SAAuH;oBAExI,sBAAO,QAAa,EAAA;;;;CACrB;AAND,kBAMC"}
1
+ {"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/sites/services/api.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAqF;AAErF,SAAsB,GAAG,CAAU,MAAmB;;;;;;oBAC9C,GAAG,GAAG,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBAE5D,qBAAM,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,IAAI,CAAC,CAAC,OAAO,uBAAM,MAAM,KAAE,GAAG,EAAE,GAAG,IAAG,EAAA;;oBAA5F,QAAQ,GAAG,SAAiF;oBAElG,sBAAO,QAAa,EAAA;;;;CACrB;AAND,kBAMC"}
@@ -1,3 +1,3 @@
1
- import { Container } from "inversify";
1
+ import { Container } from 'inversify';
2
2
  declare const infraContainer: Container;
3
3
  export { infraContainer };
@@ -6,7 +6,7 @@ var infra_1 = require("../../../system/infra/index.js");
6
6
  var types_1 = require("./types.js");
7
7
  var make_api_url_1 = require("./make-api-url.js");
8
8
  var decorators_1 = require("../decorators/index.js");
9
- var infraContainer = new inversify_1.Container({ autoBindInjectable: true, defaultScope: "Singleton" });
9
+ var infraContainer = new inversify_1.Container({ autoBindInjectable: true, defaultScope: 'Singleton' });
10
10
  exports.infraContainer = infraContainer;
11
11
  infraContainer.bind(types_1.InfraTypes.http).to(infra_1.AxiosHttpClient);
12
12
  infraContainer.bind(types_1.InfraTypes.makeApiURL).to(make_api_url_1.makeApiURL);
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/container/infra/container.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAEtC,wCAAuE;AAEvE,iCAAqC;AACrC,+CAA4C;AAC5C,4CAA6D;AAE7D,IAAM,cAAc,GAAG,IAAI,qBAAS,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;AAOrF,wCAAc;AALvB,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,uBAAe,CAAC,CAAC;AACzD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,yBAAU,CAAC,CAAC;AAC1D,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,4BAAoB,CAAC,CAAC;AACjE,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,yCAA4B,CAAC,CAAC"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/container/infra/container.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,wCAAsE;AAEtE,iCAAoC;AACpC,+CAA2C;AAC3C,4CAA4D;AAE5D,IAAM,cAAc,GAAG,IAAI,qBAAS,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAA;AAOpF,wCAAc;AALvB,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,uBAAe,CAAC,CAAA;AACxD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,yBAAU,CAAC,CAAA;AACzD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,4BAAoB,CAAC,CAAA;AAChE,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,yCAA4B,CAAC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2BAAyD;AACzD,iCAAuE;AAEvE,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AAErF,2BAAiD;AAEjD,SAAgB,sBAAsB,CAAC,EAU4D;QATjG,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA;IAKlB,SAAS,gBAAgB;QACvB,OAAO,CACL,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,wBAAmB,cAAE,QAAQ,GAAuB,GACvC,GACF,GACH,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,+BAA0B,cACzB,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAiB,eAAK,IAAI,cACzB,uBAAC,gBAAgB,KAAG,IACF,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,KAAG,CACrB,GACsB,GACE,CAC9B,CAAA;AACH,CAAC;AApCD,wDAoCC"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2BAAyD;AACzD,iCAAuE;AAEvE,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AACrF,2BAAiD;AAEjD,SAAgB,sBAAsB,CAAC,EAU4D;QATjG,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA;IAKlB,SAAS,gBAAgB;QACvB,OAAO,CACL,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,wBAAmB,cAAE,QAAQ,GAAuB,GACvC,GACF,GACH,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,+BAA0B,cACzB,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAiB,eAAK,IAAI,cACzB,uBAAC,gBAAgB,KAAG,IACF,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,KAAG,CACrB,GACsB,GACE,CAC9B,CAAA;AACH,CAAC;AApCD,wDAoCC"}
@@ -1,2 +1,2 @@
1
- export * from "./types.js";
2
- export * from "./component.js";
1
+ import { CarouselProps } from './interfaces.js';
2
+ export declare function Carousel<T>({ items, SlideComponent, swiperConfig, prevButtonClassName, nextButtonClassName, }: CarouselProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,19 +1,32 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
15
12
  };
16
13
  Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./types.js"), exports);
18
- __exportStar(require("./component.js"), exports);
14
+ exports.Carousel = void 0;
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
16
+ // src/components/Carousel.tsx
17
+ var react_1 = require("swiper/react");
18
+ var modules_1 = require("swiper/modules");
19
+ var uuid_1 = require("uuid");
20
+ function Carousel(_a) {
21
+ var items = _a.items, SlideComponent = _a.SlideComponent, swiperConfig = _a.swiperConfig, prevButtonClassName = _a.prevButtonClassName, nextButtonClassName = _a.nextButtonClassName;
22
+ if (!items || items.length === 0 || !SlideComponent) {
23
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
24
+ }
25
+ var modules = [modules_1.Navigation, modules_1.Pagination, modules_1.Scrollbar, modules_1.A11y];
26
+ return ((0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({ modules: modules }, swiperConfig, { navigation: {
27
+ nextEl: '.' + nextButtonClassName,
28
+ prevEl: '.' + prevButtonClassName,
29
+ }, children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(SlideComponent, __assign({}, item)) }, (0, uuid_1.v4)())); }) })));
30
+ }
31
+ exports.Carousel = Carousel;
19
32
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8BAA8B;AAC9B,sCAAkD;AAClD,0CAAwE;AAExE,6BAAmC;AAInC,SAAgB,QAAQ,CAAI,EAMT;QALjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA;IAEnB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,IAAM,OAAO,GAAG,CAAC,oBAAU,EAAE,oBAAU,EAAE,mBAAS,EAAE,cAAI,CAAC,CAAA;IAEzD,OAAO,CACL,uBAAC,cAAM,aACL,OAAO,EAAE,OAAO,IACZ,YAAY,IAChB,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,GAAG,mBAAmB;YACjC,MAAM,EAAE,GAAG,GAAG,mBAAmB;SAClC,YAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,uBAAC,mBAAW,cACV,uBAAC,cAAc,eAAK,IAAI,EAAI,IADZ,IAAA,SAAM,GAAE,CAEZ,CACf,EAJoB,CAIpB,CAAC,IACK,CACV,CAAA;AACH,CAAC;AA7BD,4BA6BC"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { SwiperProps } from 'swiper/react';
3
+ export interface CarouselProps<T> {
4
+ items: T[];
5
+ swiperConfig?: SwiperProps;
6
+ prevButtonClassName?: string;
7
+ nextButtonClassName?: string;
8
+ SlideComponent: React.ComponentType<T>;
9
+ }
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=types.js.map
3
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/interfaces.ts"],"names":[],"mappings":""}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface InputCheckboxProps {
3
2
  name: string;
4
3
  label?: string;
@@ -6,10 +5,6 @@ interface InputCheckboxProps {
6
5
  label: string;
7
6
  value: string;
8
7
  }[];
9
- OptionComponent?: (props: {
10
- label: string;
11
- value: string;
12
- }) => JSX.Element;
13
8
  }
14
9
  export declare function InputCheckbox(props: InputCheckboxProps): import("react/jsx-runtime").JSX.Element;
15
10
  export {};
@@ -35,22 +35,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
35
35
  };
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.InputCheckbox = void 0;
38
- var react_1 = require("react");
39
38
  var jsx_runtime_1 = require("react/jsx-runtime");
40
- var react_2 = require("react");
39
+ var react_1 = require("react");
41
40
  var formik_1 = require("formik");
42
41
  var input_control_1 = require("../input-control/index.js");
43
42
  var S = __importStar(require("./styles.js"));
44
43
  function InputCheckbox(props) {
45
44
  var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], helpers = _a[2];
46
- (0, react_2.useEffect)(function () {
45
+ (0, react_1.useEffect)(function () {
47
46
  if (field.value === undefined) {
48
47
  helpers.setValue(['']);
49
48
  }
50
49
  }, [field.value]);
51
50
  return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { name: props.name, children: (0, jsx_runtime_1.jsx)(S.InputCheckbox, { children: (0, jsx_runtime_1.jsx)("div", { className: 'list-radios', children: props.options.map(function (option, index) {
52
51
  var _a;
53
- return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + index }, field, { checked: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v === option.value; }), type: 'checkbox', value: option.value, style: { display: props.OptionComponent ? "none" : "block" } })), props.OptionComponent ? (0, react_1.createElement)(props.OptionComponent, __assign({}, option, { key: option.value })) : (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: option.label } })] }, option.value));
52
+ return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + index }, field, { checked: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v === option.value; }), type: 'checkbox', value: option.value })), (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: option.label } })] }, option.value));
54
53
  }) }) }) })));
55
54
  }
56
55
  exports.InputCheckbox = InputCheckbox;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,iCAAiC;AAEjC,kDAA+C;AAE/C,0CAA6B;AAS7B,SAAgB,aAAa,CAAC,KAAyB;IAC/C,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACvC,uBAAC,CAAC,CAAC,aAAa,cACd,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;oBAAK,OAAA,CACpC,mCAA0B,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,aACnD,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,IAClB,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,EACtD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,IAC5D,EAED,KAAK,CAAC,eAAe,CAAC,CAAC,CAAE,2BAAC,KAAK,CAAC,eAAe,eAAK,MAAM,IAAE,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,KAVtI,MAAM,CAAC,KAAK,CAWhB,CACT,CAAA;iBAAA,CAAC,GACE,GACU,IACL,CAChB,CAAA;AACH,CAAC;AA/BD,sCA+BC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,iCAAiC;AAEjC,kDAA+C;AAE/C,0CAA6B;AAQ7B,SAAgB,aAAa,CAAC,KAAyB;IAC/C,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACvC,uBAAC,CAAC,CAAC,aAAa,cACd,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;oBAAK,OAAA,CACpC,mCAA0B,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,aACnD,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,IAClB,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,EACtD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,IACnB,EAEF,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,KATjD,MAAM,CAAC,KAAK,CAUhB,CACT,CAAA;iBAAA,CAAC,GACE,GACU,IACL,CAChB,CAAA;AACH,CAAC;AA9BD,sCA8BC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.53.3",
3
+ "version": "0.53.5",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -80,8 +80,10 @@
80
80
  "reflect-metadata": "^0.2.2",
81
81
  "sharp": "^0.33.4",
82
82
  "styled-components": "^6.1.11",
83
+ "swiper": "^11.1.4",
83
84
  "swr": "^2.2.5",
84
85
  "typescript": "^5.4.5",
86
+ "uuid": "^10.0.0",
85
87
  "yup": "^1.4.0",
86
88
  "zustand": "^4.5.2"
87
89
  }
@@ -1,5 +0,0 @@
1
- import { InfinityForgeCarousel } from './types.js';
2
- export declare function useCarousel<T = any>(props: InfinityForgeCarousel<T>): {
3
- Carousel: () => import("react/jsx-runtime").JSX.Element;
4
- Navigation: () => import("react/jsx-runtime").JSX.Element;
5
- };
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __importDefault = (this && this.__importDefault) || function (mod) {
37
- return (mod && mod.__esModule) ? mod : { "default": mod };
38
- };
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.useCarousel = void 0;
41
- var jsx_runtime_1 = require("react/jsx-runtime");
42
- var react_1 = __importDefault(require("react"));
43
- var react_slick_1 = __importDefault(require("react-slick"));
44
- var navigation_1 = require("./navigation.js");
45
- var S = __importStar(require("./styles.js"));
46
- function useCarousel(props) {
47
- var refCarousel = react_1.default.useRef(null);
48
- var enableSlider = props.data && props.data.length !== 0 && props.data.length > (props.settings.slidesPerRow || 1);
49
- return {
50
- Carousel: function () {
51
- return !props.data || props.data.length === 0 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsxs)(S.SlickStyles, { "$spacing": props.settings.spacing, children: [props.title && (0, jsx_runtime_1.jsx)("h2", { children: props.title }), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({ ref: refCarousel }, props.settings, { infinite: props.settings.infinite ? (enableSlider ? true : false) : false, children: props.data.map(function (element, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(props.Component, __assign({}, element)) }, (element === null || element === void 0 ? void 0 : element.id) || index)); }) }))] }));
52
- },
53
- Navigation: function () { return enableSlider && (0, jsx_runtime_1.jsx)(navigation_1.Navigation, __assign({ refCarousel: refCarousel }, props)); },
54
- };
55
- }
56
- exports.useCarousel = useCarousel;
57
- //# sourceMappingURL=component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAAgC;AAEhC,2CAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,WAAW,CAAU,KAA+B;IAClE,IAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAS,IAAI,CAAC,CAAA;IAE9C,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAA;IAEpH,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9C,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,wBAAC,CAAC,CAAC,WAAW,gBAAW,KAAK,CAAC,QAAQ,CAAC,OAAO,aAC5C,KAAK,CAAC,KAAK,IAAI,yCAAK,KAAK,CAAC,KAAK,GAAM,EACtC,uBAAC,qBAAM,aACL,GAAG,EAAE,WAAW,IACZ,KAAK,CAAC,QAAQ,IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,YAExE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAClC,0CACE,uBAAC,KAAK,CAAC,SAAS,eAAM,OAAe,EAAI,IADjC,CAAC,OAAe,aAAf,OAAO,uBAAP,OAAO,CAAU,EAAE,KAAI,KAAK,CAEjC,CACP,EAJmC,CAInC,CAAC,IACK,IACK,CACjB,CAAA;QACH,CAAC;QACD,UAAU,EAAE,cAAM,OAAA,YAAY,IAAI,uBAAC,uBAAU,aAAC,WAAW,EAAE,WAAW,IAAM,KAAK,EAAI,EAAnE,CAAmE;KACtF,CAAA;AACH,CAAC;AA5BD,kCA4BC"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import Slider from 'react-slick';
3
- import { InfinityForgeCarousel } from './types.js';
4
- type NavigationProps = InfinityForgeCarousel & {
5
- refCarousel: React.RefObject<Slider>;
6
- };
7
- export declare function Navigation(props: NavigationProps): import("react/jsx-runtime").JSX.Element;
8
- export {};
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Navigation = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var icons_1 = require("../../../ui/icons/index.js");
6
- function Navigation(props) {
7
- function prevSlide() {
8
- props.refCarousel.current.slickPrev();
9
- }
10
- function nextSlide() {
11
- props.refCarousel.current.slickNext();
12
- }
13
- return ((0, jsx_runtime_1.jsxs)("div", { id: 'infinity_forge_navigation', children: [props.customNavigation && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: prevSlide, className: 'infinity_forge_navigation_prev', "aria-label": 'prev', children: props.customNavigation.prev ? (0, jsx_runtime_1.jsx)(props.customNavigation.prev, {}) : (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconArrowLeft' }) })), props.customNavigation && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: nextSlide, className: 'infinity_forge_navigation_next', "aria-label": 'next', children: props.customNavigation.next ? (0, jsx_runtime_1.jsx)(props.customNavigation.next, {}) : (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconArrowRight' }) }))] }));
14
- }
15
- exports.Navigation = Navigation;
16
- //# sourceMappingURL=navigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/navigation.tsx"],"names":[],"mappings":";;;;AAIA,oCAAiC;AAQjC,SAAgB,UAAU,CAAC,KAAsB;IAC/C,SAAS,SAAS;QAChB,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA;IACvC,CAAC;IAED,SAAS,SAAS;QAChB,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA;IACvC,CAAC;IAED,OAAO,CACL,iCAAK,EAAE,EAAC,2BAA2B,aAChC,KAAK,CAAC,gBAAgB,IAAI,CACzB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,gBAAY,MAAM,YACnG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAG,CAAC,CAAC,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAC,eAAe,GAAG,GACvF,CACV,EAEA,KAAK,CAAC,gBAAgB,IAAI,CACzB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,gBAAY,MAAM,YACnG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAG,CAAC,CAAC,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACxF,CACV,IACG,CACP,CAAA;AACH,CAAC;AAxBD,gCAwBC"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SlickStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
- ref?: import("react").Ref<HTMLDivElement>;
4
- }, {
5
- $spacing?: number | undefined;
6
- }>> & string;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.SlickStyles = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SlickStyles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n margin-right: 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: '';\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir='rtl'] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir='rtl'] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: '\u2190';\n }\n [dir='rtl'] .slick-prev:before {\n content: '\u2192';\n }\n\n .slick-next {\n right: -25px;\n }\n [dir='rtl'] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: '\u2192';\n }\n [dir='rtl'] .slick-next:before {\n content: '\u2190';\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '\u2022';\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n .slick-track > div > div {\n margin-left: ", ";\n }\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"], ["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n margin-right: 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: '';\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir='rtl'] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir='rtl'] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: '\u2190';\n }\n [dir='rtl'] .slick-prev:before {\n content: '\u2192';\n }\n\n .slick-next {\n right: -25px;\n }\n [dir='rtl'] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: '\u2192';\n }\n [dir='rtl'] .slick-next:before {\n content: '\u2190';\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '\u2022';\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n .slick-track > div > div {\n margin-left: ", ";\n }\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"])), function (props) { return (props.$spacing ? props.$spacing + 'px' : '10px'); });
13
- var templateObject_1;
14
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,6lLAAmC,k0KA8RxD,EAA4D,sNAe9E,KAfkB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjD,CAAiD,EAe9E"}
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { Settings } from 'react-slick';
3
- export type CarouselSettings = Settings & {
4
- spacing?: number;
5
- };
6
- export type InfinityForgeCarousel<T = any> = {
7
- data?: T[];
8
- title?: string;
9
- settings: CarouselSettings;
10
- customNavigation?: {
11
- prev?: () => JSX.Element;
12
- next?: () => JSX.Element;
13
- };
14
- Component: (props: T) => JSX.Element;
15
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/types.ts"],"names":[],"mappings":""}