@mjhls/mjh-framework 1.0.897 → 1.0.899
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/README.md +1 -1
- package/dist/cjs/AlgoliaSearch.js +12 -11
- package/dist/cjs/DeckContent.js +7 -4
- package/dist/esm/AlgoliaSearch.js +12 -11
- package/dist/esm/DeckContent.js +7 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# mjh-framework v. 1.0.
|
|
1
|
+
# mjh-framework v. 1.0.899
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/mjh-framework) [](https://standardjs.com)
|
|
4
4
|
|
|
@@ -10490,7 +10490,7 @@ connectBreadcrumb(BreadcrumbWidget);
|
|
|
10490
10490
|
|
|
10491
10491
|
var cx$n = createClassNames('ClearRefinements');
|
|
10492
10492
|
|
|
10493
|
-
var ClearRefinements =
|
|
10493
|
+
var ClearRefinements$1 =
|
|
10494
10494
|
/*#__PURE__*/
|
|
10495
10495
|
function (_Component) {
|
|
10496
10496
|
_inherits(ClearRefinements, _Component);
|
|
@@ -10525,7 +10525,7 @@ function (_Component) {
|
|
|
10525
10525
|
return ClearRefinements;
|
|
10526
10526
|
}(React.Component);
|
|
10527
10527
|
|
|
10528
|
-
_defineProperty(ClearRefinements, "propTypes", {
|
|
10528
|
+
_defineProperty(ClearRefinements$1, "propTypes", {
|
|
10529
10529
|
items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object).isRequired,
|
|
10530
10530
|
canRefine: PropTypes__default['default'].bool.isRequired,
|
|
10531
10531
|
refine: PropTypes__default['default'].func.isRequired,
|
|
@@ -10533,13 +10533,13 @@ _defineProperty(ClearRefinements, "propTypes", {
|
|
|
10533
10533
|
className: PropTypes__default['default'].string
|
|
10534
10534
|
});
|
|
10535
10535
|
|
|
10536
|
-
_defineProperty(ClearRefinements, "defaultProps", {
|
|
10536
|
+
_defineProperty(ClearRefinements$1, "defaultProps", {
|
|
10537
10537
|
className: ''
|
|
10538
10538
|
});
|
|
10539
10539
|
|
|
10540
|
-
var ClearRefinements$
|
|
10540
|
+
var ClearRefinements$2 = translatable({
|
|
10541
10541
|
reset: 'Clear all filters'
|
|
10542
|
-
})(ClearRefinements);
|
|
10542
|
+
})(ClearRefinements$1);
|
|
10543
10543
|
|
|
10544
10544
|
/**
|
|
10545
10545
|
* The ClearRefinements widget displays a button that lets the user clean every refinement applied
|
|
@@ -10576,10 +10576,10 @@ var ClearRefinements$1 = translatable({
|
|
|
10576
10576
|
*/
|
|
10577
10577
|
|
|
10578
10578
|
var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
|
|
10579
|
-
return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(ClearRefinements$
|
|
10579
|
+
return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(ClearRefinements$2, props));
|
|
10580
10580
|
};
|
|
10581
10581
|
|
|
10582
|
-
connectCurrentRefinements(ClearRefinementsWidget);
|
|
10582
|
+
var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
|
|
10583
10583
|
|
|
10584
10584
|
var cx$m = createClassNames('CurrentRefinements');
|
|
10585
10585
|
var CurrentRefinements = function CurrentRefinements(_ref) {
|
|
@@ -14302,10 +14302,11 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14302
14302
|
this.props.refinementAttributes.map(function (item, index) {
|
|
14303
14303
|
return React__default['default'].createElement(
|
|
14304
14304
|
reactBootstrap.DropdownButton,
|
|
14305
|
-
{ title: item.title },
|
|
14306
|
-
React__default['default'].createElement(RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
|
|
14305
|
+
{ align: 'end', title: item.title },
|
|
14306
|
+
React__default['default'].createElement(RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
|
|
14307
14307
|
);
|
|
14308
|
-
})
|
|
14308
|
+
}),
|
|
14309
|
+
React__default['default'].createElement(ClearRefinements, null)
|
|
14309
14310
|
),
|
|
14310
14311
|
React__default['default'].createElement(
|
|
14311
14312
|
'div',
|
|
@@ -14319,7 +14320,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14319
14320
|
React__default['default'].createElement(
|
|
14320
14321
|
'style',
|
|
14321
14322
|
{ jsx: 'true' },
|
|
14322
|
-
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: 0.5rem;\n width: 100%;\n }\n .custom-search-img{\n max-width: 130px;\n }\n @media only screen and (max-width: 568px) {\n .custom-search-img {\n max-width: 80px;\n }\n .hitResult {\n
|
|
14323
|
+
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: 0.5rem;\n width: 100%;\n }\n .custom-search-img{\n max-width: 130px;\n }\n @media only screen and (max-width: 568px) {\n .custom-search-img {\n max-width: 80px;\n }\n .hitResult {\n align-items: center;\n border: none;\n padding: 0;\n flex-direction: column;\n }\n .hitResult > a:first-child {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .search_refinement {\n flex-wrap: wrap;\n }\n .dropdown{\n margin-bottom: 1rem;\n }\n .ais-SearchBox-form{\n display: flex;\n }\n .ais-RefinementList-list {\n width: 95vw;\n }\n .ais-SearchBox-input {\n width: calc(100vw - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n }\n }\n .AlgoliaResults {\n padding-left: 15px;\n margin-top: 3rem;\n }\n\n .search_refinement {\n display: flex;\n margin: 2rem 0;\n align-items: center;\n }\n\n .search_refinement > div {\n padding-right: 1rem;\n max-height: 500px;\n align-self: flex-start;\n }\n\n .ais-Hits-list {\n margin: 0;\n list-style: none;\n padding-inline-start: 0;\n }\n .ais-Pagination-list {\n list-style: none;\n }\n .ais-Pagination-list {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n .ais-Pagination-item + .ais-Pagination-item {\n margin-left: 0.3rem;\n }\n .ais-Pagination-link {\n padding: 0.3rem 0.6rem;\n display: block;\n border: 1px solid var(--search-primary);\n border-radius: 5px;\n transition: background-color 0.2s ease-out;\n }\n .ais-Pagination-link:focus,\n .ais-Pagination-link:hover {\n background-color: var(--search-secondary);\n color: #fff;\n }\n .ais-Pagination-item--disabled .ais-Pagination-link {\n opacity: 0.6;\n cursor: not-allowed;\n color: var(--search-secondary);\n }\n .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n color: #fff;\n background-color: var(--search-secondary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link {\n color: #fff;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link:focus,\n .ais-Pagination-item--selected .ais-Pagination-link:hover {\n color: #fff;\n }\n .ais-Pagination-list,\n .ais-Results-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .ais-Pagination-list,\n .ais-PoweredBy,\n .ais-RangeInput-form,\n .ais-RatingMenu-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n .ais-RefinementList{\n min-width: 325px;\n }\n .ais-RefinementList-item {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .ais-RefinementList-list {\n margin: 1rem 0;\n padding: 0 1rem;\n width: 100%;\n }\n .ais-SearchBox-form {\n width: 100%;\n border-radius: 5px;\n height: 48px;\n text-align: center\'\n }\n .ais-SearchBox-input {\n padding: 0.5rem;\n border-radius: 5px;\n width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n min-width: 225px;\n height: 48px;\n border: 0;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit {\n width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n border-radius: 5px;\n padding: 7px;\n margin-left: 5px;\n height: 48px;\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit > svg {\n fill: #fff;\n }\n .search_refinement > .dropdown > button {\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n\n .ais-SearchBox-reset {\n height: 48px;\n width: 48px;\n color: #fff;\n background-color: var(--search-primary);\n border: 0;\n margin-left: 5px;\n border-radius: 5px;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-reset > svg {\n fill: #fff;\n }\n .ais-RefinementList-checkbox {\n margin-right: 5px;\n }\n .ais-ClearRefinements-button{\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n color: #fff;\n padding: 7px;\n }\n .ais-RefinementList-showMore {\n padding: 0.5rem;\n border: 0;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n color: #fff;\n border: 1px solid;\n border-radius: 5px;\n margin-left: 1rem;\n }\n '
|
|
14323
14324
|
)
|
|
14324
14325
|
);
|
|
14325
14326
|
}
|
package/dist/cjs/DeckContent.js
CHANGED
|
@@ -243,6 +243,8 @@ var DeckContent = function (_React$Component) {
|
|
|
243
243
|
}
|
|
244
244
|
} else return null;
|
|
245
245
|
}, _this.cardLoader = function (page, columns, variant, showBI, brandInsight) {
|
|
246
|
+
var biStart = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 3;
|
|
247
|
+
|
|
246
248
|
var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
|
|
247
249
|
|
|
248
250
|
var itemCounter = 0;
|
|
@@ -256,7 +258,7 @@ var DeckContent = function (_React$Component) {
|
|
|
256
258
|
if (showBI) {
|
|
257
259
|
var data = _this.state.data;
|
|
258
260
|
articles = data;
|
|
259
|
-
var pos =
|
|
261
|
+
var pos = biStart;
|
|
260
262
|
for (var i = 1; pos < articles.length; i++) {
|
|
261
263
|
var inFeedAd = {
|
|
262
264
|
adUnit: brandInsight.adUnit,
|
|
@@ -422,7 +424,8 @@ var DeckContent = function (_React$Component) {
|
|
|
422
424
|
autoScroll = _props.autoScroll,
|
|
423
425
|
page = _props.page,
|
|
424
426
|
showBI = _props.showBI,
|
|
425
|
-
brandInsight = _props.brandInsight
|
|
427
|
+
brandInsight = _props.brandInsight,
|
|
428
|
+
biStart = _props.biStart;
|
|
426
429
|
|
|
427
430
|
|
|
428
431
|
return React__default['default'].createElement(
|
|
@@ -437,7 +440,7 @@ var DeckContent = function (_React$Component) {
|
|
|
437
440
|
React__default['default'].createElement(
|
|
438
441
|
Container__default['default'],
|
|
439
442
|
null,
|
|
440
|
-
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
443
|
+
this.cardLoader(page, columns, variant, showBI, brandInsight, biStart)
|
|
441
444
|
)
|
|
442
445
|
),
|
|
443
446
|
React__default['default'].createElement(
|
|
@@ -451,7 +454,7 @@ var DeckContent = function (_React$Component) {
|
|
|
451
454
|
React__default['default'].createElement(
|
|
452
455
|
Container__default['default'],
|
|
453
456
|
null,
|
|
454
|
-
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
457
|
+
this.cardLoader(page, columns, variant, showBI, brandInsight, biStart)
|
|
455
458
|
),
|
|
456
459
|
React__default['default'].createElement(
|
|
457
460
|
'div',
|
|
@@ -10483,7 +10483,7 @@ connectBreadcrumb(BreadcrumbWidget);
|
|
|
10483
10483
|
|
|
10484
10484
|
var cx$n = createClassNames('ClearRefinements');
|
|
10485
10485
|
|
|
10486
|
-
var ClearRefinements =
|
|
10486
|
+
var ClearRefinements$1 =
|
|
10487
10487
|
/*#__PURE__*/
|
|
10488
10488
|
function (_Component) {
|
|
10489
10489
|
_inherits(ClearRefinements, _Component);
|
|
@@ -10518,7 +10518,7 @@ function (_Component) {
|
|
|
10518
10518
|
return ClearRefinements;
|
|
10519
10519
|
}(Component);
|
|
10520
10520
|
|
|
10521
|
-
_defineProperty(ClearRefinements, "propTypes", {
|
|
10521
|
+
_defineProperty(ClearRefinements$1, "propTypes", {
|
|
10522
10522
|
items: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
10523
10523
|
canRefine: PropTypes.bool.isRequired,
|
|
10524
10524
|
refine: PropTypes.func.isRequired,
|
|
@@ -10526,13 +10526,13 @@ _defineProperty(ClearRefinements, "propTypes", {
|
|
|
10526
10526
|
className: PropTypes.string
|
|
10527
10527
|
});
|
|
10528
10528
|
|
|
10529
|
-
_defineProperty(ClearRefinements, "defaultProps", {
|
|
10529
|
+
_defineProperty(ClearRefinements$1, "defaultProps", {
|
|
10530
10530
|
className: ''
|
|
10531
10531
|
});
|
|
10532
10532
|
|
|
10533
|
-
var ClearRefinements$
|
|
10533
|
+
var ClearRefinements$2 = translatable({
|
|
10534
10534
|
reset: 'Clear all filters'
|
|
10535
|
-
})(ClearRefinements);
|
|
10535
|
+
})(ClearRefinements$1);
|
|
10536
10536
|
|
|
10537
10537
|
/**
|
|
10538
10538
|
* The ClearRefinements widget displays a button that lets the user clean every refinement applied
|
|
@@ -10569,10 +10569,10 @@ var ClearRefinements$1 = translatable({
|
|
|
10569
10569
|
*/
|
|
10570
10570
|
|
|
10571
10571
|
var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
|
|
10572
|
-
return React__default.createElement(PanelWrapper, props, React__default.createElement(ClearRefinements$
|
|
10572
|
+
return React__default.createElement(PanelWrapper, props, React__default.createElement(ClearRefinements$2, props));
|
|
10573
10573
|
};
|
|
10574
10574
|
|
|
10575
|
-
connectCurrentRefinements(ClearRefinementsWidget);
|
|
10575
|
+
var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
|
|
10576
10576
|
|
|
10577
10577
|
var cx$m = createClassNames('CurrentRefinements');
|
|
10578
10578
|
var CurrentRefinements = function CurrentRefinements(_ref) {
|
|
@@ -14295,10 +14295,11 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14295
14295
|
this.props.refinementAttributes.map(function (item, index) {
|
|
14296
14296
|
return React__default.createElement(
|
|
14297
14297
|
DropdownButton,
|
|
14298
|
-
{ title: item.title },
|
|
14299
|
-
React__default.createElement(RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
|
|
14298
|
+
{ align: 'end', title: item.title },
|
|
14299
|
+
React__default.createElement(RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
|
|
14300
14300
|
);
|
|
14301
|
-
})
|
|
14301
|
+
}),
|
|
14302
|
+
React__default.createElement(ClearRefinements, null)
|
|
14302
14303
|
),
|
|
14303
14304
|
React__default.createElement(
|
|
14304
14305
|
'div',
|
|
@@ -14312,7 +14313,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14312
14313
|
React__default.createElement(
|
|
14313
14314
|
'style',
|
|
14314
14315
|
{ jsx: 'true' },
|
|
14315
|
-
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: 0.5rem;\n width: 100%;\n }\n .custom-search-img{\n max-width: 130px;\n }\n @media only screen and (max-width: 568px) {\n .custom-search-img {\n max-width: 80px;\n }\n .hitResult {\n
|
|
14316
|
+
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: 0.5rem;\n width: 100%;\n }\n .custom-search-img{\n max-width: 130px;\n }\n @media only screen and (max-width: 568px) {\n .custom-search-img {\n max-width: 80px;\n }\n .hitResult {\n align-items: center;\n border: none;\n padding: 0;\n flex-direction: column;\n }\n .hitResult > a:first-child {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .search_refinement {\n flex-wrap: wrap;\n }\n .dropdown{\n margin-bottom: 1rem;\n }\n .ais-SearchBox-form{\n display: flex;\n }\n .ais-RefinementList-list {\n width: 95vw;\n }\n .ais-SearchBox-input {\n width: calc(100vw - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n }\n }\n .AlgoliaResults {\n padding-left: 15px;\n margin-top: 3rem;\n }\n\n .search_refinement {\n display: flex;\n margin: 2rem 0;\n align-items: center;\n }\n\n .search_refinement > div {\n padding-right: 1rem;\n max-height: 500px;\n align-self: flex-start;\n }\n\n .ais-Hits-list {\n margin: 0;\n list-style: none;\n padding-inline-start: 0;\n }\n .ais-Pagination-list {\n list-style: none;\n }\n .ais-Pagination-list {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n .ais-Pagination-item + .ais-Pagination-item {\n margin-left: 0.3rem;\n }\n .ais-Pagination-link {\n padding: 0.3rem 0.6rem;\n display: block;\n border: 1px solid var(--search-primary);\n border-radius: 5px;\n transition: background-color 0.2s ease-out;\n }\n .ais-Pagination-link:focus,\n .ais-Pagination-link:hover {\n background-color: var(--search-secondary);\n color: #fff;\n }\n .ais-Pagination-item--disabled .ais-Pagination-link {\n opacity: 0.6;\n cursor: not-allowed;\n color: var(--search-secondary);\n }\n .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n color: #fff;\n background-color: var(--search-secondary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link {\n color: #fff;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link:focus,\n .ais-Pagination-item--selected .ais-Pagination-link:hover {\n color: #fff;\n }\n .ais-Pagination-list,\n .ais-Results-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .ais-Pagination-list,\n .ais-PoweredBy,\n .ais-RangeInput-form,\n .ais-RatingMenu-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n .ais-RefinementList{\n min-width: 325px;\n }\n .ais-RefinementList-item {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .ais-RefinementList-list {\n margin: 1rem 0;\n padding: 0 1rem;\n width: 100%;\n }\n .ais-SearchBox-form {\n width: 100%;\n border-radius: 5px;\n height: 48px;\n text-align: center\'\n }\n .ais-SearchBox-input {\n padding: 0.5rem;\n border-radius: 5px;\n width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n min-width: 225px;\n height: 48px;\n border: 0;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit {\n width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n border-radius: 5px;\n padding: 7px;\n margin-left: 5px;\n height: 48px;\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit > svg {\n fill: #fff;\n }\n .search_refinement > .dropdown > button {\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n\n .ais-SearchBox-reset {\n height: 48px;\n width: 48px;\n color: #fff;\n background-color: var(--search-primary);\n border: 0;\n margin-left: 5px;\n border-radius: 5px;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-reset > svg {\n fill: #fff;\n }\n .ais-RefinementList-checkbox {\n margin-right: 5px;\n }\n .ais-ClearRefinements-button{\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n color: #fff;\n padding: 7px;\n }\n .ais-RefinementList-showMore {\n padding: 0.5rem;\n border: 0;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n color: #fff;\n border: 1px solid;\n border-radius: 5px;\n margin-left: 1rem;\n }\n '
|
|
14316
14317
|
)
|
|
14317
14318
|
);
|
|
14318
14319
|
}
|
package/dist/esm/DeckContent.js
CHANGED
|
@@ -233,6 +233,8 @@ var DeckContent = function (_React$Component) {
|
|
|
233
233
|
}
|
|
234
234
|
} else return null;
|
|
235
235
|
}, _this.cardLoader = function (page, columns, variant, showBI, brandInsight) {
|
|
236
|
+
var biStart = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 3;
|
|
237
|
+
|
|
236
238
|
var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
|
|
237
239
|
|
|
238
240
|
var itemCounter = 0;
|
|
@@ -246,7 +248,7 @@ var DeckContent = function (_React$Component) {
|
|
|
246
248
|
if (showBI) {
|
|
247
249
|
var data = _this.state.data;
|
|
248
250
|
articles = data;
|
|
249
|
-
var pos =
|
|
251
|
+
var pos = biStart;
|
|
250
252
|
for (var i = 1; pos < articles.length; i++) {
|
|
251
253
|
var inFeedAd = {
|
|
252
254
|
adUnit: brandInsight.adUnit,
|
|
@@ -412,7 +414,8 @@ var DeckContent = function (_React$Component) {
|
|
|
412
414
|
autoScroll = _props.autoScroll,
|
|
413
415
|
page = _props.page,
|
|
414
416
|
showBI = _props.showBI,
|
|
415
|
-
brandInsight = _props.brandInsight
|
|
417
|
+
brandInsight = _props.brandInsight,
|
|
418
|
+
biStart = _props.biStart;
|
|
416
419
|
|
|
417
420
|
|
|
418
421
|
return React__default.createElement(
|
|
@@ -427,7 +430,7 @@ var DeckContent = function (_React$Component) {
|
|
|
427
430
|
React__default.createElement(
|
|
428
431
|
Container,
|
|
429
432
|
null,
|
|
430
|
-
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
433
|
+
this.cardLoader(page, columns, variant, showBI, brandInsight, biStart)
|
|
431
434
|
)
|
|
432
435
|
),
|
|
433
436
|
React__default.createElement(
|
|
@@ -441,7 +444,7 @@ var DeckContent = function (_React$Component) {
|
|
|
441
444
|
React__default.createElement(
|
|
442
445
|
Container,
|
|
443
446
|
null,
|
|
444
|
-
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
447
|
+
this.cardLoader(page, columns, variant, showBI, brandInsight, biStart)
|
|
445
448
|
),
|
|
446
449
|
React__default.createElement(
|
|
447
450
|
'div',
|