@usereactify/search 5.0.0-beta.0 → 5.0.0-beta.11

package/dist/src/types/index.js

@@ -13,3 +13,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./config"), exports);
 __exportStar(require("./elastic"), exports);
 __exportStar(require("./reactivesearch"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,mDAAiC","sourcesContent":["export * from \"./config\";\nexport * from \"./elastic\";\nexport * from \"./reactivesearch\";"]}

package/dist/src/types/reactivesearch.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=reactivesearch.js.map

package/dist/src/types/reactivesearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactivesearch.js","sourceRoot":"","sources":["../../../src/types/reactivesearch.ts"],"names":[],"mappings":"","sourcesContent":["import { ElasticDocument, ElasticHit } from \"./elastic\";\n\n// props passed to SingleList/MultiList.render\nexport interface ReactivesearchFilterProps {\n  loading: boolean;\n  error: Error | null;\n  handleChange: (value: string) => void;\n  data: { doc_count: number; key: string }[];\n  value: string | { [key: string]: boolean };\n}\n\n// props passed to ReactiveList.renderPagination\nexport interface ReactivesearchPaginationProps {\n  pages: number;\n  showEndPage: false;\n  totalPages: number;\n  currentPage: number;\n  setPage: (page: number) => void;\n}\n\n// props passed to ReactiveList.render\n// @todo complete missing types\nexport interface ReactivesearchResultProps {\n  error?: ReactivesearchError;\n  loading: boolean;\n  data: (Omit<ElasticHit, \"_source\"> & ElasticDocument)[];\n  loadMore: () => void;\n  customData: unknown;\n  promotedData: unknown;\n  aggregationData: unknown;\n  rawData?: {\n    _shards: {\n      failed: number;\n      skipped: number;\n      successful: number;\n      total: number;\n    };\n    took: number;\n    status: number;\n    timed_out: boolean;\n    hits: ElasticHit[];\n  };\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n  streamData: unknown;\n  triggerAnalytics: unknown;\n  triggerClickAnalytics: unknown;\n}\n\n// state for the \"page\" component returned by StateProvider when given the keys: [\"isLoading\", \"hits\", \"resultStats\", \"error\"]\nexport interface ReactivesearchSearchStatePage {\n  isLoading: boolean;\n  hits: {\n    hidden: number;\n    time: number;\n    total: number;\n    hits: ElasticHit[];\n  };\n  resultStats: {\n    hidden: number;\n    numberOfResults?: number;\n    promoted: number;\n    time: number;\n  };\n  error?: ReactivesearchError;\n}\n\nexport interface ReactivesearchError {\n  status: number;\n  statusText: string;\n}\n"]}

package/dist/src/types/shopify.js

@@ -25,3 +25,4 @@ function isMetafield(exportLine) {
     return "Metafield" === exportLine.__typename;
 }
 exports.isMetafield = isMetafield;
+//# sourceMappingURL=shopify.js.map

