@usereactify/search 5.0.0-beta.8 → 5.0.0-beta.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.
- package/CHANGELOG.md +7 -0
- package/dist/package.json +1 -1
- package/dist/src/components/Example/ExampleFilterList.js +9 -8
- package/dist/src/components/Example/ExampleFilterList.js.map +1 -1
- package/dist/src/components/Example/ExampleFilterRange.js +1 -1
- package/dist/src/components/Example/ExampleFilterRange.js.map +1 -1
- package/dist/src/components/Example/ExampleFilterSlider.js +1 -1
- package/dist/src/components/Example/ExampleFilterSlider.js.map +1 -1
- package/dist/src/components/Example/ExampleResultCardCallout.js +4 -4
- package/dist/src/components/Example/ExampleResultCardCallout.js.map +1 -1
- package/dist/src/components/Example/ExampleResultCardProduct.js +6 -6
- package/dist/src/components/Example/ExampleResultCardProduct.js.map +1 -1
- package/dist/src/components/Example/ExampleResultPaginationLoadMore.js +1 -1
- package/dist/src/components/Example/ExampleResultPaginationLoadMore.js.map +1 -1
- package/dist/src/components/Example/ExampleResultPaginationNextPrev.js +3 -3
- package/dist/src/components/Example/ExampleResultPaginationNextPrev.js.map +1 -1
- package/dist/src/components/Example/ExampleResultPaginationNumbered.js +6 -6
- package/dist/src/components/Example/ExampleResultPaginationNumbered.js.map +1 -1
- package/dist/src/components/Example/ExampleSortby.js +1 -1
- package/dist/src/components/Example/ExampleSortby.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [5.0.0-beta.9](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.8...v5.0.0-beta.9) (2022-07-27)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add classnames for styling to default components ([75997e2](https://bitbucket.org/usereactify/reactify-search-ui/commit/75997e25756595401401de42e9aa29b235581645))
|
|
11
|
+
|
|
5
12
|
## [5.0.0-beta.8](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.7...v5.0.0-beta.8) (2022-07-27)
|
|
6
13
|
|
|
7
14
|
|
package/dist/package.json
CHANGED
|
@@ -7,14 +7,15 @@ exports.ExampleFilterList = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleFilterList = (props) => {
|
|
9
9
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
-
react_1.default.createElement("h3",
|
|
11
|
-
react_1.default.createElement("ul",
|
|
12
|
-
react_1.default.createElement("label",
|
|
13
|
-
react_1.default.createElement("input", { value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
|
|
14
|
-
option.key,
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
|
|
11
|
+
react_1.default.createElement("ul", { className: "rs__filter__list" }, props.filterListProps.options.map((option) => (react_1.default.createElement("li", { key: option.key, className: "rs__filter__list-item" },
|
|
12
|
+
react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
|
|
13
|
+
react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
|
|
14
|
+
react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.key),
|
|
15
|
+
react_1.default.createElement("span", { className: "rs__filter__list-item-count" },
|
|
16
|
+
"(",
|
|
17
|
+
option.doc_count,
|
|
18
|
+
")"))))))));
|
|
18
19
|
};
|
|
19
20
|
exports.ExampleFilterList = ExampleFilterList;
|
|
20
21
|
//# sourceMappingURL=ExampleFilterList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleFilterList.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO,CACL;QACE,
|
|
1
|
+
{"version":3,"file":"ExampleFilterList.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO,CACL;QACE,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAC,uBAAuB;YACpD,yCAAO,SAAS,EAAC,6BAA6B;gBAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAClC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,GAE3C;gBACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,GAAG,CAAQ;gBAC/D,wCAAM,SAAS,EAAC,6BAA6B;;oBACzC,MAAM,CAAC,SAAS;wBACb,CACD,CACL,CACN,CAAC,CACC,CACJ,CACJ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B","sourcesContent":["import React from \"react\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterListProps = React.ComponentProps<\n NonNullable<FilterProps[\"renderFilterList\"]>\n>;\n\nexport const ExampleFilterList: React.FC<ExampleFilterListProps> = (props) => {\n return (\n <>\n <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n <ul className=\"rs__filter__list\">\n {props.filterListProps.options.map((option) => (\n <li key={option.key} className=\"rs__filter__list-item\">\n <label className=\"rs__filter__list-item-label\">\n <input\n className=\"rs__filter__list-item-input\"\n value={option.key}\n type=\"checkbox\"\n checked={option.checked}\n onChange={({ target: { value } }) =>\n props.filterListProps.handleChange(value)\n }\n />\n <span className=\"rs__filter__list-item-key\">{option.key}</span>\n <span className=\"rs__filter__list-item-count\">\n ({option.doc_count})\n </span>\n </label>\n </li>\n ))}\n </ul>\n </>\n );\n};\n"]}
|
|
@@ -9,7 +9,7 @@ const SingleRange_1 = __importDefault(require("@appbaseio/reactivesearch/lib/com
|
|
|
9
9
|
const ExampleFilterRange = (props) => {
|
|
10
10
|
if (props.filter.handle === "price") {
|
|
11
11
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement("h3",
|
|
12
|
+
react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
|
|
13
13
|
react_1.default.createElement(SingleRange_1.default, Object.assign({ data: [
|
|
14
14
|
{ start: "0", label: "All prices" },
|
|
15
15
|
{ start: "0", end: "99", label: "Under $100" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6GAAqF;AAQ9E,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,
|
|
1
|
+
{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6GAAqF;AAQ9E,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YACzD,8BAAC,qBAAW,kBACV,IAAI,EAAE;oBACJ,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;oBACnC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;oBAC9C,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;iBAC9C,IACG,KAAK,CAAC,wBAAwB,EAClC,CACD,CACJ,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AApBW,QAAA,kBAAkB,sBAoB7B","sourcesContent":["import React from \"react\";\nimport SingleRange from \"@appbaseio/reactivesearch/lib/components/range/SingleRange\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = React.ComponentProps<\n NonNullable<FilterProps[\"renderFilterRange\"]>\n>;\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (\n props\n) => {\n if (props.filter.handle === \"price\") {\n return (\n <>\n <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n <SingleRange\n data={[\n { start: \"0\", label: \"All prices\" },\n { start: \"0\", end: \"99\", label: \"Under $100\" },\n { start: \"0\", end: \"49\", label: \"Under $50\" },\n ]}\n {...props.reactiveFilterRangeProps}\n />\n </>\n );\n }\n\n return null;\n};\n"]}
|
|
@@ -9,7 +9,7 @@ const reactivesearch_1 = require("@appbaseio/reactivesearch");
|
|
|
9
9
|
const ExampleFilterSlider = (props) => {
|
|
10
10
|
if (props.filter.handle === "price") {
|
|
11
11
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement("h3",
|
|
12
|
+
react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
|
|
13
13
|
react_1.default.createElement(reactivesearch_1.RangeSlider, Object.assign({ range: {
|
|
14
14
|
start: 0,
|
|
15
15
|
end: 500,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AAQjD,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,
|
|
1
|
+
{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AAQjD,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YACzD,8BAAC,4BAAW,kBACV,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,GAAG,EAAE,GAAG;iBACT,IACG,KAAK,CAAC,yBAAyB,EACnC,CACD,CACJ,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B","sourcesContent":["import React from \"react\";\nimport { RangeSlider } from \"@appbaseio/reactivesearch\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterSliderProps = React.ComponentProps<\n NonNullable<FilterProps[\"renderFilterSlider\"]>\n>;\n\nexport const ExampleFilterSlider: React.FC<ExampleFilterSliderProps> = (\n props\n) => {\n if (props.filter.handle === \"price\") {\n return (\n <>\n <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n <RangeSlider\n range={{\n start: 0,\n end: 500,\n }}\n {...props.reactiveFilterSliderProps}\n />\n </>\n );\n }\n\n return null;\n};\n"]}
|
|
@@ -13,10 +13,10 @@ const ExampleResultCardCallout = (props) => {
|
|
|
13
13
|
gridColumn: `span ${(_b = props.callout.displayColumns) !== null && _b !== void 0 ? _b : 1}`,
|
|
14
14
|
});
|
|
15
15
|
}, [props.callout]);
|
|
16
|
-
return (react_1.default.createElement("div", { ref: props.itemRef, style: styleProp },
|
|
17
|
-
react_1.default.createElement("a", { href: props.callout.link, onClick: props.handleClick },
|
|
18
|
-
props.callout.desktopImage && (react_1.default.createElement("img", { src: props.callout.desktopImage, width: "100%" })),
|
|
19
|
-
props.callout.title)));
|
|
16
|
+
return (react_1.default.createElement("div", { className: "rs__result-card-callout__wrapper", ref: props.itemRef, style: styleProp },
|
|
17
|
+
react_1.default.createElement("a", { className: "rs__result-card-callout__link", href: props.callout.link, onClick: props.handleClick },
|
|
18
|
+
props.callout.desktopImage && (react_1.default.createElement("img", { className: "rs__result-card-callout__image", src: props.callout.desktopImage, width: "100%" })),
|
|
19
|
+
react_1.default.createElement("span", { className: "rs__result-card-callout__title" }, props.callout.title))));
|
|
20
20
|
};
|
|
21
21
|
exports.ExampleResultCardCallout = ExampleResultCardCallout;
|
|
22
22
|
//# sourceMappingURL=ExampleResultCardCallout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,OAAO,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,WAAW,mCAAI,CAAC,EAAE;YACjD,UAAU,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,cAAc,mCAAI,CAAC,EAAE;SACxD,CAAC,CAAA;KAAA,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,OAAO,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,WAAW,mCAAI,CAAC,EAAE;YACjD,UAAU,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,cAAc,mCAAI,CAAC,EAAE;SACxD,CAAC,CAAA;KAAA,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,kCAAkC,EAC5C,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,SAAS;QAEhB,qCACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,WAAW;YAEzB,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,CAC7B,uCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAC/B,KAAK,EAAC,MAAM,GACZ,CACH;YACD,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,OAAO,CAAC,KAAK,CACf,CACL,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAlCS,QAAA,wBAAwB,4BAkCjC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardCalloutProps } from \"../../components\";\n\nexport type ExampleResultCardCalloutProps = React.ComponentProps<\n NonNullable<ResultCardCalloutProps[\"render\"]>\n>;\n\nexport const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps> =\n (props) => {\n const styleProp = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n () => ({\n gridRow: `span ${props.callout.displayRows ?? 1}`,\n gridColumn: `span ${props.callout.displayColumns ?? 1}`,\n }),\n [props.callout]\n );\n\n return (\n <div\n className=\"rs__result-card-callout__wrapper\"\n ref={props.itemRef}\n style={styleProp}\n >\n <a\n className=\"rs__result-card-callout__link\"\n href={props.callout.link}\n onClick={props.handleClick}\n >\n {props.callout.desktopImage && (\n <img\n className=\"rs__result-card-callout__image\"\n src={props.callout.desktopImage}\n width=\"100%\"\n />\n )}\n <span className=\"rs__result-card-callout__title\">\n {props.callout.title}\n </span>\n </a>\n </div>\n );\n };\n"]}
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ExampleResultCardProduct = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleResultCardProduct = (props) => {
|
|
9
|
-
return (react_1.default.createElement("div", { ref: props.itemRef },
|
|
10
|
-
react_1.default.createElement("a", { onClick: props.handleClick, href: `/products/${props.product.handle}` },
|
|
11
|
-
props.product.image && (react_1.default.createElement("img", { src: props.product.image, width: "100%" })),
|
|
12
|
-
props.product.title),
|
|
13
|
-
react_1.default.createElement("span",
|
|
14
|
-
props.onSale && (react_1.default.createElement("span", { style: {
|
|
9
|
+
return (react_1.default.createElement("div", { ref: props.itemRef, className: "rs__result-card-product__wrapper" },
|
|
10
|
+
react_1.default.createElement("a", { className: "rs__result-card-product__link", onClick: props.handleClick, href: `/products/${props.product.handle}` },
|
|
11
|
+
props.product.image && (react_1.default.createElement("img", { className: "rs__result-card-product__image", src: props.product.image, width: "100%" })),
|
|
12
|
+
react_1.default.createElement("span", { className: "rs__result-card-product__title" }, props.product.title)),
|
|
13
|
+
react_1.default.createElement("span", { className: "rs__result-card-product__price" }, props.formattedPrice),
|
|
14
|
+
props.onSale && (react_1.default.createElement("span", { className: "rs__result-card-product__price-sale", style: {
|
|
15
15
|
textDecoration: "line-through",
|
|
16
16
|
} }, props.formattedCompareAtPrice))));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,CAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"ExampleResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAC,kCAAkC;QACnE,qCACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,IAAI,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;YAExC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CACtB,uCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EACxB,KAAK,EAAC,MAAM,GACZ,CACH;YACD,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,OAAO,CAAC,KAAK,CACf,CACL;QACJ,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,cAAc,CAChB;QACN,KAAK,CAAC,MAAM,IAAI,CACf,wCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,cAAc,EAAE,cAAc;aAC/B,IAEA,KAAK,CAAC,uBAAuB,CACzB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnCS,QAAA,wBAAwB,4BAmCjC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardProductProps } from \"../../components\";\n\nexport type ExampleResultCardProductProps = React.ComponentProps<\n NonNullable<ResultCardProductProps[\"render\"]>\n>;\n\nexport const ExampleResultCardProduct: React.FC<ExampleResultCardProductProps> =\n (props) => {\n return (\n <div ref={props.itemRef} className=\"rs__result-card-product__wrapper\">\n <a\n className=\"rs__result-card-product__link\"\n onClick={props.handleClick}\n href={`/products/${props.product.handle}`}\n >\n {props.product.image && (\n <img\n className=\"rs__result-card-product__image\"\n src={props.product.image}\n width=\"100%\"\n />\n )}\n <span className=\"rs__result-card-product__title\">\n {props.product.title}\n </span>\n </a>\n <span className=\"rs__result-card-product__price\">\n {props.formattedPrice}\n </span>\n {props.onSale && (\n <span\n className=\"rs__result-card-product__price-sale\"\n style={{\n textDecoration: \"line-through\",\n }}\n >\n {props.formattedCompareAtPrice}\n </span>\n )}\n </div>\n );\n };\n"]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ExampleResultPaginationLoadMore = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleResultPaginationLoadMore = (props) => {
|
|
9
|
-
return (react_1.default.createElement("button", { onClick: () => props.handleLoadMore() }, "Load more"));
|
|
9
|
+
return (react_1.default.createElement("button", { className: "rs__pagination__loadmore-button", onClick: () => props.handleLoadMore() }, "Load more"));
|
|
10
10
|
};
|
|
11
11
|
exports.ExampleResultPaginationLoadMore = ExampleResultPaginationLoadMore;
|
|
12
12
|
//# sourceMappingURL=ExampleResultPaginationLoadMore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ExampleResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,0CACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAEpC,WAAW,CACL,CACV,CAAC;AACJ,CAAC,CAAC;AAVS,QAAA,+BAA+B,mCAUxC","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationLoadMoreProps } from \"../../components\";\n\nexport type ExampleResultPaginationLoadMoreProps = React.ComponentProps<\n NonNullable<ResultPaginationLoadMoreProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationLoadMore: React.FC<ExampleResultPaginationLoadMoreProps> =\n (props) => {\n return (\n <button\n className=\"rs__pagination__loadmore-button\"\n onClick={() => props.handleLoadMore()}\n >\n {\"Load more\"}\n </button>\n );\n };\n"]}
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ExampleResultPaginationNextPrev = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleResultPaginationNextPrev = (props) => {
|
|
9
|
-
return (react_1.default.createElement("nav",
|
|
10
|
-
props.hasPreviousPage && (react_1.default.createElement("a", { rel: "prev", onClick: props.handlePreviousPage, href: props.buildPagePath(props.actualCurrentPage - 1) }, "Prev")),
|
|
11
|
-
props.hasNextPage && (react_1.default.createElement("a", { rel: "next", onClick: props.handleNextPage, href: props.buildPagePath(props.actualCurrentPage + 1) }, "Next"))));
|
|
9
|
+
return (react_1.default.createElement("nav", { className: "rs__pagination__nav" },
|
|
10
|
+
props.hasPreviousPage && (react_1.default.createElement("a", { className: "rs__pagination__prev-link", rel: "prev", onClick: props.handlePreviousPage, href: props.buildPagePath(props.actualCurrentPage - 1) }, "Prev")),
|
|
11
|
+
props.hasNextPage && (react_1.default.createElement("a", { className: "rs__pagination__next-link", rel: "next", onClick: props.handleNextPage, href: props.buildPagePath(props.actualCurrentPage + 1) }, "Next"))));
|
|
12
12
|
};
|
|
13
13
|
exports.ExampleResultPaginationNextPrev = ExampleResultPaginationNextPrev;
|
|
14
14
|
//# sourceMappingURL=ExampleResultPaginationNextPrev.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL;
|
|
1
|
+
{"version":3,"file":"ExampleResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QACjC,KAAK,CAAC,eAAe,IAAI,CACxB,qCACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,kBAAkB,EACjC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAErD,MAAM,CACL,CACL;QACA,KAAK,CAAC,WAAW,IAAI,CACpB,qCACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAErD,MAAM,CACL,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1BS,QAAA,+BAA+B,mCA0BxC","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationNextPrevProps } from \"../../components\";\n\nexport type ExampleResultPaginationNextPrevProps = React.ComponentProps<\n NonNullable<ResultPaginationNextPrevProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationNextPrev: React.FC<ExampleResultPaginationNextPrevProps> =\n (props) => {\n return (\n <nav className=\"rs__pagination__nav\">\n {props.hasPreviousPage && (\n <a\n className=\"rs__pagination__prev-link\"\n rel=\"prev\"\n onClick={props.handlePreviousPage}\n href={props.buildPagePath(props.actualCurrentPage - 1)}\n >\n {\"Prev\"}\n </a>\n )}\n {props.hasNextPage && (\n <a\n className=\"rs__pagination__next-link\"\n rel=\"next\"\n onClick={props.handleNextPage}\n href={props.buildPagePath(props.actualCurrentPage + 1)}\n >\n {\"Next\"}\n </a>\n )}\n </nav>\n );\n };\n"]}
|
|
@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ExampleResultPaginationNumbered = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleResultPaginationNumbered = (props) => {
|
|
9
|
-
return (react_1.default.createElement("nav",
|
|
10
|
-
props.currentPage > 0 && (react_1.default.createElement("a", { rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePreviousPage(event) }, "Prev")),
|
|
11
|
-
!props.pagesToShow.includes(0) && (react_1.default.createElement("a", { href: props.buildPagePath(1), onClick: (event) => props.handlePageChange(0, event), rel: 0 === props.currentPage - 1 ? `prev` : undefined }, "1")),
|
|
9
|
+
return (react_1.default.createElement("nav", { className: "rs__pagination__nav" },
|
|
10
|
+
props.currentPage > 0 && (react_1.default.createElement("a", { className: "rs__pagination__prev-link", rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePreviousPage(event) }, "Prev")),
|
|
11
|
+
!props.pagesToShow.includes(0) && (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", href: props.buildPagePath(1), onClick: (event) => props.handlePageChange(0, event), rel: 0 === props.currentPage - 1 ? `prev` : undefined }, "1")),
|
|
12
12
|
!props.pagesToShow.includes(1) && react_1.default.createElement("span", null, "..."),
|
|
13
|
-
props.pagesToShow.map((page) => page === props.currentPage ? (react_1.default.createElement("span", { key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { key: page + 1, href: props.buildPagePath(page + 1), onClick: (event) => props.handlePageChange(page, event), rel: page === props.currentPage + 1
|
|
13
|
+
props.pagesToShow.map((page) => page === props.currentPage ? (react_1.default.createElement("span", { className: "rs__pagination__pagenumber-active", key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", key: page + 1, href: props.buildPagePath(page + 1), onClick: (event) => props.handlePageChange(page, event), rel: page === props.currentPage + 1
|
|
14
14
|
? `next`
|
|
15
15
|
: page === props.currentPage - 1
|
|
16
16
|
? `prev`
|
|
17
17
|
: undefined }, page + 1))),
|
|
18
18
|
!props.pagesToShow.includes(props.totalPages - 2) && react_1.default.createElement("span", null, "..."),
|
|
19
|
-
!props.pagesToShow.includes(props.totalPages - 1) && (react_1.default.createElement("a", { href: props.buildPagePath(props.totalPages), onClick: (event) => props.handlePageChange(props.totalPages - 1, event), rel: props.totalPages - 1 === props.currentPage + 1
|
|
19
|
+
!props.pagesToShow.includes(props.totalPages - 1) && (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", href: props.buildPagePath(props.totalPages), onClick: (event) => props.handlePageChange(props.totalPages - 1, event), rel: props.totalPages - 1 === props.currentPage + 1
|
|
20
20
|
? `next`
|
|
21
21
|
: props.totalPages - 1 === props.currentPage - 1
|
|
22
22
|
? `prev`
|
|
23
23
|
: undefined }, props.totalPages)),
|
|
24
|
-
props.currentPage + 1 < props.totalPages && (react_1.default.createElement("a", { rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handleNextPage(event) }, "Next"))));
|
|
24
|
+
props.currentPage + 1 < props.totalPages && (react_1.default.createElement("a", { className: "rs__pagination__next-link", rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handleNextPage(event) }, "Next"))));
|
|
25
25
|
};
|
|
26
26
|
exports.ExampleResultPaginationNumbered = ExampleResultPaginationNumbered;
|
|
27
27
|
//# sourceMappingURL=ExampleResultPaginationNumbered.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNumbered.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL;
|
|
1
|
+
{"version":3,"file":"ExampleResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNumbered.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationNumberedProps } from \"../../components\";\n\nexport type ExampleResultPaginationNumberedProps = React.ComponentProps<\n NonNullable<ResultPaginationNumberedProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationNumbered: React.FC<ExampleResultPaginationNumberedProps> =\n (props) => {\n return (\n <nav className=\"rs__pagination__nav\">\n {props.currentPage > 0 && (\n <a\n className=\"rs__pagination__prev-link\"\n rel=\"prev\"\n href={props.buildPagePath(props.currentPage)}\n onClick={(event) => props.handlePreviousPage(event)}\n >\n {\"Prev\"}\n </a>\n )}\n {!props.pagesToShow.includes(0) && (\n <a\n className=\"rs__pagination__pagenumber-link\"\n href={props.buildPagePath(1)}\n onClick={(event) => props.handlePageChange(0, event)}\n rel={0 === props.currentPage - 1 ? `prev` : undefined}\n >\n {\"1\"}\n </a>\n )}\n {!props.pagesToShow.includes(1) && <span>...</span>}\n {props.pagesToShow.map((page) =>\n page === props.currentPage ? (\n <span className=\"rs__pagination__pagenumber-active\" key={page + 1}>\n {page + 1}\n </span>\n ) : (\n <a\n className=\"rs__pagination__pagenumber-link\"\n key={page + 1}\n href={props.buildPagePath(page + 1)}\n onClick={(event) => props.handlePageChange(page, event)}\n rel={\n page === props.currentPage + 1\n ? `next`\n : page === props.currentPage - 1\n ? `prev`\n : undefined\n }\n >\n {page + 1}\n </a>\n )\n )}\n {!props.pagesToShow.includes(props.totalPages - 2) && <span>...</span>}\n {!props.pagesToShow.includes(props.totalPages - 1) && (\n <a\n className=\"rs__pagination__pagenumber-link\"\n href={props.buildPagePath(props.totalPages)}\n onClick={(event) =>\n props.handlePageChange(props.totalPages - 1, event)\n }\n rel={\n props.totalPages - 1 === props.currentPage + 1\n ? `next`\n : props.totalPages - 1 === props.currentPage - 1\n ? `prev`\n : undefined\n }\n >\n {props.totalPages}\n </a>\n )}\n {props.currentPage + 1 < props.totalPages && (\n <a\n className=\"rs__pagination__next-link\"\n rel=\"next\"\n href={props.buildPagePath(props.currentPage + 2)}\n onClick={(event) => props.handleNextPage(event)}\n >\n {\"Next\"}\n </a>\n )}\n </nav>\n );\n };\n"]}
|
|
@@ -7,7 +7,7 @@ exports.ExampleSortby = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const ExampleSortby = (props) => {
|
|
9
9
|
var _a;
|
|
10
|
-
return (react_1.default.createElement("select", { value: (_a = props.sortOption) === null || _a === void 0 ? void 0 : _a.handle, onChange: (event) => props.setSortOption(event.target.value) }, props.sortOptions.map((sortOption) => (react_1.default.createElement("option", { key: sortOption.handle, value: sortOption.handle }, sortOption.name)))));
|
|
10
|
+
return (react_1.default.createElement("select", { className: "rs__sortby__select", value: (_a = props.sortOption) === null || _a === void 0 ? void 0 : _a.handle, onChange: (event) => props.setSortOption(event.target.value) }, props.sortOptions.map((sortOption) => (react_1.default.createElement("option", { key: sortOption.handle, className: "rs__sortby__option", value: sortOption.handle }, sortOption.name)))));
|
|
11
11
|
};
|
|
12
12
|
exports.ExampleSortby = ExampleSortby;
|
|
13
13
|
//# sourceMappingURL=ExampleSortby.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleSortby.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAE3D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,
|
|
1
|
+
{"version":3,"file":"ExampleSortby.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAE3D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,0CACE,GAAG,EAAE,UAAU,CAAC,MAAM,EACtB,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,UAAU,CAAC,MAAM,IAEvB,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB","sourcesContent":["import React from \"react\";\n\nimport { SortbyProps } from \"../../components\";\n\nexport type ExampleSortbyProps = React.ComponentProps<\n NonNullable<SortbyProps[\"renderSortOptions\"]>\n>;\n\nexport const ExampleSortby: React.FC<ExampleSortbyProps> = (props) => {\n return (\n <select\n className=\"rs__sortby__select\"\n value={props.sortOption?.handle}\n onChange={(event) => props.setSortOption(event.target.value)}\n >\n {props.sortOptions.map((sortOption) => (\n <option\n key={sortOption.handle}\n className=\"rs__sortby__option\"\n value={sortOption.handle}\n >\n {sortOption.name}\n </option>\n ))}\n </select>\n );\n};\n"]}
|