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

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+## [5.0.0-beta.12](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.11...v5.0.0-beta.12) (2022-07-27)
+
+
+### Features
+
+* improve performance when debugging by reusing debugger instances ([aa88917](https://bitbucket.org/usereactify/reactify-search-ui/commit/aa88917b0aedf2abe66439d430587f18dcb72aae))
+
 ## [5.0.0-beta.11](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.10...v5.0.0-beta.11) (2022-07-27)
 
 ## [5.0.0-beta.10](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.9...v5.0.0-beta.10) (2022-07-27)

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.0.0-beta.11",
+    "version": "5.0.0-beta.12",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

package/dist/src/components/Example/ExampleFilterStack.js

@@ -7,7 +7,8 @@ exports.ExampleFilterStack = void 0;
 const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
 const ExampleFilterStack = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, props.filters.map((filter) => (react_1.default.createElement(components_1.Filter, Object.assign({ key: filter.id, filter: filter }, props))))));
+    var _a;
+    return (react_1.default.createElement(react_1.default.Fragment, null, (_a = props.filterStack) === null || _a === void 0 ? void 0 : _a.options.map((filter) => (react_1.default.createElement(components_1.Filter, Object.assign({ key: filter.id, filter: filter }, props))))));
 };
 exports.ExampleFilterStack = ExampleFilterStack;
 //# sourceMappingURL=ExampleFilterStack.js.map

package/dist/src/components/Example/ExampleFilterStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterStack.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4D;AAMrD,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,8DACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,8BAAC,mBAAM,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACtD,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import React from \"react\";\n\nimport { Filter, FilterStackProps } from \"../../components\";\n\nexport type ExampleFilterStackProps = React.ComponentProps<\n  NonNullable<FilterStackProps[\"renderFilters\"]>\n>;\n\nexport const ExampleFilterStack: React.FC<ExampleFilterStackProps> = (\n  props\n) => {\n  return (\n    <>\n      {props.filters.map((filter) => (\n        <Filter key={filter.id} filter={filter} {...props} />\n      ))}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilterStack.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4D;AAMrD,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;;IACF,OAAO,CACL,8DACG,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1C,8BAAC,mBAAM,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACtD,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import React from \"react\";\n\nimport { Filter, FilterStackProps } from \"../../components\";\n\nexport type ExampleFilterStackProps = React.ComponentProps<\n  NonNullable<FilterStackProps[\"renderFilters\"]>\n>;\n\nexport const ExampleFilterStack: React.FC<ExampleFilterStackProps> = (\n  props\n) => {\n  return (\n    <>\n      {props.filterStack?.options.map((filter) => (\n        <Filter key={filter.id} filter={filter} {...props} />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/src/components/Filter/FilterStack.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { useFilters } from "../../hooks";
+import { useFilterStack } from "../../hooks";
 export declare type FilterStackProps = {
     /** Render method called once for all filters */
-    renderFilters?: React.FC<ReturnType<typeof useFilters>>;
+    renderFilters?: React.FC<ReturnType<typeof useFilterStack>>;
 };
 export declare const FilterStack: React.FC<FilterStackProps>;

package/dist/src/components/Filter/FilterStack.js

@@ -9,9 +9,9 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const FilterStack = (props) => {
     var _a;
-    const filtersHook = (0, hooks_1.useFilters)();
+    const filterStackHook = (0, hooks_1.useFilterStack)();
     const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilterStack;
-    return (react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filtersHook)));
+    return react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filterStackHook));
 };
 exports.FilterStack = FilterStack;
 //# sourceMappingURL=FilterStack.js.map

package/dist/src/components/Filter/FilterStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterStack.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAsD;AAO/C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;;IAC/D,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,+BAAkB,CAAC;IAEzE,OAAO,CACL,8BAAC,sBAAsB,oBACjB,WAAW,EACf,CACH,CAAA;AACH,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilterStack } from \"../../components\";\n\nexport type FilterStackProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilters>>\n};\n\nexport const FilterStack: React.FC<FilterStackProps> = (props) => {\n  const filtersHook = useFilters();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilterStack;\n\n  return (\n    <RenderFiltersComponent\n      {...filtersHook}\n    />\n  )\n};\n"]}
+{"version":3,"file":"FilterStack.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA6C;AAC7C,iDAAsD;AAO/C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;;IAC/D,MAAM,eAAe,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,+BAAkB,CAAC;IAEzE,OAAO,8BAAC,sBAAsB,oBAAK,eAAe,EAAI,CAAC;AACzD,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB","sourcesContent":["import React from \"react\";\n\nimport { useFilterStack } from \"../../hooks\";\nimport { ExampleFilterStack } from \"../../components\";\n\nexport type FilterStackProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilterStack>>;\n};\n\nexport const FilterStack: React.FC<FilterStackProps> = (props) => {\n  const filterStackHook = useFilterStack();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilterStack;\n\n  return <RenderFiltersComponent {...filterStackHook} />;\n};\n"]}

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

@@ -1,4 +1,6 @@
+import Debug from "debug";
 import * as Sentry from "@sentry/react";
+export declare const debuggers: Record<string, Debug.Debugger>;
 export declare const debug: {
     namespace: string;
     log: (namespace: string, formatter?: string | undefined, ...args: Array<any>) => void;

package/dist/src/utility/debug.js

@@ -22,14 +22,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.debug = void 0;
+exports.debug = exports.debuggers = void 0;
 const debug_1 = __importDefault(require("debug"));
 const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("../hooks");
+exports.debuggers = {};
 exports.debug = {
     namespace: "reactify-search",
     log: (namespace, formatter, ...args) => {
-        (0, debug_1.default)(`${exports.debug.namespace}:${namespace}`)(formatter, ...args);
+        if (!exports.debuggers[namespace]) {
+            exports.debuggers[namespace] = (0, debug_1.default)(`${exports.debug.namespace}:${namespace}`);
+        }
+        exports.debuggers[namespace](formatter, ...args);
     },
     breadcrumb: (breadcrumb) => {
         Sentry.addBreadcrumb(Object.assign(Object.assign({ level: "debug", type: "query" }, breadcrumb), { category: `${exports.debug.namespace}:${breadcrumb.category}` }));

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

@@ -1 +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"]}
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AAExC,oCAAuC;AAE1B,QAAA,SAAS,GAAmC,EAAE,CAAC;AAE/C,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAI,CAAC,iBAAS,CAAC,SAAS,CAAC,EAAE;YACzB,iBAAS,CAAC,SAAS,CAAC,GAAG,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;SACjE;QAED,iBAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,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 debuggers: Record<string, Debug.Debugger> = {};\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    if (!debuggers[namespace]) {\n      debuggers[namespace] = Debug(`${debug.namespace}:${namespace}`);\n    }\n\n    debuggers[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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "5.0.0-beta.11",
+  "version": "5.0.0-beta.12",
   "license": "MIT",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",