package/dist/src/types/shopify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shopify.js","sourceRoot":"","sources":["../../../src/types/shopify.ts"],"names":[],"mappings":";;;AAoCA,SAAgB,SAAS,CACvB,UAA6B;IAE7B,OAAO,SAAS,KAAK,UAAU,CAAC,UAAU,CAAC;AAC7C,CAAC;AAJD,8BAIC;AAED,SAAgB,gBAAgB,CAC9B,UAA6B;IAE7B,OAAO,gBAAgB,KAAK,UAAU,CAAC,UAAU,CAAC;AACpD,CAAC;AAJD,4CAIC;AAED,SAAgB,kBAAkB,CAChC,UAA6B;IAE7B,OAAO,yBAAyB,KAAK,UAAU,CAAC,UAAU,CAAC;AAC7D,CAAC;AAJD,gDAIC;AAED,SAAgB,OAAO,CACrB,UAA6B;IAE7B,OAAO,OAAO,KAAK,UAAU,CAAC,UAAU,CAAC;AAC3C,CAAC;AAJD,0BAIC;AAED,SAAgB,OAAO,CACrB,UAA6B;IAE7B,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,QAAQ,CACjE,UAAU,CAAC,UAAU,CACtB,CAAC;AACJ,CAAC;AAND,0BAMC;AAED,SAAgB,WAAW,CACzB,UAA6B;IAE7B,OAAO,WAAW,KAAK,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC;AAJD,kCAIC","sourcesContent":["import { ProductQuery, BulkQueryProductsQuery } from \"./graphql\";\n\n// these are the types from the single \"product\" query, and is what we store in firestore\nexport type ShopifyProduct = NonNullable<ProductQuery[\"product\"]>;\nexport type ShopifyVariant = ShopifyProduct[\"variants\"][\"edges\"][0][\"node\"];\n\n// these are the types from the bulk \"product\" query, which should match the above, but we\n// always type on the single query in firestore\nexport type BulkShopifyProduct =\n  BulkQueryProductsQuery[\"products\"][\"edges\"][0][\"node\"];\nexport type BulkShopifyVariant =\n  BulkShopifyProduct[\"variants\"][\"edges\"][0][\"node\"];\n\n// these are types for the individual \"export lines\" which shopify exports in the bulk export file\nexport type ShopifyExportProduct = Omit<\n  BulkShopifyProduct,\n  \"variants\" | \"images\" | \"media\" | \"metafields\"\n>;\nexport type ShopifyExportProductVariant = Omit<\n  BulkShopifyVariant,\n  \"presentmentPrices\"\n>;\nexport type ShopifyExportPresentmentPrice =\n  BulkShopifyVariant[\"presentmentPrices\"][\"edges\"][0][\"node\"];\nexport type ShopifyExportImage =\n  BulkShopifyProduct[\"images\"][\"edges\"][0][\"node\"];\nexport type ShopifyExportMedia =\n  BulkShopifyProduct[\"media\"][\"edges\"][0][\"node\"];\nexport type ShopifyExportMetafield =\n  BulkShopifyProduct[\"metafields\"][\"edges\"][0][\"node\"];\n\nexport interface ShopifyExportLine {\n  __parentId?: string;\n  __typename: string;\n}\n\nexport function isProduct(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportProduct {\n  return \"Product\" === exportLine.__typename;\n}\n\nexport function isProductVariant(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportProductVariant {\n  return \"ProductVariant\" === exportLine.__typename;\n}\n\nexport function isPresentmentPrice(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportPresentmentPrice {\n  return \"ProductVariantPricePair\" === exportLine.__typename;\n}\n\nexport function isImage(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportImage {\n  return \"Image\" === exportLine.__typename;\n}\n\nexport function isMedia(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportMedia {\n  return [\"Video\", \"Model3d\", \"MediaImage\", \"ExternalVideo\"].includes(\n    exportLine.__typename\n  );\n}\n\nexport function isMetafield(\n  exportLine: ShopifyExportLine\n): exportLine is ShopifyExportMetafield {\n  return \"Metafield\" === exportLine.__typename;\n}\n"]}

package/dist/src/utility/debug.d.ts

@@ -0,0 +1,10 @@
+import * as Sentry from "@sentry/react";
+export declare const debug: {
+    namespace: string;
+    log: (namespace: string, formatter?: string | undefined, ...args: Array<any>) => void;
+    breadcrumb: (breadcrumb: Partial<Sentry.Breadcrumb> & {
+        message: string;
+        category: "search" | "sort" | "pagination" | "filter" | "curation";
+    }) => void;
+    hook: (namespace: string, message: string, value: unknown) => void;
+};

package/dist/src/utility/debug.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debug = void 0;
+const debug_1 = __importDefault(require("debug"));
+const Sentry = __importStar(require("@sentry/react"));
+const hooks_1 = require("../hooks");
+exports.debug = {
+    namespace: "reactify-search",
+    log: (namespace, formatter, ...args) => {
+        (0, debug_1.default)(`${exports.debug.namespace}:${namespace}`)(formatter, ...args);
+    },
+    breadcrumb: (breadcrumb) => {
+        Sentry.addBreadcrumb(Object.assign(Object.assign({ level: "debug", type: "query" }, breadcrumb), { category: `${exports.debug.namespace}:${breadcrumb.category}` }));
+    },
+    hook: hooks_1.useDebugger,
+};
+//# sourceMappingURL=debug.js.map

package/dist/src/utility/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AAExC,oCAAuC;AAE1B,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,EAAE,CACV,UAGC,EACD,EAAE;QACF,MAAM,CAAC,aAAa,+BAClB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,IACV,UAAU,KACb,QAAQ,EAAE,GAAG,aAAK,CAAC,SAAS,IAAI,UAAU,CAAC,QAAQ,EAAE,IACrD,CAAC;IACL,CAAC;IACD,IAAI,EAAE,mBAAW;CAClB,CAAC","sourcesContent":["import Debug from \"debug\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { useDebugger } from \"../hooks\";\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    Debug(`${debug.namespace}:${namespace}`)(formatter, ...args);\n  },\n  breadcrumb: (\n    breadcrumb: Partial<Sentry.Breadcrumb> & {\n      message: string;\n      category: \"search\" | \"sort\" | \"pagination\" | \"filter\" | \"curation\";\n    }\n  ) => {\n    Sentry.addBreadcrumb({\n      level: \"debug\",\n      type: \"query\",\n      ...breadcrumb,\n      category: `${debug.namespace}:${breadcrumb.category}`,\n    });\n  },\n  hook: useDebugger,\n};\n"]}

