@usereactify/search 5.59.0-beta.8 → 5.59.1-beta.0

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 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.59.1-beta.0](///compare/beta-v5.59.0-beta.8...beta-v5.59.1-beta.0) (2025-08-29)
+
+
+### Bug Fixes
+
+* improve component and hook robustness, accessibility, and code style 2d389ab
+* reposition product card weight component to card level 4a387eb
+
+## [5.59.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.58.0...release-v5.59.0) (2025-08-05)
+
+
+### Features
+
+* Add Curated Pages mode ([1f391ec](https://bitbucket.org/usereactify/reactify-search-ui/commit/1f391ec570cf4d55196f723c89e9c9a80d18e4ae))
+* expose the onData listener on the Results component ([2e70e4d](https://bitbucket.org/usereactify/reactify-search-ui/commit/2e70e4ddc130813676e0ff2af04cc5111331051e))
+
+
+### Bug Fixes
+
+* add configBaseUrl prop for local testing override ([8280e8b](https://bitbucket.org/usereactify/reactify-search-ui/commit/8280e8b573530a035dace2be62eda581e742c844))
+* add devMode with Elasticsearch score breakdown ([8ee766c](https://bitbucket.org/usereactify/reactify-search-ui/commit/8ee766c06b3bd1c58225ffff90bb117c3a064ffa))
+* fix hydration error caused by window obj being used on rendering ([2950cf7](https://bitbucket.org/usereactify/reactify-search-ui/commit/2950cf722075259947b182ed4036a60d22c48a2a))
+* generate separate clauses for regular and synonym analyzers ([1e89b08](https://bitbucket.org/usereactify/reactify-search-ui/commit/1e89b08b01da18a2d3743f19764f6abb9d6445d3))
+* remove curated-page mode and use feature flag ([b387a2b](https://bitbucket.org/usereactify/reactify-search-ui/commit/b387a2b2e2aabd58fef3de42cea27b8340c2a475))
+* reposition product card weight component to card level ([4a387eb](https://bitbucket.org/usereactify/reactify-search-ui/commit/4a387eb494944a497cdf5e1ca42cb777328c2e08))
+* streamline search scoring and improve weight calculation algorithm ([b6d4e5e](https://bitbucket.org/usereactify/reactify-search-ui/commit/b6d4e5e205e6981a1f6149d695f75bfdb38e5186))
+* update filters, sort and others components for new modes ([db29026](https://bitbucket.org/usereactify/reactify-search-ui/commit/db29026ced05522e5d67aaf55d2414b383cd9615))
+
 ## [5.59.0-beta.8](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.59.0-beta.7...beta-v5.59.0-beta.8) (2025-08-05)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.59.0-beta.8",
+    "version": "5.59.1-beta.0",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",
@@ -17,7 +17,10 @@
         "release:beta": "standard-version --tag-prefix beta-v --prerelease beta",
         "prebuild": "rimraf dist",
         "build": "tsc",
-        "prettier": "prettier --write .",
+        "format": "biome format --write .",
+        "lint": "biome lint --write .",
+        "check": "biome check --write .",
+        "ci": "biome ci .",
         "start": "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",
@@ -29,8 +32,8 @@
         ]
     },
     "dependencies": {
-        "@usereactify/search-internals": "1.0.0",
         "@appbaseio/reactivecore": "9.15.2",
+        "@usereactify/search-internals": "1.1.0",
         "ahooks": "2.10.11",
         "axios": "1.10.0",
         "currency.js": "2.0.4",
@@ -45,6 +48,7 @@
     },
     "devDependencies": {
         "@babel/plugin-transform-typescript": "7.18.12",
+        "@biomejs/biome": "2.2.2",
         "@commitlint/cli": "13.2.0",
         "@commitlint/config-conventional": "13.2.0",
         "@storybook/addon-actions": "6.5.10",
@@ -58,8 +62,6 @@
         "@types/react-dom": "18.0.6",
         "@types/react-slider": "1.3.1",
         "babel-loader": "8.2.2",
-        "prettier": "2.4.1",
-        "pretty-quick": "3.1.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "rimraf": "3.0.2",

package/dist/src/components/ClearAll/ClearAll.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export type ClearAllProps = {
     /** Render method */
     render?: React.FC<{

package/dist/src/components/ClearAll/ClearAll.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClearAll = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SelectedFilters_1 = __importDefault(require("@usereactify/search-internals/lib/components/basic/SelectedFilters"));
 const components_1 = require("../../components");
 const hooks_1 = require("../../hooks");
@@ -13,15 +13,10 @@ const ClearAll = (props) => {
     const context = (0, hooks_1.useReactifySearchContext)();
     const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleClearAll;
     const filtersHook = (0, hooks_1.useFilters)();
-    return (react_1.default.createElement(SelectedFilters_1.default, { render: (renderProps) => {
+    return ((0, jsx_runtime_1.jsx)(SelectedFilters_1.default, { render: (renderProps) => {
             const selectedFilters = Object.values(renderProps.selectedValues)
                 .map((value) => value)
-                .filter((item) => {
-                var _a, _b;
-                return (item === null || item === void 0 ? void 0 : item.URLParams) &&
-                    (item === null || item === void 0 ? void 0 : item.showFilter) &&
-                    (!!((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.length) || !!((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.label));
-            });
+                .filter((item) => { var _a, _b; return (item === null || item === void 0 ? void 0 : item.URLParams) && (item === null || item === void 0 ? void 0 : item.showFilter) && (!!((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.length) || !!((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.label)); });
             const handleClearAll = () => {
                 var _a;
                 for (const filter of (_a = filtersHook.filters) !== null && _a !== void 0 ? _a : []) {
@@ -51,7 +46,7 @@ const ClearAll = (props) => {
             if (props.showWhenEmpty !== true && !selectedFilters.length) {
                 return null;
             }
-            return react_1.default.createElement(RenderComponent, { clearAll: handleClearAll });
+            return (0, jsx_runtime_1.jsx)(RenderComponent, { clearAll: handleClearAll });
         } }));
 };
 exports.ClearAll = ClearAll;

package/dist/src/components/ClearAll/ClearAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearAll.js","sourceRoot":"","sources":["../../../../src/components/ClearAll/ClearAll.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,iDAAmD;AACnD,uCAAmE;AAW5D,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;;IACzD,MAAM,OAAO,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4BAAe,CAAC;IAExD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,CACL,8BAAC,yBAAe,IACd,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE;YACtB,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC;iBAC9D,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;iBACrB,MAAM,CACL,CAAC,IAAS,EAAE,EAAE;;gBACZ,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS;qBACf,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA;oBAChB,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAA;aAAA,CAClD,CAAC;YAEJ,MAAM,cAAc,GAAG,GAAG,EAAE;;gBAC1B,KAAK,MAAM,MAAM,IAAI,MAAA,WAAW,CAAC,OAAO,mCAAI,EAAE,EAAE,CAAC;oBAC/C,IAAI,MAAM,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;wBACpC,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAAE;4BAC/E,MAAM,EAAE;gCACN,MAAM,EAAE,MAAM,CAAC,MAAM;gCACrB,KAAK,EAAE,EAAE;6BACV;yBACF,CAAC,CAAC;wBACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;oBACD,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;wBACnC,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;4BACnC,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAAE;gCAC/E,MAAM,EAAE;oCACN,MAAM,EAAE,MAAM,CAAC,MAAM;oCACrB,KAAK,EAAE,EAAE;iCACV;6BACF,CAAC,CAAC;4BACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC9B,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,WAAW,CAAC,WAAW,EAAE,CAAC;YAC5B,CAAC,CAAC;YAEF,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;gBAC5D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,8BAAC,eAAe,IAAC,QAAQ,EAAE,cAAc,GAAI,CAAC;QACvD,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,QAAQ,YA0DnB","sourcesContent":["import React from \"react\";\nimport SelectedFilters from \"@usereactify/search-internals/lib/components/basic/SelectedFilters\";\n\nimport { ExampleClearAll } from \"../../components\";\nimport { useFilters, useReactifySearchContext } from \"../../hooks\";\n\nexport type ClearAllProps = {\n  /** Render method */\n  render?: React.FC<{\n    clearAll: () => void;\n  }>;\n  /** Render the component even when there are no filters selected (default: false) */\n  showWhenEmpty?: boolean;\n};\n\nexport const ClearAll: React.FC<ClearAllProps> = (props) => {\n  const context = useReactifySearchContext();\n  const RenderComponent = props.render ?? ExampleClearAll;\n\n  const filtersHook = useFilters();\n\n  return (\n    <SelectedFilters\n      render={(renderProps) => {\n        const selectedFilters = Object.values(renderProps.selectedValues)\n          .map((value) => value)\n          .filter(\n            (item: any) =>\n              item?.URLParams &&\n              item?.showFilter &&\n              (!!item?.value?.length || !!item?.value?.label)\n          );\n\n        const handleClearAll = () => {\n          for (const filter of filtersHook.filters ?? []) {\n            if (filter.displayType === \"slider\") {\n              const event = new CustomEvent<{\n                handle: string;\n                value: [];\n              }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                detail: {\n                  handle: filter.handle,\n                  value: [],\n                },\n              });\n              window.dispatchEvent(event);\n            }\n            if (filter.displayType === \"multi\") {\n              if (filter.displayView === \"range\") {\n                const event = new CustomEvent<{\n                  handle: string;\n                  value: Array<string>;\n                }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                  detail: {\n                    handle: filter.handle,\n                    value: [],\n                  },\n                });\n                window.dispatchEvent(event);\n              }\n            }\n          }\n          renderProps.clearValues();\n        };\n\n        if (props.showWhenEmpty !== true && !selectedFilters.length) {\n          return null;\n        }\n\n        return <RenderComponent clearAll={handleClearAll} />;\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ClearAll.js","sourceRoot":"","sources":["../../../../src/components/ClearAll/ClearAll.tsx"],"names":[],"mappings":";;;;;;;AACA,yHAAiG;AACjG,iDAAmD;AACnD,uCAAmE;AAW5D,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;;IACzD,MAAM,OAAO,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4BAAe,CAAC;IAExD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,CACL,uBAAC,yBAAe,IACd,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE;YACtB,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC;iBAC9D,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;iBACrB,MAAM,CACL,CAAC,IAAS,EAAE,EAAE,eAAC,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA,IAAI,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAA,EAAA,CACtG,CAAC;YAEJ,MAAM,cAAc,GAAG,GAAG,EAAE;;gBAC1B,KAAK,MAAM,MAAM,IAAI,MAAA,WAAW,CAAC,OAAO,mCAAI,EAAE,EAAE,CAAC;oBAC/C,IAAI,MAAM,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;wBACpC,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAAE;4BAC/E,MAAM,EAAE;gCACN,MAAM,EAAE,MAAM,CAAC,MAAM;gCACrB,KAAK,EAAE,EAAE;6BACV;yBACF,CAAC,CAAC;wBACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;oBACD,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;wBACnC,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;4BACnC,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAAE;gCAC/E,MAAM,EAAE;oCACN,MAAM,EAAE,MAAM,CAAC,MAAM;oCACrB,KAAK,EAAE,EAAE;iCACV;6BACF,CAAC,CAAC;4BACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC9B,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,WAAW,CAAC,WAAW,EAAE,CAAC;YAC5B,CAAC,CAAC;YAEF,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;gBAC5D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,uBAAC,eAAe,IAAC,QAAQ,EAAE,cAAc,GAAI,CAAC;QACvD,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,QAAQ,YAuDnB","sourcesContent":["import type React from \"react\";\nimport SelectedFilters from \"@usereactify/search-internals/lib/components/basic/SelectedFilters\";\nimport { ExampleClearAll } from \"../../components\";\nimport { useFilters, useReactifySearchContext } from \"../../hooks\";\n\nexport type ClearAllProps = {\n  /** Render method */\n  render?: React.FC<{\n    clearAll: () => void;\n  }>;\n  /** Render the component even when there are no filters selected (default: false) */\n  showWhenEmpty?: boolean;\n};\n\nexport const ClearAll: React.FC<ClearAllProps> = (props) => {\n  const context = useReactifySearchContext();\n  const RenderComponent = props.render ?? ExampleClearAll;\n\n  const filtersHook = useFilters();\n\n  return (\n    <SelectedFilters\n      render={(renderProps) => {\n        const selectedFilters = Object.values(renderProps.selectedValues)\n          .map((value) => value)\n          .filter(\n            (item: any) => item?.URLParams && item?.showFilter && (!!item?.value?.length || !!item?.value?.label)\n          );\n\n        const handleClearAll = () => {\n          for (const filter of filtersHook.filters ?? []) {\n            if (filter.displayType === \"slider\") {\n              const event = new CustomEvent<{\n                handle: string;\n                value: [];\n              }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                detail: {\n                  handle: filter.handle,\n                  value: [],\n                },\n              });\n              window.dispatchEvent(event);\n            }\n            if (filter.displayType === \"multi\") {\n              if (filter.displayView === \"range\") {\n                const event = new CustomEvent<{\n                  handle: string;\n                  value: Array<string>;\n                }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                  detail: {\n                    handle: filter.handle,\n                    value: [],\n                  },\n                });\n                window.dispatchEvent(event);\n              }\n            }\n          }\n          renderProps.clearValues();\n        };\n\n        if (props.showWhenEmpty !== true && !selectedFilters.length) {\n          return null;\n        }\n\n        return <RenderComponent clearAll={handleClearAll} />;\n      }}\n    />\n  );\n};\n"]}

package/dist/src/components/CustomComponent/CustomComponent.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import ReactiveComponent from "@usereactify/search-internals/lib/components/basic/ReactiveComponent";
 export type CustomComponentProps = React.ComponentProps<typeof ReactiveComponent>;
 export declare const CustomComponent: React.FC<CustomComponentProps>;

package/dist/src/components/CustomComponent/CustomComponent.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomComponent = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ReactiveComponent_1 = __importDefault(require("@usereactify/search-internals/lib/components/basic/ReactiveComponent"));
 const CustomComponent = (props) => {
-    return react_1.default.createElement(ReactiveComponent_1.default, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(ReactiveComponent_1.default, Object.assign({}, props));
 };
 exports.CustomComponent = CustomComponent;
 //# sourceMappingURL=CustomComponent.js.map

package/dist/src/components/CustomComponent/CustomComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomComponent.js","sourceRoot":"","sources":["../../../../src/components/CustomComponent/CustomComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6HAAqG;AAM9F,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,8BAAC,2BAAiB,oBAAK,KAAK,EAAI,CAAC;AAC1C,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@usereactify/search-internals/lib/components/basic/ReactiveComponent\";\n\nexport type CustomComponentProps = React.ComponentProps<\n  typeof ReactiveComponent\n>;\n\nexport const CustomComponent: React.FC<CustomComponentProps> = (props) => {\n  return <ReactiveComponent {...props} />;\n};\n"]}
+{"version":3,"file":"CustomComponent.js","sourceRoot":"","sources":["../../../../src/components/CustomComponent/CustomComponent.tsx"],"names":[],"mappings":";;;;;;;AACA,6HAAqG;AAI9F,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,uBAAC,2BAAiB,oBAAK,KAAK,EAAI,CAAC;AAC1C,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["import type React from \"react\";\nimport ReactiveComponent from \"@usereactify/search-internals/lib/components/basic/ReactiveComponent\";\n\nexport type CustomComponentProps = React.ComponentProps<typeof ReactiveComponent>;\n\nexport const CustomComponent: React.FC<CustomComponentProps> = (props) => {\n  return <ReactiveComponent {...props} />;\n};\n"]}

package/dist/src/components/Example/ExampleClearAll.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ClearAllProps } from "../../components";
+import type React from "react";
+import type { ClearAllProps } from "../../components";
 export type ExampleClearAllProps = React.ComponentProps<NonNullable<ClearAllProps["render"]>>;
 export declare const ExampleClearAll: React.FC<ExampleClearAllProps>;

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

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleClearAll = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ExampleClearAll = (props) => {
-    return react_1.default.createElement("a", { onClick: props.clearAll }, "Clear All");
+    return (0, jsx_runtime_1.jsx)("a", { onClick: props.clearAll, children: "Clear All" });
 };
 exports.ExampleClearAll = ExampleClearAll;
 //# sourceMappingURL=ExampleClearAll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleClearAll.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleClearAll.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,qCAAG,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAG,WAAW,CAAK,CAAC;AACvD,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["import React from \"react\";\n\nimport { ClearAllProps } from \"../../components\";\n\nexport type ExampleClearAllProps = React.ComponentProps<\n  NonNullable<ClearAllProps[\"render\"]>\n>;\n\nexport const ExampleClearAll: React.FC<ExampleClearAllProps> = (props) => {\n  return <a onClick={props.clearAll}>{\"Clear All\"}</a>;\n};\n"]}
+{"version":3,"file":"ExampleClearAll.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleClearAll.tsx"],"names":[],"mappings":";;;;AAKO,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,8BAAG,OAAO,EAAE,KAAK,CAAC,QAAQ,YAAG,WAAW,GAAK,CAAC;AACvD,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["import type React from \"react\";\nimport type { ClearAllProps } from \"../../components\";\n\nexport type ExampleClearAllProps = React.ComponentProps<NonNullable<ClearAllProps[\"render\"]>>;\n\nexport const ExampleClearAll: React.FC<ExampleClearAllProps> = (props) => {\n  return <a onClick={props.clearAll}>{\"Clear All\"}</a>;\n};\n"]}

package/dist/src/components/Example/ExampleCustomComponent.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import type React from "react";
 export declare const ExampleCustomComponent: React.FC;

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

@@ -1,20 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleCustomComponent = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../components");
 const ExampleCustomComponent = () => {
-    return (react_1.default.createElement(components_1.ReactifySearchProvider, { mode: "search", shopifyPermanentDomain: "usereactify-demo.myshopify.com", additionalComponentIds: ["SensorSpecialProduct"] },
-        react_1.default.createElement(components_1.CustomComponent, { componentId: "SensorSpecialProduct", customQuery: () => ({
+    return ((0, jsx_runtime_1.jsx)(components_1.ReactifySearchProvider, { additionalComponentIds: ["SensorSpecialProduct"], mode: "search", shopifyPermanentDomain: "usereactify-demo.myshopify.com", children: (0, jsx_runtime_1.jsx)(components_1.CustomComponent, { componentId: "SensorSpecialProduct", customQuery: () => ({
                 query: {
                     match: {
                         product_type: "Special Product",
                     },
                 },
-            }) })));
+            }) }) }));
 };
 exports.ExampleCustomComponent = ExampleCustomComponent;
 //# sourceMappingURL=ExampleCustomComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleCustomComponent.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleCustomComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA2E;AAEpE,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,OAAO,CACL,8BAAC,mCAAsB,IACrB,IAAI,EAAC,QAAQ,EACb,sBAAsB,EAAC,gCAAgC,EACvD,sBAAsB,EAAE,CAAC,sBAAsB,CAAC;QAEhD,8BAAC,4BAAe,IACd,WAAW,EAAC,sBAAsB,EAClC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;gBAClB,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,iBAAiB;qBAChC;iBACF;aACF,CAAC,GACF,CACqB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["import React from \"react\";\n\nimport { ReactifySearchProvider, CustomComponent } from \"../../components\";\n\nexport const ExampleCustomComponent: React.FC = () => {\n  return (\n    <ReactifySearchProvider\n      mode=\"search\"\n      shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n      additionalComponentIds={[\"SensorSpecialProduct\"]}\n    >\n      <CustomComponent\n        componentId=\"SensorSpecialProduct\"\n        customQuery={() => ({\n          query: {\n            match: {\n              product_type: \"Special Product\",\n            },\n          },\n        })}\n      />\n    </ReactifySearchProvider>\n  );\n};\n"]}
+{"version":3,"file":"ExampleCustomComponent.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleCustomComponent.tsx"],"names":[],"mappings":";;;;AACA,iDAA2E;AAEpE,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,OAAO,CACL,uBAAC,mCAAsB,IACrB,sBAAsB,EAAE,CAAC,sBAAsB,CAAC,EAChD,IAAI,EAAC,QAAQ,EACb,sBAAsB,EAAC,gCAAgC,YAEvD,uBAAC,4BAAe,IACd,WAAW,EAAC,sBAAsB,EAClC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;gBAClB,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,iBAAiB;qBAChC;iBACF;aACF,CAAC,GACF,GACqB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["import type React from \"react\";\nimport { CustomComponent, ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleCustomComponent: React.FC = () => {\n  return (\n    <ReactifySearchProvider\n      additionalComponentIds={[\"SensorSpecialProduct\"]}\n      mode=\"search\"\n      shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n    >\n      <CustomComponent\n        componentId=\"SensorSpecialProduct\"\n        customQuery={() => ({\n          query: {\n            match: {\n              product_type: \"Special Product\",\n            },\n          },\n        })}\n      />\n    </ReactifySearchProvider>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFilterList.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FilterProps } from "../../components";
+import type React from "react";
+import type { FilterProps } from "../../components";
 export type ExampleFilterListProps = React.ComponentProps<NonNullable<FilterProps["renderFilterList"]>>;
 export declare const ExampleFilterList: React.FC<ExampleFilterListProps>;
 export declare const ExampleFilterListList: React.FC<ExampleFilterListProps>;

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

@@ -1,92 +1,57 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilterListBox = exports.ExampleFilterListSwatch = exports.ExampleFilterListCheckbox = exports.ExampleFilterListRadio = exports.ExampleFilterListList = exports.ExampleFilterList = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ExampleFilterList = (props) => {
-    return (react_1.default.createElement("div", { className: "rs__filter" },
-        react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
-        props.filter.displayView === "list" ? (react_1.default.createElement(exports.ExampleFilterListList, Object.assign({}, props))) : null,
-        props.filter.displayType === "single" &&
-            props.filter.displayView === "check" ? (react_1.default.createElement(exports.ExampleFilterListRadio, Object.assign({}, props))) : null,
-        props.filter.displayType === "multi" &&
-            props.filter.displayView === "check" ? (react_1.default.createElement(exports.ExampleFilterListCheckbox, Object.assign({}, props))) : null,
-        props.filter.displayView === "swatch" ? (react_1.default.createElement(exports.ExampleFilterListSwatch, Object.assign({}, props))) : null,
-        props.filter.displayView === "box" ? (react_1.default.createElement(exports.ExampleFilterListBox, Object.assign({}, props))) : null));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__filter", children: [(0, jsx_runtime_1.jsx)("h3", { className: "rs__filter__name", children: props.filter.name }), props.filter.displayView === "list" ? (0, jsx_runtime_1.jsx)(exports.ExampleFilterListList, Object.assign({}, props)) : null, props.filter.displayType === "single" && props.filter.displayView === "check" ? ((0, jsx_runtime_1.jsx)(exports.ExampleFilterListRadio, Object.assign({}, props))) : null, props.filter.displayType === "multi" && props.filter.displayView === "check" ? ((0, jsx_runtime_1.jsx)(exports.ExampleFilterListCheckbox, Object.assign({}, props))) : null, props.filter.displayView === "swatch" ? (0, jsx_runtime_1.jsx)(exports.ExampleFilterListSwatch, Object.assign({}, props)) : null, props.filter.displayView === "box" ? (0, jsx_runtime_1.jsx)(exports.ExampleFilterListBox, Object.assign({}, props)) : null] }));
 };
 exports.ExampleFilterList = ExampleFilterList;
 const ExampleFilterListList = (props) => {
-    return (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 ${option.checked ? "rs__filter__list-item-active" : ""}` },
-        react_1.default.createElement("label", { className: "rs__filter__list-item-label", onClick: () => props.filterListProps.handleChange(option.key) },
-            react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.label),
-            react_1.default.createElement("span", { className: "rs__filter__list-item-count" },
-                "(",
-                option.doc_count,
-                ")")))))));
+    return ((0, jsx_runtime_1.jsx)("ul", { className: "rs__filter__list", children: props.filterListProps.options.map((option) => ((0, jsx_runtime_1.jsx)("li", { className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}`, children: (0, jsx_runtime_1.jsxs)("label", { className: "rs__filter__list-item-label", onClick: () => props.filterListProps.handleChange(option.key), children: [(0, jsx_runtime_1.jsx)("span", { className: "rs__filter__list-item-key", children: option.label }), (0, jsx_runtime_1.jsxs)("span", { className: "rs__filter__list-item-count", children: ["(", option.doc_count, ")"] })] }) }, option.key))) }));
 };
 exports.ExampleFilterListList = ExampleFilterListList;
 const ExampleFilterListRadio = (props) => {
-    return (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 ${option.checked ? "rs__filter__list-item-active" : ""}` },
-        react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
-            react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "radio", checked: option.checked, onChange: (event) => props.filterListProps.handleChange(event.target.value) }),
-            react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.label),
-            react_1.default.createElement("span", { className: "rs__filter__list-item-count" },
-                "(",
-                option.doc_count,
-                ")")))))));
+    return ((0, jsx_runtime_1.jsx)("ul", { className: "rs__filter__list", children: props.filterListProps.options.map((option) => ((0, jsx_runtime_1.jsx)("li", { className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}`, children: (0, jsx_runtime_1.jsxs)("label", { className: "rs__filter__list-item-label", children: [(0, jsx_runtime_1.jsx)("input", { checked: option.checked, className: "rs__filter__list-item-input", onChange: (event) => props.filterListProps.handleChange(event.target.value), type: "radio", value: option.key }), (0, jsx_runtime_1.jsx)("span", { className: "rs__filter__list-item-key", children: option.label }), (0, jsx_runtime_1.jsxs)("span", { className: "rs__filter__list-item-count", children: ["(", option.doc_count, ")"] })] }) }, option.key))) }));
 };
 exports.ExampleFilterListRadio = ExampleFilterListRadio;
 const ExampleFilterListCheckbox = (props) => {
-    return (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 ${option.checked ? "rs__filter__list-item-active" : ""}` },
-        react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
-            react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "checkbox", checked: option.checked, onChange: (event) => props.filterListProps.handleChange(event.target.value) }),
-            react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.label),
-            react_1.default.createElement("span", { className: "rs__filter__list-item-count" },
-                "(",
-                option.doc_count,
-                ")")))))));
+    return ((0, jsx_runtime_1.jsx)("ul", { className: "rs__filter__list", children: props.filterListProps.options.map((option) => ((0, jsx_runtime_1.jsx)("li", { className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}`, children: (0, jsx_runtime_1.jsxs)("label", { className: "rs__filter__list-item-label", children: [(0, jsx_runtime_1.jsx)("input", { checked: option.checked, className: "rs__filter__list-item-input", onChange: (event) => props.filterListProps.handleChange(event.target.value), type: "checkbox", value: option.key }), (0, jsx_runtime_1.jsx)("span", { className: "rs__filter__list-item-key", children: option.label }), (0, jsx_runtime_1.jsxs)("span", { className: "rs__filter__list-item-count", children: ["(", option.doc_count, ")"] })] }) }, option.key))) }));
 };
 exports.ExampleFilterListCheckbox = ExampleFilterListCheckbox;
 const ExampleFilterListSwatch = (props) => {
-    return (react_1.default.createElement("div", { className: "rs__filter__list", style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "rs__filter__list", style: {
             display: "flex",
             flexWrap: "wrap",
-        } }, props.filterListProps.options.map((option) => (react_1.default.createElement("div", { key: option.key, className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}` },
-        react_1.default.createElement("div", { className: "rs__filter__list-item-label", style: {
-                display: "inline-block",
-                width: "20px",
-                height: "20px",
-                marginRight: "2px",
-                marginBottom: "2px",
-                borderRadius: "50%",
-                backgroundColor: option.key,
-                border: option.checked
-                    ? "1px solid black"
-                    : "1px solid transparent",
-            }, onClick: () => props.filterListProps.handleChange(option.key) }))))));
+        }, children: props.filterListProps.options.map((option) => ((0, jsx_runtime_1.jsx)("div", { className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}`, children: (0, jsx_runtime_1.jsx)("div", { className: "rs__filter__list-item-label", onClick: () => props.filterListProps.handleChange(option.key), style: {
+                    display: "inline-block",
+                    width: "20px",
+                    height: "20px",
+                    marginRight: "2px",
+                    marginBottom: "2px",
+                    borderRadius: "50%",
+                    backgroundColor: option.key,
+                    border: option.checked ? "1px solid black" : "1px solid transparent",
+                } }) }, option.key))) }));
 };
 exports.ExampleFilterListSwatch = ExampleFilterListSwatch;
 const ExampleFilterListBox = (props) => {
-    return (react_1.default.createElement("div", { className: "rs__filter__list", style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "rs__filter__list", style: {
             display: "flex",
             flexWrap: "wrap",
-        } }, props.filterListProps.options.map((option) => (react_1.default.createElement("div", { key: option.key, className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}` },
-        react_1.default.createElement("div", { className: "rs__filter__list-item-label", style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                width: "40px",
-                height: "40px",
-                marginRight: "2px",
-                marginBottom: "2px",
-                border: "1px solid black",
-                overflow: "hidden",
-                cursor: "pointer",
-                color: option.checked ? "white" : "black",
-                backgroundColor: option.checked ? "black" : "white",
-            }, onClick: () => props.filterListProps.handleChange(option.key) }, option.key))))));
+        }, children: props.filterListProps.options.map((option) => ((0, jsx_runtime_1.jsx)("div", { className: `rs__filter__list-item ${option.checked ? "rs__filter__list-item-active" : ""}`, children: (0, jsx_runtime_1.jsx)("div", { className: "rs__filter__list-item-label", onClick: () => props.filterListProps.handleChange(option.key), style: {
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    width: "40px",
+                    height: "40px",
+                    marginRight: "2px",
+                    marginBottom: "2px",
+                    border: "1px solid black",
+                    overflow: "hidden",
+                    cursor: "pointer",
+                    color: option.checked ? "white" : "black",
+                    backgroundColor: option.checked ? "black" : "white",
+                }, children: option.key }) }, option.key))) }));
 };
 exports.ExampleFilterListBox = ExampleFilterListBox;
 //# sourceMappingURL=ExampleFilterList.js.map

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

@@ -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,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACxD,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,CACrC,8BAAC,6BAAqB,oBAAK,KAAK,EAAI,CACrC,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,QAAQ;YACtC,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CACrC,8BAAC,8BAAsB,oBAAK,KAAK,EAAI,CACtC,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,OAAO;YACrC,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CACrC,8BAAC,iCAAyB,oBAAK,KAAK,EAAI,CACzC,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvC,8BAAC,+BAAuB,oBAAK,KAAK,EAAI,CACvC,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,MAAM,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,CACpC,8BAAC,4BAAoB,oBAAK,KAAK,EAAI,CACpC,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,iBAAiB,qBAuB5B;AAEK,MAAM,qBAAqB,GAAqC,CACrE,KAAK,EACL,EAAE;IACF,OAAO,CACL,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,yBACT,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EACpD,EAAE;QAEF,yCACE,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;YAE7D,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ;YACjE,wCAAM,SAAS,EAAC,6BAA6B;;gBACzC,MAAM,CAAC,SAAS;oBACb,CACD,CACL,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,qBAAqB,yBAyBhC;AAEK,MAAM,sBAAsB,GAAqC,CACtE,KAAK,EACL,EAAE;IACF,OAAO,CACL,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,yBACT,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EACpD,EAAE;QAEF,yCAAO,SAAS,EAAC,6BAA6B;YAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAExD;YACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ;YACjE,wCAAM,SAAS,EAAC,6BAA6B;;gBACzC,MAAM,CAAC,SAAS;oBACb,CACD,CACL,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,sBAAsB,0BA+BjC;AAEK,MAAM,yBAAyB,GAAqC,CACzE,KAAK,EACL,EAAE;IACF,OAAO,CACL,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,yBACT,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EACpD,EAAE;QAEF,yCAAO,SAAS,EAAC,6BAA6B;YAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAExD;YACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ;YACjE,wCAAM,SAAS,EAAC,6BAA6B;;gBACzC,MAAM,CAAC,SAAS;oBACb,CACD,CACL,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,yBAAyB,6BA+BpC;AAEK,MAAM,uBAAuB,GAAqC,CACvE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;SACjB,IAEA,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,uCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,yBACT,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EACpD,EAAE;QAEF,uCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;gBACL,OAAO,EAAE,cAAc;gBACvB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,KAAK;gBACnB,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,MAAM,CAAC,GAAG;gBAC3B,MAAM,EAAE,MAAM,CAAC,OAAO;oBACpB,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,uBAAuB;aAC5B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,GAC7D,CACE,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,uBAAuB,2BAsClC;AAEK,MAAM,oBAAoB,GAAqC,CACpE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;SACjB,IAEA,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,uCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,yBACT,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EACpD,EAAE;QAEF,uCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,iBAAiB;gBACzB,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBACzC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;aACpD,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,IAE5D,MAAM,CAAC,GAAG,CACP,CACF,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,oBAAoB,wBA0C/B","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    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      {props.filter.displayView === \"list\" ? (\n        <ExampleFilterListList {...props} />\n      ) : null}\n      {props.filter.displayType === \"single\" &&\n      props.filter.displayView === \"check\" ? (\n        <ExampleFilterListRadio {...props} />\n      ) : null}\n      {props.filter.displayType === \"multi\" &&\n      props.filter.displayView === \"check\" ? (\n        <ExampleFilterListCheckbox {...props} />\n      ) : null}\n      {props.filter.displayView === \"swatch\" ? (\n        <ExampleFilterListSwatch {...props} />\n      ) : null}\n      {props.filter.displayView === \"box\" ? (\n        <ExampleFilterListBox {...props} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const ExampleFilterListList: React.FC<ExampleFilterListProps> = (\n  props\n) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          key={option.key}\n          className={`rs__filter__list-item ${\n            option.checked ? \"rs__filter__list-item-active\" : \"\"\n          }`}\n        >\n          <label\n            className=\"rs__filter__list-item-label\"\n            onClick={() => props.filterListProps.handleChange(option.key)}\n          >\n            <span className=\"rs__filter__list-item-key\">{option.label}</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\nexport const ExampleFilterListRadio: React.FC<ExampleFilterListProps> = (\n  props\n) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          key={option.key}\n          className={`rs__filter__list-item ${\n            option.checked ? \"rs__filter__list-item-active\" : \"\"\n          }`}\n        >\n          <label className=\"rs__filter__list-item-label\">\n            <input\n              className=\"rs__filter__list-item-input\"\n              value={option.key}\n              type=\"radio\"\n              checked={option.checked}\n              onChange={(event) =>\n                props.filterListProps.handleChange(event.target.value)\n              }\n            />\n            <span className=\"rs__filter__list-item-key\">{option.label}</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\nexport const ExampleFilterListCheckbox: React.FC<ExampleFilterListProps> = (\n  props\n) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          key={option.key}\n          className={`rs__filter__list-item ${\n            option.checked ? \"rs__filter__list-item-active\" : \"\"\n          }`}\n        >\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={(event) =>\n                props.filterListProps.handleChange(event.target.value)\n              }\n            />\n            <span className=\"rs__filter__list-item-key\">{option.label}</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\nexport const ExampleFilterListSwatch: React.FC<ExampleFilterListProps> = (\n  props\n) => {\n  return (\n    <div\n      className=\"rs__filter__list\"\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n      }}\n    >\n      {props.filterListProps.options.map((option) => (\n        <div\n          key={option.key}\n          className={`rs__filter__list-item ${\n            option.checked ? \"rs__filter__list-item-active\" : \"\"\n          }`}\n        >\n          <div\n            className=\"rs__filter__list-item-label\"\n            style={{\n              display: \"inline-block\",\n              width: \"20px\",\n              height: \"20px\",\n              marginRight: \"2px\",\n              marginBottom: \"2px\",\n              borderRadius: \"50%\",\n              backgroundColor: option.key,\n              border: option.checked\n                ? \"1px solid black\"\n                : \"1px solid transparent\",\n            }}\n            onClick={() => props.filterListProps.handleChange(option.key)}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport const ExampleFilterListBox: React.FC<ExampleFilterListProps> = (\n  props\n) => {\n  return (\n    <div\n      className=\"rs__filter__list\"\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n      }}\n    >\n      {props.filterListProps.options.map((option) => (\n        <div\n          key={option.key}\n          className={`rs__filter__list-item ${\n            option.checked ? \"rs__filter__list-item-active\" : \"\"\n          }`}\n        >\n          <div\n            className=\"rs__filter__list-item-label\"\n            style={{\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              width: \"40px\",\n              height: \"40px\",\n              marginRight: \"2px\",\n              marginBottom: \"2px\",\n              border: \"1px solid black\",\n              overflow: \"hidden\",\n              cursor: \"pointer\",\n              color: option.checked ? \"white\" : \"black\",\n              backgroundColor: option.checked ? \"black\" : \"white\",\n            }}\n            onClick={() => props.filterListProps.handleChange(option.key)}\n          >\n            {option.key}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilterList.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterList.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from \"react\";\nimport type { FilterProps } from \"../../components\";\n\nexport type ExampleFilterListProps = React.ComponentProps<NonNullable<FilterProps[\"renderFilterList\"]>>;\n\nexport const ExampleFilterList: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      {props.filter.displayView === \"list\" ? <ExampleFilterListList {...props} /> : null}\n      {props.filter.displayType === \"single\" && props.filter.displayView === \"check\" ? (\n        <ExampleFilterListRadio {...props} />\n      ) : null}\n      {props.filter.displayType === \"multi\" && props.filter.displayView === \"check\" ? (\n        <ExampleFilterListCheckbox {...props} />\n      ) : null}\n      {props.filter.displayView === \"swatch\" ? <ExampleFilterListSwatch {...props} /> : null}\n      {props.filter.displayView === \"box\" ? <ExampleFilterListBox {...props} /> : null}\n    </div>\n  );\n};\n\nexport const ExampleFilterListList: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          className={`rs__filter__list-item ${option.checked ? \"rs__filter__list-item-active\" : \"\"}`}\n          key={option.key}\n        >\n          <label className=\"rs__filter__list-item-label\" onClick={() => props.filterListProps.handleChange(option.key)}>\n            <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            <span className=\"rs__filter__list-item-count\">({option.doc_count})</span>\n          </label>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport const ExampleFilterListRadio: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          className={`rs__filter__list-item ${option.checked ? \"rs__filter__list-item-active\" : \"\"}`}\n          key={option.key}\n        >\n          <label className=\"rs__filter__list-item-label\">\n            <input\n              checked={option.checked}\n              className=\"rs__filter__list-item-input\"\n              onChange={(event) => props.filterListProps.handleChange(event.target.value)}\n              type=\"radio\"\n              value={option.key}\n            />\n            <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            <span className=\"rs__filter__list-item-count\">({option.doc_count})</span>\n          </label>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport const ExampleFilterListCheckbox: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <ul className=\"rs__filter__list\">\n      {props.filterListProps.options.map((option) => (\n        <li\n          className={`rs__filter__list-item ${option.checked ? \"rs__filter__list-item-active\" : \"\"}`}\n          key={option.key}\n        >\n          <label className=\"rs__filter__list-item-label\">\n            <input\n              checked={option.checked}\n              className=\"rs__filter__list-item-input\"\n              onChange={(event) => props.filterListProps.handleChange(event.target.value)}\n              type=\"checkbox\"\n              value={option.key}\n            />\n            <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            <span className=\"rs__filter__list-item-count\">({option.doc_count})</span>\n          </label>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport const ExampleFilterListSwatch: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <div\n      className=\"rs__filter__list\"\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n      }}\n    >\n      {props.filterListProps.options.map((option) => (\n        <div\n          className={`rs__filter__list-item ${option.checked ? \"rs__filter__list-item-active\" : \"\"}`}\n          key={option.key}\n        >\n          <div\n            className=\"rs__filter__list-item-label\"\n            onClick={() => props.filterListProps.handleChange(option.key)}\n            style={{\n              display: \"inline-block\",\n              width: \"20px\",\n              height: \"20px\",\n              marginRight: \"2px\",\n              marginBottom: \"2px\",\n              borderRadius: \"50%\",\n              backgroundColor: option.key,\n              border: option.checked ? \"1px solid black\" : \"1px solid transparent\",\n            }}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport const ExampleFilterListBox: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <div\n      className=\"rs__filter__list\"\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n      }}\n    >\n      {props.filterListProps.options.map((option) => (\n        <div\n          className={`rs__filter__list-item ${option.checked ? \"rs__filter__list-item-active\" : \"\"}`}\n          key={option.key}\n        >\n          <div\n            className=\"rs__filter__list-item-label\"\n            onClick={() => props.filterListProps.handleChange(option.key)}\n            style={{\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              width: \"40px\",\n              height: \"40px\",\n              marginRight: \"2px\",\n              marginBottom: \"2px\",\n              border: \"1px solid black\",\n              overflow: \"hidden\",\n              cursor: \"pointer\",\n              color: option.checked ? \"white\" : \"black\",\n              backgroundColor: option.checked ? \"black\" : \"white\",\n            }}\n          >\n            {option.key}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFilterRange.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { FilterProps } from "../../components";
+import type React from "react";
+import type { FilterProps } from "../../components";
 export type ExampleFilterRangeProps = React.ComponentProps<NonNullable<FilterProps["renderFilterRange"]>>;
 export declare const ExampleFilterRange: React.FC<ExampleFilterRangeProps>;

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

@@ -1,19 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilterRange = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ExampleFilterRange = (props) => {
-    return (react_1.default.createElement("div", { className: "rs__filter" },
-        react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
-        react_1.default.createElement("ul", { className: "rs__filter__list" }, props.filterRangeProps.options.map((option) => (react_1.default.createElement("li", { key: option.key, className: "rs__filter__list-item" },
-            react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
-                react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "multi" === props.filterRangeProps.filter.displayType
-                        ? "checkbox"
-                        : "radio", checked: option.checked, onChange: (event) => props.filterRangeProps.handleChange(event.target.value) }),
-                react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.label))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__filter", children: [(0, jsx_runtime_1.jsx)("h3", { className: "rs__filter__name", children: props.filter.name }), (0, jsx_runtime_1.jsx)("ul", { className: "rs__filter__list", children: props.filterRangeProps.options.map((option) => ((0, jsx_runtime_1.jsx)("li", { className: "rs__filter__list-item", children: (0, jsx_runtime_1.jsxs)("label", { className: "rs__filter__list-item-label", children: [(0, jsx_runtime_1.jsx)("input", { checked: option.checked, className: "rs__filter__list-item-input", onChange: (event) => props.filterRangeProps.handleChange(event.target.value), type: "multi" === props.filterRangeProps.filter.displayType ? "checkbox" : "radio", value: option.key }), (0, jsx_runtime_1.jsx)("span", { className: "rs__filter__list-item-key", children: option.label })] }) }, option.key))) })] }));
 };
 exports.ExampleFilterRange = ExampleFilterRange;
 //# sourceMappingURL=ExampleFilterRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9C,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,EACF,OAAO,KAAK,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW;wBACnD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,OAAO,EAEb,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAEzD;gBACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B","sourcesContent":["import React from \"react\";\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  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <ul className=\"rs__filter__list\">\n        {props.filterRangeProps.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={\n                  \"multi\" === props.filterRangeProps.filter.displayType\n                    ? \"checkbox\"\n                    : \"radio\"\n                }\n                checked={option.checked}\n                onChange={(event) =>\n                  props.filterRangeProps.handleChange(event.target.value)\n                }\n              />\n              <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;AAKO,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,MAAM,CAAC,IAAI,GAAM,EACzD,+BAAI,SAAS,EAAC,kBAAkB,YAC7B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9C,+BAAI,SAAS,EAAC,uBAAuB,YACnC,mCAAO,SAAS,EAAC,6BAA6B,aAC5C,kCACE,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5E,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAClF,KAAK,EAAE,MAAM,CAAC,GAAG,GACjB,EACF,iCAAM,SAAS,EAAC,2BAA2B,YAAE,MAAM,CAAC,KAAK,GAAQ,IAC3D,IAViC,MAAM,CAAC,GAAG,CAWhD,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,kBAAkB,sBAsB7B","sourcesContent":["import type React from \"react\";\nimport type { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = React.ComponentProps<NonNullable<FilterProps[\"renderFilterRange\"]>>;\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (props) => {\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <ul className=\"rs__filter__list\">\n        {props.filterRangeProps.options.map((option) => (\n          <li className=\"rs__filter__list-item\" key={option.key}>\n            <label className=\"rs__filter__list-item-label\">\n              <input\n                checked={option.checked}\n                className=\"rs__filter__list-item-input\"\n                onChange={(event) => props.filterRangeProps.handleChange(event.target.value)}\n                type={\"multi\" === props.filterRangeProps.filter.displayType ? \"checkbox\" : \"radio\"}\n                value={option.key}\n              />\n              <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFilterSlider.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { FilterProps } from "../../components";
+import type React from "react";
+import type { FilterProps } from "../../components";
 export type ExampleFilterSliderProps = React.ComponentProps<NonNullable<FilterProps["renderFilterSlider"]>>;
 export declare const ExampleFilterSlider: React.FC<ExampleFilterSliderProps>;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilterSlider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_slider_1 = __importDefault(require("react-slider"));
 const ExampleFilterSlider = (props) => {
     const trackStyleEnds = {
@@ -15,23 +15,16 @@ const ExampleFilterSlider = (props) => {
         borderRadius: "4px",
     };
     const trackStyleMiddle = Object.assign(Object.assign({}, trackStyleEnds), { background: "rgb(2, 117, 255)", border: "1px solid rgb(74, 117, 187)" });
-    return (react_1.default.createElement("div", { className: "rs__filter" },
-        react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
-        react_1.default.createElement("div", { className: "rs__filter__slider", style: {
-                maxWidth: "300px",
-                height: "26px",
-                margin: "auto",
-                top: "6px",
-            } },
-            react_1.default.createElement(react_slider_1.default, Object.assign({ thumbClassName: "rs__filter__slider__thumb" }, props.reactSliderProps, { renderTrack: (props, state) => (react_1.default.createElement("div", Object.assign({}, props, { style: Object.assign(Object.assign({}, (state.index === 1 ? trackStyleMiddle : trackStyleEnds)), props.style) }))), renderThumb: (renderProps, state) => (react_1.default.createElement("div", Object.assign({}, renderProps, { style: Object.assign({ cursor: "grab", background: "rgb(2, 117, 255)", top: "6px", width: "16px", height: "16px", borderRadius: "100%", outline: "none" }, renderProps.style) }),
-                    react_1.default.createElement("span", { style: {
-                            position: "absolute",
-                            top: "-24px",
-                            left: "-50%",
-                        } },
-                        props.filter.displaySliderPrefix,
-                        state.valueNow,
-                        props.filter.displaySliderSuffix))) })))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__filter", children: [(0, jsx_runtime_1.jsx)("h3", { className: "rs__filter__name", children: props.filter.name }), (0, jsx_runtime_1.jsx)("div", { className: "rs__filter__slider", style: {
+                    maxWidth: "300px",
+                    height: "26px",
+                    margin: "auto",
+                    top: "6px",
+                }, children: (0, jsx_runtime_1.jsx)(react_slider_1.default, Object.assign({ thumbClassName: "rs__filter__slider__thumb" }, props.reactSliderProps, { renderThumb: (renderProps, state) => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, renderProps, { style: Object.assign({ cursor: "grab", background: "rgb(2, 117, 255)", top: "6px", width: "16px", height: "16px", borderRadius: "100%", outline: "none" }, renderProps.style), children: (0, jsx_runtime_1.jsxs)("span", { style: {
+                                position: "absolute",
+                                top: "-24px",
+                                left: "-50%",
+                            }, children: [props.filter.displaySliderPrefix, state.valueNow, props.filter.displaySliderSuffix] }) }))), renderTrack: (props, state) => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { style: Object.assign(Object.assign({}, (state.index === 1 ? trackStyleMiddle : trackStyleEnds)), props.style) }))) })) })] }));
 };
 exports.ExampleFilterSlider = ExampleFilterSlider;
 //# sourceMappingURL=ExampleFilterSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gEAAuC;AAOhC,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,MAAM,cAAc,GAAG;QACrB,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,8BAA8B;QACtC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,MAAM,gBAAgB,mCACjB,cAAc,KACjB,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,6BAA6B,GACtC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,uCACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM;gBACd,GAAG,EAAE,KAAK;aACX;YAED,8BAAC,sBAAW,kBACV,cAAc,EAAC,2BAA2B,IACtC,KAAK,CAAC,gBAAgB,IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,uDACM,KAAK,IACT,KAAK,kCACA,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,GACvD,KAAK,CAAC,KAAK,KAEX,CACR,EACD,WAAW,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,uDACM,WAAW,IACf,KAAK,kBACH,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,kBAAkB,EAC9B,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,MAAM,IACZ,WAAW,CAAC,KAAK;oBAGtB,wCACE,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,OAAO;4BACZ,IAAI,EAAE,MAAM;yBACb;wBAEA,KAAK,CAAC,MAAM,CAAC,mBAAmB;wBAChC,KAAK,CAAC,QAAQ;wBACd,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAC5B,CACH,CACP,IACD,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAvEW,QAAA,mBAAmB,uBAuE9B","sourcesContent":["import React from \"react\";\nimport ReactSlider from \"react-slider\";\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  const trackStyleEnds = {\n    top: \"10px\",\n    height: \"8px\",\n    background: \"rgb(239, 239, 239)\",\n    border: \"1px solid rgb(179, 179, 179)\",\n    borderRadius: \"4px\",\n  };\n  const trackStyleMiddle = {\n    ...trackStyleEnds,\n    background: \"rgb(2, 117, 255)\",\n    border: \"1px solid rgb(74, 117, 187)\",\n  };\n\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <div\n        className=\"rs__filter__slider\"\n        style={{\n          maxWidth: \"300px\",\n          height: \"26px\",\n          margin: \"auto\",\n          top: \"6px\",\n        }}\n      >\n        <ReactSlider\n          thumbClassName=\"rs__filter__slider__thumb\"\n          {...props.reactSliderProps}\n          renderTrack={(props, state) => (\n            <div\n              {...props}\n              style={{\n                ...(state.index === 1 ? trackStyleMiddle : trackStyleEnds),\n                ...props.style,\n              }}\n            ></div>\n          )}\n          renderThumb={(renderProps, state) => (\n            <div\n              {...renderProps}\n              style={{\n                cursor: \"grab\",\n                background: \"rgb(2, 117, 255)\",\n                top: \"6px\",\n                width: \"16px\",\n                height: \"16px\",\n                borderRadius: \"100%\",\n                outline: \"none\",\n                ...renderProps.style,\n              }}\n            >\n              <span\n                style={{\n                  position: \"absolute\",\n                  top: \"-24px\",\n                  left: \"-50%\",\n                }}\n              >\n                {props.filter.displaySliderPrefix}\n                {state.valueNow}\n                {props.filter.displaySliderSuffix}\n              </span>\n            </div>\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;;AACA,gEAAuC;AAKhC,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,cAAc,GAAG;QACrB,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,8BAA8B;QACtC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,MAAM,gBAAgB,mCACjB,cAAc,KACjB,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,6BAA6B,GACtC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,MAAM,CAAC,IAAI,GAAM,EACzD,gCACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,MAAM;oBACd,GAAG,EAAE,KAAK;iBACX,YAED,uBAAC,sBAAW,kBACV,cAAc,EAAC,2BAA2B,IACtC,KAAK,CAAC,gBAAgB,IAC1B,WAAW,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,gDACM,WAAW,IACf,KAAK,kBACH,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,kBAAkB,EAC9B,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,MAAM,IACZ,WAAW,CAAC,KAAK,aAGtB,kCACE,KAAK,EAAE;gCACL,QAAQ,EAAE,UAAU;gCACpB,GAAG,EAAE,OAAO;gCACZ,IAAI,EAAE,MAAM;6BACb,aAEA,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAChC,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,MAAM,CAAC,mBAAmB,IAC5B,IACH,CACP,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gDACM,KAAK,IACT,KAAK,kCACA,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,GACvD,KAAK,CAAC,KAAK,KAEX,CACR,IACD,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,mBAAmB,uBAqE9B","sourcesContent":["import type React from \"react\";\nimport ReactSlider from \"react-slider\";\nimport type { FilterProps } from \"../../components\";\n\nexport type ExampleFilterSliderProps = React.ComponentProps<NonNullable<FilterProps[\"renderFilterSlider\"]>>;\n\nexport const ExampleFilterSlider: React.FC<ExampleFilterSliderProps> = (props) => {\n  const trackStyleEnds = {\n    top: \"10px\",\n    height: \"8px\",\n    background: \"rgb(239, 239, 239)\",\n    border: \"1px solid rgb(179, 179, 179)\",\n    borderRadius: \"4px\",\n  };\n  const trackStyleMiddle = {\n    ...trackStyleEnds,\n    background: \"rgb(2, 117, 255)\",\n    border: \"1px solid rgb(74, 117, 187)\",\n  };\n\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <div\n        className=\"rs__filter__slider\"\n        style={{\n          maxWidth: \"300px\",\n          height: \"26px\",\n          margin: \"auto\",\n          top: \"6px\",\n        }}\n      >\n        <ReactSlider\n          thumbClassName=\"rs__filter__slider__thumb\"\n          {...props.reactSliderProps}\n          renderThumb={(renderProps, state) => (\n            <div\n              {...renderProps}\n              style={{\n                cursor: \"grab\",\n                background: \"rgb(2, 117, 255)\",\n                top: \"6px\",\n                width: \"16px\",\n                height: \"16px\",\n                borderRadius: \"100%\",\n                outline: \"none\",\n                ...renderProps.style,\n              }}\n            >\n              <span\n                style={{\n                  position: \"absolute\",\n                  top: \"-24px\",\n                  left: \"-50%\",\n                }}\n              >\n                {props.filter.displaySliderPrefix}\n                {state.valueNow}\n                {props.filter.displaySliderSuffix}\n              </span>\n            </div>\n          )}\n          renderTrack={(props, state) => (\n            <div\n              {...props}\n              style={{\n                ...(state.index === 1 ? trackStyleMiddle : trackStyleEnds),\n                ...props.style,\n              }}\n            ></div>\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFilters.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import type React from "react";
 export declare const ExampleFilters: React.FC;