pb-sxp-ui 1.0.82 → 1.0.84
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.
- package/dist/index.cjs +13 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +92 -93
- package/dist/index.js +13 -11
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +13 -11
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +2 -2
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/Consent/index.d.ts +0 -1
- package/es/core/components/Consent/index.js +0 -1
- package/es/core/components/SxpPageRender/WaterFall/List.js +6 -5
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +6 -5
- package/lib/core/components/Consent/index.d.ts +0 -1
- package/lib/core/components/Consent/index.js +0 -1
- package/lib/core/components/SxpPageRender/WaterFall/List.js +6 -5
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +6 -5
- package/package.json +1 -1
@@ -1,7 +1,6 @@
|
|
1
1
|
import React, { memo, useEffect, useMemo } from 'react';
|
2
2
|
import qs from 'qs';
|
3
3
|
import { useSxpDataSource } from '../../../core/hooks';
|
4
|
-
import './index.less';
|
5
4
|
import { AGREE_POLICY } from '../../../core/utils/localStore';
|
6
5
|
const Consent = ({ width = window.innerWidth, height = window.innerHeight, privacy_title, privacy_context, privacy_policy_url, privacy_policy_title }) => {
|
7
6
|
const { setIsAgreePolicy, bffEventReport } = useSxpDataSource();
|
@@ -170,11 +170,12 @@ export default function WaterfallList(_a) {
|
|
170
170
|
return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
171
171
|
React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'list' },
|
172
172
|
React.createElement("div", { className: 'list-scroll', ref: containerRef },
|
173
|
-
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement(
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
173
|
+
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement("div", { onClick: handleClickLink },
|
174
|
+
React.createElement(FormatImage, { className: css({
|
175
|
+
width: '100%',
|
176
|
+
objectFit: 'cover',
|
177
|
+
marginBottom: '20px'
|
178
|
+
}), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
|
178
179
|
React.createElement("div", { className: 'list-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
|
179
180
|
React.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'list-collection', onClick: handleClickLink, style: Object.assign(Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), { marginBottom: props === null || props === void 0 ? void 0 : props.space }) }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
|
180
181
|
React.createElement("div", { className: 'list-content' }, list === null || list === void 0 ? void 0 : list.map((item, ind) => {
|
@@ -313,11 +313,12 @@ export default function WaterfallList(_a) {
|
|
313
313
|
return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
314
314
|
React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'waterFallList', ref: waterfallFlowDom },
|
315
315
|
React.createElement("div", { className: 'waterFallList-scroll', ref: scrollParent },
|
316
|
-
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement(
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
|
316
|
+
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (React.createElement("div", { onClick: handleClickLink },
|
317
|
+
React.createElement(FormatImage, { className: css({
|
318
|
+
width: '100%',
|
319
|
+
objectFit: 'cover',
|
320
|
+
marginBottom: '20px'
|
321
|
+
}), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
|
321
322
|
React.createElement("div", { className: 'waterFallList-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
|
322
323
|
React.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'waterFallList-collection', style: Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), onClick: handleClickLink }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
|
323
324
|
React.createElement("div", { className: 'waterFallList-content' }, list === null || list === void 0 ? void 0 :
|
@@ -4,7 +4,6 @@ const tslib_1 = require("tslib");
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
5
5
|
const qs_1 = tslib_1.__importDefault(require("qs"));
|
6
6
|
const hooks_1 = require("../../../core/hooks");
|
7
|
-
require("./index.less");
|
8
7
|
const localStore_1 = require("../../../core/utils/localStore");
|
9
8
|
const Consent = ({ width = window.innerWidth, height = window.innerHeight, privacy_title, privacy_context, privacy_policy_url, privacy_policy_title }) => {
|
10
9
|
const { setIsAgreePolicy, bffEventReport } = (0, hooks_1.useSxpDataSource)();
|
@@ -172,11 +172,12 @@ function WaterfallList(_a) {
|
|
172
172
|
return (react_1.default.createElement(react_1.default.Fragment, null, isLoadingData ? (react_1.default.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
173
173
|
react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.createElement("div", { className: 'list' },
|
174
174
|
react_1.default.createElement("div", { className: 'list-scroll', ref: containerRef },
|
175
|
-
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (react_1.default.createElement(
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
175
|
+
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (react_1.default.createElement("div", { onClick: handleClickLink },
|
176
|
+
react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)({
|
177
|
+
width: '100%',
|
178
|
+
objectFit: 'cover',
|
179
|
+
marginBottom: '20px'
|
180
|
+
}), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
|
180
181
|
react_1.default.createElement("div", { className: 'list-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
|
181
182
|
react_1.default.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'list-collection', onClick: handleClickLink, style: Object.assign(Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), { marginBottom: props === null || props === void 0 ? void 0 : props.space }) }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
|
182
183
|
react_1.default.createElement("div", { className: 'list-content' }, list === null || list === void 0 ? void 0 : list.map((item, ind) => {
|
@@ -315,11 +315,12 @@ function WaterfallList(_a) {
|
|
315
315
|
return (react_1.default.createElement(react_1.default.Fragment, null, isLoadingData ? (react_1.default.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
316
316
|
react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.createElement("div", { className: 'waterFallList', ref: waterfallFlowDom },
|
317
317
|
react_1.default.createElement("div", { className: 'waterFallList-scroll', ref: scrollParent },
|
318
|
-
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (react_1.default.createElement(
|
319
|
-
|
320
|
-
|
321
|
-
|
322
|
-
|
318
|
+
showBanner && ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.picture) && (react_1.default.createElement("div", { onClick: handleClickLink },
|
319
|
+
react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)({
|
320
|
+
width: '100%',
|
321
|
+
objectFit: 'cover',
|
322
|
+
marginBottom: '20px'
|
323
|
+
}), src: (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.picture }))),
|
323
324
|
react_1.default.createElement("div", { className: 'waterFallList-info', style: (_d = props === null || props === void 0 ? void 0 : props.textStyles) === null || _d === void 0 ? void 0 : _d.hashTagDesc }, (_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.info),
|
324
325
|
react_1.default.createElement("div", { hidden: !((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.link), className: 'waterFallList-collection', style: Object.assign({}, (_g = props === null || props === void 0 ? void 0 : props.textStyles) === null || _g === void 0 ? void 0 : _g.hashTagLink), onClick: handleClickLink }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection'),
|
325
326
|
react_1.default.createElement("div", { className: 'waterFallList-content' }, list === null || list === void 0 ? void 0 :
|