package/dist/src/utility/index.d.ts

@@ -0,0 +1 @@
+export * from "./debug";

package/dist/src/utility/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./debug"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/utility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB","sourcesContent":["export * from \"./debug\";"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.11",
   "license": "MIT",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
@@ -14,9 +14,13 @@
     "watch": "tsc --watch",
     "release": "standard-version --prerelease rc",
     "release:beta": "standard-version --prerelease beta",
-    "build": "rimraf dist && tsc",
+    "prebuild": "rimraf dist",
+    "build": "tsc",
     "prettier": "prettier --write .",
-    "storybook": "start-storybook -p 6006"
+    "storybook": "start-storybook -p 6006",
+    "sentry:release:new": "sentry-cli releases new $npm_package_version",
+    "sentry:release:upload": "sentry-cli releases files $npm_package_version upload-sourcemaps dist",
+    "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version"
   },
   "husky": {
     "hooks": {
@@ -46,6 +50,7 @@
     "@appbaseio/reactivesearch": "^3.14.0",
     "@commitlint/cli": "13.2.0",
     "@commitlint/config-conventional": "13.2.0",
+    "@sentry/cli": "2.5.0",
     "@storybook/addon-actions": "6.3.10",
     "@storybook/addon-essentials": "6.3.10",
     "@storybook/addon-links": "6.3.10",

package/dist/src/components/example/ExampleFilterList.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleFilterList = void 0;
-const react_1 = __importDefault(require("react"));
-const ExampleFilterList = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", null, props.filter.name),
-        react_1.default.createElement("ul", null, props.filterListProps.options.map((option) => (react_1.default.createElement("li", { key: option.key },
-            react_1.default.createElement("label", null,
-                react_1.default.createElement("input", { value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
-                option.key,
-                " (",
-                option.doc_count,
-                ")")))))));
-};
-exports.ExampleFilterList = ExampleFilterList;

package/dist/src/components/example/ExampleResultCardProduct.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleResultCardProduct = void 0;
-const react_1 = __importDefault(require("react"));
-const ExampleResultCardProduct = (props) => {
-    return (react_1.default.createElement("article", { ref: props.itemRef },
-        react_1.default.createElement("a", { onClick: props.handleClick, href: `/products/${props.product.handle}` },
-            props.product.image && (react_1.default.createElement("img", { src: props.product.image, width: "100%" })),
-            props.product.title),
-        react_1.default.createElement("span", null, props.formattedPrice),
-        props.onSale && (react_1.default.createElement("span", { style: {
-                textDecoration: "line-through"
-            } }, props.formattedCompareAtPrice))));
-};
-exports.ExampleResultCardProduct = ExampleResultCardProduct;

package/dist/src/components/example/ExampleResultPaginationNumbered.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleResultPaginationNumbered = void 0;
-const react_1 = __importDefault(require("react"));
-const ExampleResultPaginationNumbered = (props) => {
-    return (react_1.default.createElement("nav", null,
-        props.currentPage > 0 && (react_1.default.createElement("a", { rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePageChange(props.currentPage - 1, event) }, "Prev")),
-        !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")),
-        !props.pagesToShow.includes(1) && react_1.default.createElement("span", null, "..."),
-        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
-                ? `next`
-                : page === props.currentPage - 1
-                    ? `prev`
-                    : undefined }, page + 1))),
-        !props.pagesToShow.includes(props.totalPages - 2) && react_1.default.createElement("span", null, "..."),
-        !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
-                ? `next`
-                : props.totalPages - 1 === props.currentPage - 1
-                    ? `prev`
-                    : undefined }, props.totalPages)),
-        props.currentPage + 1 < props.totalPages && (react_1.default.createElement("a", { rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handlePageChange(props.currentPage + 1, event) }, "Next"))));
-};
-exports.ExampleResultPaginationNumbered = ExampleResultPaginationNumbered;

package/dist/src/components/example/ExampleSortby.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleSortby = void 0;
-const react_1 = __importDefault(require("react"));
-const ExampleSortby = (props) => {
-    var _a;
-    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)))));
-};
-exports.ExampleSortby = ExampleSortby;

package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.d.ts

@@ -1,17 +0,0 @@
-export declare const useReactiveResultStackProps: (options: {
-    pageSize?: number;
-}) => {
-    size: number;
-    URLParams: boolean;
-    showLoader: boolean;
-    dataField: string;
-    showResultStats: boolean;
-    react: {
-        and: string[];
-    };
-    componentId: string;
-    scrollOnChange: boolean;
-    pagination: boolean;
-    infiniteScroll: boolean;
-    renderNoResults: () => null;
-};