@jetshop/core 5.17.0-alpha.8ede57ab → 5.17.0-alpha.8f38c56f

package/resolvers/filters/listFilter.js

@@ -0,0 +1,69 @@
+import { gql } from '@apollo/client';
+import { produce } from 'immer';
+import { updateListFilterQueryString } from './updateQueryString';
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+export const listFilterHasActiveItems = function listFilterHasActiveItems(parent) {
+    return (searchParams) => {
+        // During SSR, search params are passed in when instantiating Apollo Client.
+        // Otherwise, get them from the document location
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        // If the search params include the parent id, this filter is applied
+        return query === null || query === void 0 ? void 0 : query.includes(parent.id);
+    };
+};
+////////////////////////////////////////////////////////////////////////////////
+/**
+ * Mutation to clear a list filter's hasActiveItems state, and all child
+ * listFilterItem isActive state
+ */
+export const clearListFilter = (_, { id }, { cache, getCacheKey }) => {
+    const fragmentId = getCacheKey({ id, __typename: 'ListFilter' });
+    const c = cache;
+    const fragment = gql `
+    fragment listFilterItems on ListFilter {
+      hasActiveItems @client
+      id
+      items {
+        id
+        isActive @client
+      }
+    }
+  `;
+    const filter = c.readFragment({
+        id: fragmentId,
+        fragment
+    });
+    const data = produce(filter, (draft) => {
+        draft.hasActiveItems = false;
+        draft.items.forEach((item) => (item.isActive = false));
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    const activeFilters = updateActiveFilters(cache, id);
+    window.location.search && updateListFilterQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+/**
+ * Update the active filters in the cache root.
+ * @param cache Apollo Client cache
+ * @param id The ListFilter ID
+ * @returns All active filters
+ */
+function updateActiveFilters(cache, id) {
+    const { activeFilters } = cache.readQuery({
+        query: ActiveFiltersQuery
+    });
+    const data = produce(activeFilters, (draft) => {
+        draft.listFilters = draft.listFilters.filter((listFilter) => listFilter.id !== id);
+    });
+    cache.writeQuery({
+        query: ActiveFiltersQuery,
+        data: { activeFilters: data }
+    });
+    return data;
+}
+//# sourceMappingURL=listFilter.js.map

package/resolvers/filters/listFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listFilter.js","sourceRoot":"","sources":["listFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,kBAAkB,MAAM,8DAA8D,CAAC;AAE9F,MAAM,CAAC,MAAM,wBAAwB,GACnC,SAAS,wBAAwB,CAAC,MAAM;IACtC,OAAO,CAAC,YAAoB,EAAE,EAAE;QAC9B,4EAA4E;QAC5E,iDAAiD;QACjD,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAEtE,qEAAqE;QACrE,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEJ,gFAAgF;AAChF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAa,CACvC,CAAC,EACD,EAAE,EAAE,EAAE,EACN,EAAE,KAAK,EAAE,WAAW,EAAE,EACtB,EAAE;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,GAAG,KAAsB,CAAC;IAEjC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;GASnB,CAAC;IAEF,MAAM,MAAM,GAAe,CAAC,CAAC,YAAY,CAAC;QACxC,EAAE,EAAE,UAAU;QACd,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QACrC,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC;QAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,CAAC,CAAC,aAAa,CAAC;QACd,EAAE,EAAE,UAAU;QACd,QAAQ;QACR,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,MAAM,IAAI,2BAA2B,CAAC,aAAa,CAAC,CAAC;IAErE,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,gFAAgF;AAChF;;;;;GAKG;AACH,SAAS,mBAAmB,CAAC,KAAoB,EAAE,EAAU;IAC3D,MAAM,EACJ,aAAa,EACd,GAEG,KAAK,CAAC,SAAS,CAAC;QAClB,KAAK,EAAE,kBAAkB;KAC1B,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;QAC5C,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAC1C,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CACrC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,UAAU,CAAC;QACf,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;KAC9B,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC"}

package/resolvers/filters/listFilterItem.d.ts

@@ -0,0 +1,3 @@
+import { Resolver } from '..';
+export declare const isListFilterActive: Resolver;
+export declare const toggleListFilterItem: Resolver;

package/resolvers/filters/listFilterItem.js

@@ -0,0 +1,118 @@
+import { gql } from '@apollo/client';
+import { produce } from 'immer';
+import { updateListFilterQueryString } from './updateQueryString';
+import qs from 'qs';
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+// QUERY
+export const isListFilterActive = function isListFilterActive(parent) {
+    return (searchParams) => {
+        var _a, _b, _c;
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        // e.g. Armchair:product-type:151
+        // We reverse this to allow ':' in the filter value
+        const [category, name] = parent.id.split(':').reverse();
+        // Get the list filters from the search params
+        // e.g.
+        // {
+        //// "151:product-type": ["Armchair"]
+        // }
+        const paramFilter = qs.parse(query, {
+            ignoreQueryPrefix: true,
+            arrayLimit: 100
+        });
+        if (!paramFilter)
+            return false;
+        // Key contains category on category pages, but not on search results
+        const key = category ? `${category}:${name}` : name;
+        // ListFilterItem may be part of a list or a multiList
+        const filterType = ((_a = paramFilter.list) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = paramFilter.multiList) === null || _b === void 0 ? void 0 : _b[key]);
+        // If the params have a matching key and that key has an array including the
+        // value of this list filter item, then this list filter item is active
+        return (_c = filterType === null || filterType === void 0 ? void 0 : filterType.includes(parent.value)) !== null && _c !== void 0 ? _c : false;
+    };
+};
+////////////////////////////////////////////////////////////////////////////////
+// MUTATIONS
+export const toggleListFilterItem = function toggleListFilterItem(_, { value, parentId, set }, { cache, getCacheKey }) {
+    const c = cache;
+    const fragmentId = getCacheKey({
+        id: parentId,
+        __typename: 'ListFilter'
+    });
+    const fragment = gql `
+    fragment listFilter on ListFilter {
+      hasActiveItems @client
+      id
+      items {
+        id
+        value
+        isActive @client
+      }
+    }
+  `;
+    const listItem = cache.readFragment({
+        fragment,
+        id: fragmentId
+    });
+    const data = produce(listItem, (draft) => {
+        const { items } = draft;
+        // Find the item matching the value passed in as an arg
+        const item = items.find((item) => item.value === value);
+        // If `set` was passed, set the active state to it. Otherwise, toggle
+        item.isActive = typeof set === 'boolean' ? set : !item.isActive;
+        // If there are any active items, set hasActiveItems to true on the ListFilter
+        draft.hasActiveItems = items.some((item) => item.isActive);
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    // Write changes to the active filters list
+    const { activeFilters } = updateActiveListFilters(cache, data);
+    // Update the query string
+    updateListFilterQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+/**
+ * Update the active filters in the cache root.
+ * @param cache Apollo Client cache
+ * @param data The updated list item
+ * @returns All active filters
+ */
+function updateActiveListFilters(cache, data) {
+    const currentActiveFilters = cache.readQuery({
+        query: ActiveFiltersQuery
+    });
+    const activeFilters = produce(currentActiveFilters, (draft) => {
+        // Check if the filter that was just toggled is already in activeFilters
+        const existingListFilter = draft.activeFilters.listFilters.find((filter) => filter.id === data.id);
+        // Get an array of ListFilterItem values
+        const activeListFilters = data.items
+            .filter((item) => item.isActive)
+            .map((item) => item.value);
+        // If there are no active ListFilterItems, remove this ListFilter from ActiveFilters
+        if (activeListFilters.length === 0) {
+            draft.activeFilters.listFilters = draft.activeFilters.listFilters.filter((listFilter) => listFilter.id !== existingListFilter.id);
+            return;
+        }
+        if (existingListFilter) {
+            // If the list filter was already active, just update it
+            existingListFilter.values = activeListFilters;
+        }
+        else {
+            // Otherwise push it to the list of active filters
+            draft.activeFilters.listFilters.push({
+                id: data.id,
+                values: activeListFilters
+            });
+        }
+    });
+    cache.writeQuery({
+        query: ActiveFiltersQuery,
+        data: activeFilters
+    });
+    return activeFilters;
+}
+//# sourceMappingURL=listFilterItem.js.map

package/resolvers/filters/listFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listFilterItem.js","sourceRoot":"","sources":["listFilterItem.ts"],"names":[],"mappings":"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"}

package/resolvers/filters/multiListFilter.d.ts

@@ -0,0 +1,5 @@
+import { Resolver } from '..';
+export declare const isMultiFilterActive: Resolver;
+export declare const setMultiListFilter: Resolver;
+export declare const toggleMultiListFilterItem: Resolver;
+export declare const clearMultiListFilter: Resolver;

package/resolvers/filters/multiListFilter.js

@@ -0,0 +1,195 @@
+import { gql } from '@apollo/client';
+import { produce } from 'immer';
+import { updateMultiListQueryString } from './updateQueryString';
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+////////////////////////////////////////////////////////////////////////////////
+// Queries
+////////////////////////////////////////////////////////////////////////////////
+export const isMultiFilterActive = (parent) => {
+    return (searchParams) => {
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        // If the search params include the parent id, this filter is applied
+        return query === null || query === void 0 ? void 0 : query.includes(parent.id);
+    };
+};
+////////////////////////////////////////////////////////////////////////////////
+// Mutations
+////////////////////////////////////////////////////////////////////////////////
+const fragment = gql `
+  fragment GetMultiListFilter on MultiListFilter {
+    isActive @client
+    id
+    lists {
+      id
+      hasActiveItems @client
+      items {
+        id
+        value
+        isActive @client
+      }
+    }
+  }
+`;
+export const setMultiListFilter = (_, { values, id }, { cache, getCacheKey }) => {
+    const c = cache;
+    const fragmentId = getCacheKey({
+        id,
+        __typename: 'MultiListFilter'
+    });
+    const multiListFilter = cache.readFragment({
+        fragment,
+        id: fragmentId
+    });
+    const data = produce(multiListFilter, (draft) => {
+        draft.isActive = true;
+        values.forEach((val, index) => {
+            draft.lists[index].hasActiveItems = true;
+            draft.lists[index].items.find((item) => item.value === val).isActive =
+                true;
+        });
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    const { activeFilters } = updateActiveMultiListFilters(cache, data);
+    updateMultiListQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+export const toggleMultiListFilterItem = (_, { value, filter, listIndex }, { cache, getCacheKey }) => {
+    const c = cache;
+    const fragmentId = getCacheKey({
+        id: filter.id,
+        __typename: 'MultiListFilter'
+    });
+    const multiListFilter = c.readFragment({
+        fragment,
+        id: fragmentId
+    });
+    const data = produce(multiListFilter, (draft) => {
+        const totalLists = draft.lists.length;
+        // Update this list
+        const list = draft.lists[listIndex];
+        let isNowActive = true;
+        if (value === null) {
+            // Clear this list
+            list.items.forEach((item) => (item.isActive = false));
+            isNowActive = false;
+        }
+        else {
+            list.items.forEach((item) => {
+                if (item.value === value) {
+                    const itemCurrentlyActive = item.isActive;
+                    // If the item is already active, we are toggling it off
+                    if (itemCurrentlyActive)
+                        isNowActive = false;
+                    item.isActive = !item.isActive;
+                }
+                else {
+                    item.isActive = false;
+                }
+            });
+        }
+        list.hasActiveItems = isNowActive;
+        // De-select values from other lists
+        if (listIndex + 1 < totalLists) {
+            draft.lists.forEach((list, index) => {
+                if (index <= listIndex)
+                    return;
+                if (!list.hasActiveItems)
+                    return;
+                list.hasActiveItems = false;
+                list.items.forEach((item) => (item.isActive = false));
+            });
+        }
+        if (listIndex === 0 && !isNowActive) {
+            // If this is the first list, and we just set the item to inactive, the
+            // whole filter should be set to inactive
+            draft.isActive = false;
+        }
+        else {
+            draft.isActive = true;
+        }
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    const { activeFilters } = updateActiveMultiListFilters(cache, data);
+    updateMultiListQueryString(activeFilters);
+    return data;
+};
+/////////////////////////////////////////////////////////////////////////////////
+export const clearMultiListFilter = (_, { id }, { cache, getCacheKey }) => {
+    const c = cache;
+    const fragmentId = getCacheKey({ id, __typename: 'MultiListFilter' });
+    const filter = c.readFragment({
+        id: fragmentId,
+        fragment
+    });
+    const data = produce(filter, (draft) => {
+        draft.isActive = false;
+        draft.lists.forEach((list) => {
+            if (!list.hasActiveItems)
+                return;
+            list.hasActiveItems = false;
+            list.items.forEach((item) => (item.isActive = false));
+        });
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    const { activeFilters } = updateActiveMultiListFilters(cache, data);
+    window.location.search && updateMultiListQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+/**
+ * Update active multi list filters in client cache
+ * @param cache Apollo Cache
+ * @param data The multi list filter that has been modified
+ */
+function updateActiveMultiListFilters(cache, data) {
+    const currentActiveFilters = cache.readQuery({
+        query: ActiveFiltersQuery
+    });
+    const activeFilters = produce(currentActiveFilters, (draft) => {
+        // Check if the filter that was just toggled is already in activeFilters
+        const existingListFilter = draft.activeFilters.multiListFilters.find((filter) => filter.id === data.id);
+        // Get an array of ListFilterItem values
+        const lists = data.lists.filter((list) => list.hasActiveItems);
+        const listItems = lists.flatMap((list) => list.items);
+        const values = listItems
+            .filter((listItem) => listItem.isActive)
+            .map((item) => item.value);
+        if (existingListFilter && !data.isActive) {
+            // The multi filter has been cleared, so remove it from active filters
+            draft.activeFilters.multiListFilters =
+                draft.activeFilters.multiListFilters.filter((filter) => filter.id !== data.id);
+            return;
+        }
+        if (existingListFilter && data.isActive) {
+            // Update the existing filter with the new values
+            existingListFilter.values = values;
+            return;
+        }
+        if (!existingListFilter) {
+            // Create a new entry in active filters
+            draft.activeFilters.multiListFilters.push({
+                id: data.id,
+                values
+            });
+        }
+    });
+    cache.writeQuery({
+        query: ActiveFiltersQuery,
+        data: activeFilters
+    });
+    return activeFilters;
+}
+//# sourceMappingURL=multiListFilter.js.map

package/resolvers/filters/multiListFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiListFilter.js","sourceRoot":"","sources":["multiListFilter.ts"],"names":[],"mappings":"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"}

package/resolvers/filters/multiListFilterList.d.ts

@@ -0,0 +1,3 @@
+import { Resolver } from '..';
+export declare const isMultiFilterListActive: Resolver;
+export declare const clearMultiListFilterList: Resolver;

package/resolvers/filters/multiListFilterList.js

@@ -0,0 +1,56 @@
+import { gql } from '@apollo/client';
+import qs from 'qs';
+// QUERY
+export const isMultiFilterListActive = (parent) => {
+    return (searchParams) => {
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        // e.g. Armchair:product-type:151
+        const [, name, category] = parent.id.split(':');
+        // Get the list filters from the search params
+        // e.g.
+        // {
+        //// "151:product-type": ["Armchair"]
+        // }
+        const paramFilter = qs.parse(query, {
+            ignoreQueryPrefix: true,
+            arrayLimit: 100
+        }).multiList;
+        if (!paramFilter)
+            return false;
+        // Key contains category on category pages, but not on search results
+        const key = category ? `${category}:${name}` : name;
+        if (!paramFilter[key])
+            return false;
+        const listFilterItemValues = parent.items.map((item) => item.value);
+        return paramFilter[key].reduce((prev, filterFromParams) => {
+            if (prev)
+                return prev;
+            return listFilterItemValues.includes(filterFromParams);
+        }, false);
+    };
+};
+////////////////////////////////////////////////////////////////////////////////
+// MUTATION
+export const clearMultiListFilterList = (_, { listIndex, filter }, { client }) => {
+    // We can let toggleMultiListFilterItem handle this by passing a null value
+    const result = client.mutate({
+        mutation: gql `
+      mutation toggleMultiListItem {
+        toggleMultiListFilterItem(
+          value: $value
+          filter: $filter
+          listIndex: $listIndex
+        ) @client {
+          isActive @client
+        }
+      }
+    `,
+        variables: {
+            value: null,
+            filter,
+            listIndex
+        }
+    });
+    return result;
+};
+//# sourceMappingURL=multiListFilterList.js.map

package/resolvers/filters/multiListFilterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiListFilterList.js","sourceRoot":"","sources":["multiListFilterList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,IAAI,CAAC;AAIpB,QAAQ;AAER,MAAM,CAAC,MAAM,uBAAuB,GAAa,CAC/C,MAA2B,EAC3B,EAAE;IACF,OAAO,CAAC,YAAoB,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAEtE,iCAAiC;QACjC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEhD,8CAA8C;QAC9C,OAAO;QACP,IAAI;QACJ,qCAAqC;QACrC,IAAI;QACJ,MAAM,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE;YAClC,iBAAiB,EAAE,IAAI;YACvB,UAAU,EAAE,GAAG;SAChB,CAAC,CAAC,SAAS,CAAC;QAEb,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAE/B,qEAAqE;QACrE,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QAEpC,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAC3C,CAAC,IAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CACrC,CAAC;QAEF,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,CAC5B,CAAC,IAAa,EAAE,gBAAwB,EAAE,EAAE;YAC1C,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAC;YAEtB,OAAO,oBAAoB,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QACzD,CAAC,EACD,KAAK,CACN,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,WAAW;AACX,MAAM,CAAC,MAAM,wBAAwB,GAAa,CAChD,CAAC,EACD,EAAE,SAAS,EAAE,MAAM,EAAE,EACrB,EAAE,MAAM,EAAE,EACV,EAAE;IACF,2EAA2E;IAC3E,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC3B,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,KAAK,EAAE,IAAI;YACX,MAAM;YACN,SAAS;SACV;KACF,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/resolvers/filters/rangeFilter.d.ts

@@ -0,0 +1,5 @@
+import { Resolver } from '..';
+export declare const isRangeFilterActive: Resolver;
+export declare const rangeFilterValue: Resolver;
+export declare const setRangeFilter: Resolver;
+export declare const clearRangeFilter: Resolver;

package/resolvers/filters/rangeFilter.js

@@ -0,0 +1,122 @@
+import { gql } from '@apollo/client';
+import { produce } from 'immer';
+import { updateRangeQueryString } from './updateQueryString';
+import qs from 'qs';
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+////////////////////////////////////////////////////////////////////////////////
+// Queries
+////////////////////////////////////////////////////////////////////////////////
+export const isRangeFilterActive = (parent) => {
+    return (searchParams) => {
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        // If the search params includes the boolean filter id, the boolean filter
+        // must be active
+        return query === null || query === void 0 ? void 0 : query.includes(parent.id);
+    };
+};
+////////////////////////////////////////////////////////////////////////////////
+export const rangeFilterValue = (parent) => {
+    return (searchParams) => {
+        const query = __IN_SERVER__ ? searchParams : document.location.search;
+        if (query === null || query === void 0 ? void 0 : query.includes(parent.id)) {
+            const parsed = qs.parse(query, {
+                ignoreQueryPrefix: true,
+                arrayLimit: 100
+            }).range;
+            const vals = parsed[parent.id];
+            return vals;
+        }
+        return null;
+    };
+};
+const fragment = gql `
+  fragment RangeClientFields on NumericRangeFilter {
+    id
+    value @client
+    isActive @client
+    min
+    max
+  }
+`;
+////////////////////////////////////////////////////////////////////////////////
+// Mutations
+////////////////////////////////////////////////////////////////////////////////
+export const setRangeFilter = (_, { value, id }, { cache, getCacheKey }) => {
+    const c = cache;
+    const fragmentId = getCacheKey({
+        id,
+        __typename: 'NumericRangeFilter'
+    });
+    const rangeFilter = c.readFragment({
+        fragment,
+        id: fragmentId
+    });
+    const [min, max] = value;
+    const data = produce(rangeFilter, (draft) => {
+        // The filter is active if the values passed in aren't the default values
+        draft.isActive = min !== draft.min || max !== draft.max;
+        draft.value = value;
+    });
+    c.writeFragment({
+        id: fragmentId,
+        fragment,
+        data
+    });
+    // Update the active filters in cache
+    const activeFilters = updateActiveFilters(cache, data);
+    updateRangeQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+export const clearRangeFilter = (_, { id }, { cache, getCacheKey }) => {
+    const c = cache;
+    const fragmentId = getCacheKey({ id, __typename: 'NumericRangeFilter' });
+    const rangeFilter = c.readFragment({
+        id: fragmentId,
+        fragment
+    });
+    const data = produce(rangeFilter, (draft) => {
+        draft.value = [draft.min, draft.max];
+        draft.isActive = false;
+    });
+    c.writeFragment({ id: fragmentId, fragment, data });
+    const activeFilters = clearActiveFilter(cache, id);
+    window.location.search && updateRangeQueryString(activeFilters);
+    return data;
+};
+////////////////////////////////////////////////////////////////////////////////
+function updateActiveFilters(cache, data) {
+    const currentActiveFilters = cache.readQuery({ query: ActiveFiltersQuery });
+    const { activeFilters } = produce(currentActiveFilters, (draft) => {
+        const [min, max] = data.value;
+        const existingRangeFilter = draft.activeFilters.rangeFilters.find((filter) => filter.id === data.id);
+        if (existingRangeFilter) {
+            existingRangeFilter.min = min;
+            existingRangeFilter.max = max;
+        }
+        else {
+            draft.activeFilters.rangeFilters.push({
+                id: data.id,
+                min,
+                max
+            });
+        }
+    });
+    cache.writeQuery({ query: ActiveFiltersQuery, data: { activeFilters } });
+    return activeFilters;
+}
+////////////////////////////////////////////////////////////////////////////////
+function clearActiveFilter(cache, id) {
+    const { activeFilters } = cache.readQuery({
+        query: ActiveFiltersQuery
+    });
+    const data = produce(activeFilters, (draft) => {
+        draft.rangeFilters = draft.rangeFilters.filter((rangeFilter) => rangeFilter.id !== id);
+    });
+    cache.writeQuery({
+        query: ActiveFiltersQuery,
+        data: { activeFilters: data }
+    });
+    return data;
+}
+//# sourceMappingURL=rangeFilter.js.map

package/resolvers/filters/rangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeFilter.js","sourceRoot":"","sources":["rangeFilter.ts"],"names":[],"mappings":"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"}

package/resolvers/filters/updateQueryString.d.ts

@@ -0,0 +1,12 @@
+import { History } from 'history';
+import { ActiveFilters } from '.';
+/**
+  We need to keep the query string in sync with the current active filter state.
+  updateQueryString() will set the query string for list filters only, for now
+ *
+ * @param activeFilters The full list of active filters from the client cache
+ */
+export declare function updateListFilterQueryString(activeFilters: ActiveFilters, history?: History): void;
+export declare function updateBooleanQueryString(activeFilters: ActiveFilters, history?: History): void;
+export declare function updateRangeQueryString(activeFilters: ActiveFilters, history?: History): void;
+export declare function updateMultiListQueryString(activeFilters: ActiveFilters, history?: History): void;