@anker-in/headless-ui 1.1.6 → 1.1.7

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as l}from"react";import{Heading as n,Container as i}from"../../../../components/index.js";import{ProductActions as m}from"../index.js";import{useBizProductContext as c}from"../../BizProductProvider.js";import p from"./ScrollSpyNav/index.js";import{withLayout as u}from"../../../../shared/Styles.js";const f=({onSpyNavItemClick:o})=>{const{product:a,renderRating:r}=c(),s=l(()=>a?.payload?.components?.find(d=>d.componentKey==="PurchaseBar")?.data||[],[a?.payload]);return t("div",{id:"purchase-bar",className:"sticky left-0 top-0 z-[45] w-full border-b border-[#E4E5E6] bg-white",children:[e(i,{children:t("div",{className:"tablet:justify-between tablet:gap-0 tablet:w-full flex items-center gap-[10px]",children:[t("div",{className:"desktop:pt-6 desktop:pb-0 tablet:flex-none flex-1 py-3",children:[e(n,{size:2,className:"tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px] line-clamp-2",html:a?.title}),e("div",{className:"desktop:flex mt-3 hidden items-center justify-between gap-8",children:e(p,{tabs:s,className:"",renderRating:r,onSpyNavItemClick:o})})]}),e("div",{className:"desktop:block hidden",children:e(m,{})})]})}),t(i,{className:"desktop:hidden relative",children:[e("div",{className:"absolute left-0 top-0 h-px w-full bg-[#E4E5E6]"}),e(p,{tabs:s,renderRating:r,onSpyNavItemClick:o})]})]})};var w=u(f);export{w as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as l}from"react";import{Heading as n,Container as i}from"../../../../components/index.js";import{ProductActions as m}from"../index.js";import{useBizProductContext as c}from"../../BizProductProvider.js";import p from"./ScrollSpyNav/index.js";import{withLayout as u}from"../../../../shared/Styles.js";const f=({onSpyNavItemClick:o})=>{const{product:a,renderRating:r}=c(),s=l(()=>a?.payload?.components?.find(d=>d.componentKey==="PurchaseBar")?.data||[],[a?.payload]);return t("div",{id:"purchase-bar",className:"sticky left-0 top-0 z-[45] w-full border-b border-[#E4E5E6] bg-white",children:[e(i,{children:t("div",{className:"tablet:justify-between desktop:gap-16 tablet:gap-0 tablet:w-full flex flex-wrap items-center gap-[10px]",children:[t("div",{className:"desktop:pt-6 desktop:pb-0 min-w-0 flex-1 py-3",children:[e(n,{size:2,className:"tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px] line-clamp-2",html:a?.title}),e("div",{className:"desktop:block mt-3 hidden",children:e(p,{tabs:s,className:"",renderRating:r,onSpyNavItemClick:o})})]}),e("div",{className:"desktop:block hidden shrink-0",children:e(m,{})})]})}),t(i,{className:"desktop:hidden relative",children:[e("div",{className:"absolute left-0 top-0 h-px w-full bg-[#E4E5E6]"}),e(p,{tabs:s,renderRating:r,onSpyNavItemClick:o})]})]})};var g=u(f);export{g as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PurchaseBar/index.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react'\nimport { Text, Heading, Button, Container } from '../../../../components/index.js'\nimport type { PurchaseBarProps } from './types.js'\nimport { ProductActions } from '../index.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport ScrollSpyNav from './ScrollSpyNav/index.js'\nimport { withLayout } from '../../../../shared/Styles.js'\n\nconst PurchaseBar = ({ onSpyNavItemClick }: PurchaseBarProps) => {\n  const { product, renderRating } = useBizProductContext()\n\n  const PurchaseBarData = useMemo(() => {\n    return product?.payload?.components?.find((item: any) => item.componentKey === 'PurchaseBar')?.data || []\n  }, [product?.payload])\n\n  return (\n    <div id=\"purchase-bar\" className=\"sticky left-0 top-0 z-[45] w-full border-b border-[#E4E5E6] bg-white\">\n      <Container>\n        <div className=\"tablet:justify-between tablet:gap-0 tablet:w-full flex items-center gap-[10px]\">\n          <div className=\"desktop:pt-6 desktop:pb-0 tablet:flex-none flex-1 py-3\">\n            <Heading\n              size={2}\n              className=\"tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px] line-clamp-2\"\n              html={product?.title}\n            />\n            <div className=\"desktop:flex mt-3 hidden items-center justify-between gap-8\">\n              <ScrollSpyNav\n                tabs={PurchaseBarData}\n                className=\"\"\n                renderRating={renderRating}\n                onSpyNavItemClick={onSpyNavItemClick}\n              />\n            </div>\n          </div>\n          <div className=\"desktop:block hidden\">\n            <ProductActions />\n          </div>\n        </div>\n      </Container>\n      <Container className=\"desktop:hidden relative\">\n        <div className=\"absolute left-0 top-0 h-px w-full bg-[#E4E5E6]\"></div>\n        <ScrollSpyNav tabs={PurchaseBarData} renderRating={renderRating} onSpyNavItemClick={onSpyNavItemClick} />\n      </Container>\n    </div>\n  )\n}\n\nexport default withLayout(PurchaseBar)\n"],
-  "mappings": "AAmBU,OACE,OAAAA,EADF,QAAAC,MAAA,oBAnBV,OAAS,WAAAC,MAAe,QACxB,OAAe,WAAAC,EAAiB,aAAAC,MAAiB,kCAEjD,OAAS,kBAAAC,MAAsB,cAC/B,OAAS,wBAAAC,MAA4B,8BACrC,OAAOC,MAAkB,0BACzB,OAAS,cAAAC,MAAkB,+BAE3B,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAa,EAAIN,EAAqB,EAEjDO,EAAkBX,EAAQ,IACvBS,GAAS,SAAS,YAAY,KAAMG,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACH,GAAS,OAAO,CAAC,EAErB,OACEV,EAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,UAAAD,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,iFACb,UAAAA,EAAC,OAAI,UAAU,yDACb,UAAAD,EAACG,EAAA,CACC,KAAM,EACN,UAAU,mFACV,KAAMQ,GAAS,MACjB,EACAX,EAAC,OAAI,UAAU,8DACb,SAAAA,EAACO,EAAA,CACC,KAAMM,EACN,UAAU,GACV,aAAcD,EACd,kBAAmBF,EACrB,EACF,GACF,EACAV,EAAC,OAAI,UAAU,uBACb,SAAAA,EAACK,EAAA,EAAe,EAClB,GACF,EACF,EACAJ,EAACG,EAAA,CAAU,UAAU,0BACnB,UAAAJ,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAACO,EAAA,CAAa,KAAMM,EAAiB,aAAcD,EAAc,kBAAmBF,EAAmB,GACzG,GACF,CAEJ,EAEA,IAAOK,EAAQP,EAAWC,CAAW",
+  "sourcesContent": ["import { useMemo } from 'react'\nimport { Text, Heading, Button, Container } from '../../../../components/index.js'\nimport type { PurchaseBarProps } from './types.js'\nimport { ProductActions } from '../index.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport ScrollSpyNav from './ScrollSpyNav/index.js'\nimport { withLayout } from '../../../../shared/Styles.js'\n\nconst PurchaseBar = ({ onSpyNavItemClick }: PurchaseBarProps) => {\n  const { product, renderRating } = useBizProductContext()\n\n  const PurchaseBarData = useMemo(() => {\n    return product?.payload?.components?.find((item: any) => item.componentKey === 'PurchaseBar')?.data || []\n  }, [product?.payload])\n\n  return (\n    <div id=\"purchase-bar\" className=\"sticky left-0 top-0 z-[45] w-full border-b border-[#E4E5E6] bg-white\">\n      <Container>\n        <div className=\"tablet:justify-between desktop:gap-16 tablet:gap-0 tablet:w-full flex flex-wrap items-center gap-[10px]\">\n          <div className=\"desktop:pt-6 desktop:pb-0 min-w-0 flex-1 py-3\">\n            <Heading\n              size={2}\n              className=\"tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px] line-clamp-2\"\n              html={product?.title}\n            />\n            <div className=\"desktop:block mt-3 hidden\">\n              <ScrollSpyNav\n                tabs={PurchaseBarData}\n                className=\"\"\n                renderRating={renderRating}\n                onSpyNavItemClick={onSpyNavItemClick}\n              />\n            </div>\n          </div>\n          <div className=\"desktop:block hidden shrink-0\">\n            <ProductActions />\n          </div>\n        </div>\n      </Container>\n      <Container className=\"desktop:hidden relative\">\n        <div className=\"absolute left-0 top-0 h-px w-full bg-[#E4E5E6]\"></div>\n        <ScrollSpyNav tabs={PurchaseBarData} renderRating={renderRating} onSpyNavItemClick={onSpyNavItemClick} />\n      </Container>\n    </div>\n  )\n}\n\nexport default withLayout(PurchaseBar)\n"],
+  "mappings": "AAmBU,OACE,OAAAA,EADF,QAAAC,MAAA,oBAnBV,OAAS,WAAAC,MAAe,QACxB,OAAe,WAAAC,EAAiB,aAAAC,MAAiB,kCAEjD,OAAS,kBAAAC,MAAsB,cAC/B,OAAS,wBAAAC,MAA4B,8BACrC,OAAOC,MAAkB,0BACzB,OAAS,cAAAC,MAAkB,+BAE3B,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAa,EAAIN,EAAqB,EAEjDO,EAAkBX,EAAQ,IACvBS,GAAS,SAAS,YAAY,KAAMG,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACH,GAAS,OAAO,CAAC,EAErB,OACEV,EAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,UAAAD,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,0GACb,UAAAA,EAAC,OAAI,UAAU,gDACb,UAAAD,EAACG,EAAA,CACC,KAAM,EACN,UAAU,mFACV,KAAMQ,GAAS,MACjB,EACAX,EAAC,OAAI,UAAU,4BACb,SAAAA,EAACO,EAAA,CACC,KAAMM,EACN,UAAU,GACV,aAAcD,EACd,kBAAmBF,EACrB,EACF,GACF,EACAV,EAAC,OAAI,UAAU,gCACb,SAAAA,EAACK,EAAA,EAAe,EAClB,GACF,EACF,EACAJ,EAACG,EAAA,CAAU,UAAU,0BACnB,UAAAJ,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAACO,EAAA,CAAa,KAAMM,EAAiB,aAAcD,EAAc,kBAAmBF,EAAmB,GACzG,GACF,CAEJ,EAEA,IAAOK,EAAQP,EAAWC,CAAW",
   "names": ["jsx", "jsxs", "useMemo", "Heading", "Container", "ProductActions", "useBizProductContext", "ScrollSpyNav", "withLayout", "PurchaseBar", "onSpyNavItemClick", "product", "renderRating", "PurchaseBarData", "item", "PurchaseBar_default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",