@bikdotai/bik-component-library 0.0.419-beta.10 → 0.0.419-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js"),i=require("pure-react-carousel"),o=require("react"),n=require("styled-components"),s=require("./CarouselPreviewCard.js"),a=require("../../constants/Theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(o),c=l(n);const u=c.default.div`
|
|
2
2
|
background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
|
|
3
|
-
border-color: ${
|
|
3
|
+
border-color: ${a.COLORS.stroke.primary};
|
|
4
4
|
border-top-style: solid;
|
|
5
5
|
border-bottom-style: solid;
|
|
6
6
|
border-top-width: 1px;
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
align-items: center;
|
|
18
18
|
.left_button {
|
|
19
19
|
border-radius: 50%;
|
|
20
|
-
width:
|
|
21
|
-
height:
|
|
20
|
+
width: 24px;
|
|
21
|
+
height: 24px;
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
display: flex;
|
|
@@ -26,11 +26,14 @@
|
|
|
26
26
|
left: 0;
|
|
27
27
|
z-index: 10;
|
|
28
28
|
margin-left: 4px;
|
|
29
|
+
border: none;
|
|
30
|
+
background-color: white;
|
|
31
|
+
box-shadow: 0px 1.5px 6px 0px #0000001f;
|
|
29
32
|
}
|
|
30
33
|
.right_button {
|
|
31
34
|
border-radius: 50%;
|
|
32
|
-
width:
|
|
33
|
-
height:
|
|
35
|
+
width: 24px;
|
|
36
|
+
height: 24px;
|
|
34
37
|
align-items: center;
|
|
35
38
|
justify-content: center;
|
|
36
39
|
display: flex;
|
|
@@ -38,9 +41,12 @@
|
|
|
38
41
|
right: 0;
|
|
39
42
|
z-index: 10;
|
|
40
43
|
margin-right: 4px;
|
|
44
|
+
border: none;
|
|
45
|
+
background-color: white;
|
|
46
|
+
box-shadow: 0px 1.5px 6px 0px #0000001f;
|
|
41
47
|
}
|
|
42
48
|
.slider {
|
|
43
|
-
width:
|
|
49
|
+
width: 800px;
|
|
44
50
|
height: 480px;
|
|
45
51
|
}
|
|
46
|
-
`,h=d.default.forwardRef(((
|
|
52
|
+
`,h=d.default.forwardRef(((o,n)=>{let{channel:l,template:d,showSampleValues:c}=o;var h,b,x,g,v;return e.jsxs(u,{children:[e.jsx(s.default,{channel:l,template:d,isHeader:!0,carouselCardIndex:-1}),e.jsx(i.CarouselProvider,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:null!==(x=null===(b=null===(h=null==d?void 0:d.components)||void 0===h?void 0:h[1].cards)||void 0===b?void 0:b.length)&&void 0!==x?x:1,orientation:"horizontal",visibleSlides:1.6},{children:e.jsxs(p,{children:[e.jsx(i.ButtonBack,Object.assign({className:"left_button"},{children:e.jsx(t.default,{height:10,width:10,color:a.COLORS.content.primary})})),e.jsx(i.Slider,Object.assign({className:"slider"},{children:null===(v=null===(g=null==d?void 0:d.components)||void 0===g?void 0:g[1].cards)||void 0===v?void 0:v.map(((t,r)=>{var o,n;const a={components:t.components,mapping:null===(n=null===(o=null==d?void 0:d.mapping)||void 0===o?void 0:o.cards)||void 0===n?void 0:n[r]};return e.jsx(i.Slide,Object.assign({index:r},{children:e.jsx(s.default,{channel:l,template:a,isHeader:!1,carouselCardIndex:r},r)}),r)}))})),e.jsx(i.ButtonNext,Object.assign({className:"right_button"},{children:e.jsx(r.default,{height:10,width:10,color:a.COLORS.content.primary})}))]})}))]})}));exports.CarouselPreview=h;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight.svg.js";import{CarouselProvider as r,ButtonBack as n,Slider as a,Slide as s,ButtonNext as d}from"pure-react-carousel";import l from"react";import c from"styled-components";import p from"./CarouselPreviewCard.js";import{COLORS as h}from"../../constants/Theme.js";const m=c.div`
|
|
2
2
|
background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
|
|
3
3
|
border-color: ${h.stroke.primary};
|
|
4
4
|
border-top-style: solid;
|
|
@@ -11,14 +11,14 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/ico
|
|
|
11
11
|
position: relative;
|
|
12
12
|
height: 500px;
|
|
13
13
|
overflow-y: auto;
|
|
14
|
-
`,b=
|
|
14
|
+
`,b=c.div`
|
|
15
15
|
flex-direction: row;
|
|
16
16
|
display: flex;
|
|
17
17
|
align-items: center;
|
|
18
18
|
.left_button {
|
|
19
19
|
border-radius: 50%;
|
|
20
|
-
width:
|
|
21
|
-
height:
|
|
20
|
+
width: 24px;
|
|
21
|
+
height: 24px;
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
display: flex;
|
|
@@ -26,11 +26,14 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/ico
|
|
|
26
26
|
left: 0;
|
|
27
27
|
z-index: 10;
|
|
28
28
|
margin-left: 4px;
|
|
29
|
+
border: none;
|
|
30
|
+
background-color: white;
|
|
31
|
+
box-shadow: 0px 1.5px 6px 0px #0000001f;
|
|
29
32
|
}
|
|
30
33
|
.right_button {
|
|
31
34
|
border-radius: 50%;
|
|
32
|
-
width:
|
|
33
|
-
height:
|
|
35
|
+
width: 24px;
|
|
36
|
+
height: 24px;
|
|
34
37
|
align-items: center;
|
|
35
38
|
justify-content: center;
|
|
36
39
|
display: flex;
|
|
@@ -38,9 +41,12 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/ico
|
|
|
38
41
|
right: 0;
|
|
39
42
|
z-index: 10;
|
|
40
43
|
margin-right: 4px;
|
|
44
|
+
border: none;
|
|
45
|
+
background-color: white;
|
|
46
|
+
box-shadow: 0px 1.5px 6px 0px #0000001f;
|
|
41
47
|
}
|
|
42
48
|
.slider {
|
|
43
|
-
width:
|
|
49
|
+
width: 800px;
|
|
44
50
|
height: 480px;
|
|
45
51
|
}
|
|
46
|
-
`,
|
|
52
|
+
`,u=l.forwardRef(((l,c)=>{let{channel:u,template:g,showSampleValues:x}=l;var f,v,w,y,j;return e(m,{children:[o(p,{channel:u,template:g,isHeader:!0,carouselCardIndex:-1}),o(r,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:null!==(w=null===(v=null===(f=null==g?void 0:g.components)||void 0===f?void 0:f[1].cards)||void 0===v?void 0:v.length)&&void 0!==w?w:1,orientation:"horizontal",visibleSlides:1.6},{children:e(b,{children:[o(n,Object.assign({className:"left_button"},{children:o(t,{height:10,width:10,color:h.content.primary})})),o(a,Object.assign({className:"slider"},{children:null===(j=null===(y=null==g?void 0:g.components)||void 0===y?void 0:y[1].cards)||void 0===j?void 0:j.map(((e,t)=>{var i,r;const n={components:e.components,mapping:null===(r=null===(i=null==g?void 0:g.mapping)||void 0===i?void 0:i.cards)||void 0===r?void 0:r[t]};return o(s,Object.assign({index:t},{children:o(p,{channel:u,template:n,isHeader:!1,carouselCardIndex:t},t)}),t)}))})),o(d,Object.assign({className:"right_button"},{children:o(i,{height:10,width:10,color:h.content.primary})}))]})}))]})}));export{u as CarouselPreview};
|