@bikdotai/bik-component-library 0.0.456-beta.ppi-8 → 0.0.456-beta.ppi-9

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 (3) hide show
  1. package/dist/cjs/components/product-picker-v2/productInfoOverlay.js +16 -14
  2. package/dist/esm/components/product-picker-v2/productInfoOverlay.js +12 -10
  3. package/package.json +1 -1
package/dist/cjs/components/product-picker-v2/productInfoOverlay.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js"),i=require("../icon-button/IconButton.js"),a=require("../shimmer-image/ShimmerImage.js"),d=require("../TypographyStyle.js"),s=require("./ProductPickerTag.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t);const u=t=>{var r;const o=void 0===t.productData.variants;return e.jsxs(f,{children:[e.jsx(g,{children:e.jsx(a.ShimmerImage,{imageUrl:t.productData.image,width:"200px",height:200,borderRadius:4})}),e.jsxs(h,{children:[e.jsx(d.TitleSmall,Object.assign({style:{display:"flex"}},{children:t.productData.name})),e.jsx(m,{children:e.jsx(d.BodyCaption,{dangerouslySetInnerHTML:{__html:null!==(r=t.productData.description)&&void 0!==r?r:""}})}),e.jsx(s.ProductPickerTag,{isVariant:o,data:t.productData,outOfStockAction:t.outOfStockAction})]})]})},c=n.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),i=require("../icon-button/IconButton.js"),a=require("../shimmer-image/ShimmerImage.js"),s=require("../TypographyStyle.js"),d=require("./ProductPickerTag.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);const l=t=>{var o;const r=void 0===t.productData.variants;return e.jsxs(f,{children:[e.jsx(g,{children:e.jsx(a.ShimmerImage,{imageUrl:t.productData.image,width:"200px",height:200,borderRadius:4})}),e.jsxs(h,{children:[e.jsx(s.TitleSmall,Object.assign({style:{display:"flex"}},{children:t.productData.name})),e.jsx(s.BodyCaption,{className:"description",dangerouslySetInnerHTML:{__html:null!==(o=t.productData.description)&&void 0!==o?o:""}}),e.jsx(d.ProductPickerTag,{isVariant:r,data:t.productData,outOfStockAction:t.outOfStockAction})]})]})},u=c.default.div`
2
2
  display: flex;
3
3
  flex: 1;
4
4
  background: rgba(0, 0, 0, 0.5);
@@ -8,11 +8,19 @@
8
8
  position: absolute;
9
9
  bottom: 0;
10
10
  z-index: 10;
11
- `,x=n.default.div`
11
+
12
+ .description {
13
+ display: flex;
14
+ flex-direction: column;
15
+ max-height: 300px;
16
+ overflow-y: auto;
17
+ word-break: break-word;
18
+ }
19
+ `,p=c.default.div`
12
20
  display: flex;
13
21
  flex: 1;
14
22
  background: rgba(0, 0, 0, 0.5);
15
- `,p=n.default.div`
23
+ `,x=c.default.div`
16
24
  position: relative;
17
25
 
18
26
  .close-button {
@@ -20,26 +28,20 @@
20
28
  top: -50px;
21
29
  right: 0px;
22
30
  margin: 10px;
23
- background: ${r.COLORS.surface.standard};
31
+ background: ${o.COLORS.surface.standard};
24
32
  border-radius: 50%;
25
33
  }
26
- `,f=n.default.div`
34
+ `,f=c.default.div`
27
35
  display: flex;
28
36
  background: white;
29
37
  padding: 24px;
30
38
  gap: 24px;
31
39
  border-radius: 8px 8px 0px 0px;
32
- `,g=n.default.div`
40
+ `,g=c.default.div`
33
41
  display: flex;
34
- `,h=n.default.div`
42
+ `,h=c.default.div`
35
43
  display: flex;
36
44
  flex: 1;
37
45
  flex-direction: column;
38
46
  gap: 10px;
39
- `,m=n.default.div`
40
- display: flex;
41
- flex-direction: column;
42
- max-height: 300px;
43
- overflow-y: auto;
44
- word-break: break-all;
45
- `;exports.ProductInfoCard=u,exports.ProductInfoOverlay=t=>e.jsxs(c,{children:[e.jsx(x,{}),e.jsx(p,{children:e.jsx(i.IconButton,{className:"close-button",onClick:t.onClose,Icon:o.default,width:20,height:20})}),e.jsx(u,{productData:t.productData,outOfStockAction:t.outOfStockAction})]});
47
+ `;exports.ProductInfoCard=l,exports.ProductInfoOverlay=t=>e.jsxs(u,{children:[e.jsx(p,{}),e.jsx(x,{children:e.jsx(i.IconButton,{className:"close-button",onClick:t.onClose,Icon:r.default,width:20,height:20})}),e.jsx(l,{productData:t.productData,outOfStockAction:t.outOfStockAction})]});
package/dist/esm/components/product-picker-v2/productInfoOverlay.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/cross.svg.js";import{IconButton as a}from"../icon-button/IconButton.js";import{ShimmerImage as d}from"../shimmer-image/ShimmerImage.js";import{TitleSmall as n,BodyCaption as c}from"../TypographyStyle.js";import{ProductPickerTag as s}from"./ProductPickerTag.js";const l=i=>o(m,{children:[t(u,{}),t(x,{children:t(a,{className:"close-button",onClick:i.onClose,Icon:e,width:20,height:20})}),t(p,{productData:i.productData,outOfStockAction:i.outOfStockAction})]}),p=i=>{var r;const e=void 0===i.productData.variants;return o(f,{children:[t(h,{children:t(d,{imageUrl:i.productData.image,width:"200px",height:200,borderRadius:4})}),o(g,{children:[t(n,Object.assign({style:{display:"flex"}},{children:i.productData.name})),t(b,{children:t(c,{dangerouslySetInnerHTML:{__html:null!==(r=i.productData.description)&&void 0!==r?r:""}})}),t(s,{isVariant:e,data:i.productData,outOfStockAction:i.outOfStockAction})]})]})},m=i.div`
1
+ import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/cross.svg.js";import{IconButton as a}from"../icon-button/IconButton.js";import{ShimmerImage as d}from"../shimmer-image/ShimmerImage.js";import{TitleSmall as n,BodyCaption as s}from"../TypographyStyle.js";import{ProductPickerTag as c}from"./ProductPickerTag.js";const p=i=>o(m,{children:[t(u,{}),t(x,{children:t(a,{className:"close-button",onClick:i.onClose,Icon:e,width:20,height:20})}),t(l,{productData:i.productData,outOfStockAction:i.outOfStockAction})]}),l=i=>{var r;const e=void 0===i.productData.variants;return o(f,{children:[t(g,{children:t(d,{imageUrl:i.productData.image,width:"200px",height:200,borderRadius:4})}),o(h,{children:[t(n,Object.assign({style:{display:"flex"}},{children:i.productData.name})),t(s,{className:"description",dangerouslySetInnerHTML:{__html:null!==(r=i.productData.description)&&void 0!==r?r:""}}),t(c,{isVariant:e,data:i.productData,outOfStockAction:i.outOfStockAction})]})]})},m=i.div`
2
2
  display: flex;
3
3
  flex: 1;
4
4
  background: rgba(0, 0, 0, 0.5);
@@ -8,6 +8,14 @@ import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-component
8
8
  position: absolute;
9
9
  bottom: 0;
10
10
  z-index: 10;
11
+
12
+ .description {
13
+ display: flex;
14
+ flex-direction: column;
15
+ max-height: 300px;
16
+ overflow-y: auto;
17
+ word-break: break-word;
18
+ }
11
19
  `,u=i.div`
12
20
  display: flex;
13
21
  flex: 1;
@@ -29,17 +37,11 @@ import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-component
29
37
  padding: 24px;
30
38
  gap: 24px;
31
39
  border-radius: 8px 8px 0px 0px;
32
- `,h=i.div`
33
- display: flex;
34
40
  `,g=i.div`
35
41
  display: flex;
42
+ `,h=i.div`
43
+ display: flex;
36
44
  flex: 1;
37
45
  flex-direction: column;
38
46
  gap: 10px;
39
- `,b=i.div`
40
- display: flex;
41
- flex-direction: column;
42
- max-height: 300px;
43
- overflow-y: auto;
44
- word-break: break-all;
45
- `;export{p as ProductInfoCard,l as ProductInfoOverlay};
47
+ `;export{l as ProductInfoCard,p as ProductInfoOverlay};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.456-beta.ppi-8",
3
+ "version": "0.0.456-beta.ppi-9",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",