@jetshop/core 5.13.11-0 → 5.14.0-alpha.abd04298

package/resolvers/filters/filters.js

@@ -1,79 +1,79 @@
-import gql from 'graphql-tag';
-////////////////////////////////////////////////////////////////////////////////
-// Mutations
-/**
- *  Clear all filters by running their 'clear' mutations
- */
-export const clearAllFilters = (_, __, { client, cache }) => {
-    const activeFiltersQuery = gql `
-    query GetActiveFilters {
-      activeFilters @client {
-        listFilters {
-          id
-        }
-        rangeFilters {
-          id
-        }
-        booleanFilters {
-          id
-        }
-        multiListFilters {
-          id
-        }
-      }
-    }
-  `;
-    const { activeFilters } = cache.readQuery({
-        query: activeFiltersQuery
-    });
-    activeFilters.listFilters.forEach(listFilter => {
-        client.mutate({
-            mutation: gql `
-        mutation ClearListFilter($id: String!) {
-          clearListFilter(id: $id) @client
-        }
-      `,
-            variables: {
-                id: listFilter.id
-            }
-        });
-    });
-    activeFilters.rangeFilters.forEach(rangeFilter => {
-        client.mutate({
-            mutation: gql `
-        mutation ClearRangeFilter($id: String!) {
-          clearRangeFilter(id: $id) @client
-        }
-      `,
-            variables: {
-                id: rangeFilter.id
-            }
-        });
-    });
-    activeFilters.booleanFilters.forEach(boolFilter => {
-        client.mutate({
-            mutation: gql `
-        mutation ClearBoolFilter($id: String!) {
-          setBoolFilter(id: $id, value: null) @client
-        }
-      `,
-            variables: {
-                id: boolFilter.id
-            }
-        });
-    });
-    activeFilters.multiListFilters.forEach(multiFilter => {
-        client.mutate({
-            mutation: gql `
-        mutation ClearMultiFilter($id: String!) {
-          clearMultiListFilter(id: $id) @client
-        }
-      `,
-            variables: {
-                id: multiFilter.id
-            }
-        });
-    });
-    return null;
-};
+import gql from 'graphql-tag';
+////////////////////////////////////////////////////////////////////////////////
+// Mutations
+/**
+ *  Clear all filters by running their 'clear' mutations
+ */
+export const clearAllFilters = (_, __, { client, cache }) => {
+    const activeFiltersQuery = gql `
+    query GetActiveFilters {
+      activeFilters @client {
+        listFilters {
+          id
+        }
+        rangeFilters {
+          id
+        }
+        booleanFilters {
+          id
+        }
+        multiListFilters {
+          id
+        }
+      }
+    }
+  `;
+    const { activeFilters } = cache.readQuery({
+        query: activeFiltersQuery
+    });
+    activeFilters.listFilters.forEach(listFilter => {
+        client.mutate({
+            mutation: gql `
+        mutation ClearListFilter($id: String!) {
+          clearListFilter(id: $id) @client
+        }
+      `,
+            variables: {
+                id: listFilter.id
+            }
+        });
+    });
+    activeFilters.rangeFilters.forEach(rangeFilter => {
+        client.mutate({
+            mutation: gql `
+        mutation ClearRangeFilter($id: String!) {
+          clearRangeFilter(id: $id) @client
+        }
+      `,
+            variables: {
+                id: rangeFilter.id
+            }
+        });
+    });
+    activeFilters.booleanFilters.forEach(boolFilter => {
+        client.mutate({
+            mutation: gql `
+        mutation ClearBoolFilter($id: String!) {
+          setBoolFilter(id: $id, value: null) @client
+        }
+      `,
+            variables: {
+                id: boolFilter.id
+            }
+        });
+    });
+    activeFilters.multiListFilters.forEach(multiFilter => {
+        client.mutate({
+            mutation: gql `
+        mutation ClearMultiFilter($id: String!) {
+          clearMultiListFilter(id: $id) @client
+        }
+      `,
+            variables: {
+                id: multiFilter.id
+            }
+        });
+    });
+    return null;
+};
 //# sourceMappingURL=filters.js.map

package/resolvers/filters/index.d.ts

@@ -1,27 +1,27 @@
-import { FilterInput, ListFilterInput, RangeFilterInput, BooleanFilterInput, MultiListFilterInput } from '../../types';
-export * from './listFilterItem';
-export * from './listFilter';
-export * from './filters';
-export * from './boolFilter';
-export * from './rangeFilter';
-export * from './multiListFilter';
-export * from './multiListFilterList';
-export interface ActiveFilters extends FilterInput {
-    __typename: 'ActiveFilters';
-    listFilters?: ActiveListFilter[];
-    rangeFilters?: ActiveRangeFilter[];
-    booleanFilters?: ActiveBooleanFilter[];
-    multiListFilters?: ActiveMultiListFilter[];
-}
-export interface ActiveListFilter extends ListFilterInput {
-    __typename: 'ListFilterInput';
-}
-export interface ActiveRangeFilter extends RangeFilterInput {
-    __typename: 'RangeFilterInput';
-}
-export interface ActiveBooleanFilter extends BooleanFilterInput {
-    __typename: 'BooleanFilterInput';
-}
-export interface ActiveMultiListFilter extends MultiListFilterInput {
-    __typename: 'MultiListFilterInput';
-}
+import { FilterInput, ListFilterInput, RangeFilterInput, BooleanFilterInput, MultiListFilterInput } from '../../types';
+export * from './listFilterItem';
+export * from './listFilter';
+export * from './filters';
+export * from './boolFilter';
+export * from './rangeFilter';
+export * from './multiListFilter';
+export * from './multiListFilterList';
+export interface ActiveFilters extends FilterInput {
+    __typename: 'ActiveFilters';
+    listFilters?: ActiveListFilter[];
+    rangeFilters?: ActiveRangeFilter[];
+    booleanFilters?: ActiveBooleanFilter[];
+    multiListFilters?: ActiveMultiListFilter[];
+}
+export interface ActiveListFilter extends ListFilterInput {
+    __typename: 'ListFilterInput';
+}
+export interface ActiveRangeFilter extends RangeFilterInput {
+    __typename: 'RangeFilterInput';
+}
+export interface ActiveBooleanFilter extends BooleanFilterInput {
+    __typename: 'BooleanFilterInput';
+}
+export interface ActiveMultiListFilter extends MultiListFilterInput {
+    __typename: 'MultiListFilterInput';
+}

package/resolvers/filters/index.js

@@ -1,8 +1,8 @@
-export * from './listFilterItem';
-export * from './listFilter';
-export * from './filters';
-export * from './boolFilter';
-export * from './rangeFilter';
-export * from './multiListFilter';
-export * from './multiListFilterList';
+export * from './listFilterItem';
+export * from './listFilter';
+export * from './filters';
+export * from './boolFilter';
+export * from './rangeFilter';
+export * from './multiListFilter';
+export * from './multiListFilterList';
 //# sourceMappingURL=index.js.map

package/resolvers/filters/listFilter.d.ts

@@ -1,7 +1,7 @@
-import { Resolver } from '..';
-export declare const listFilterHasActiveItems: Resolver;
-/**
- * Mutation to clear a list filter's hasActiveItems state, and all child
- * listFilterItem isActive state
- */
-export declare const clearListFilter: Resolver;
+import { Resolver } from '..';
+export declare const listFilterHasActiveItems: Resolver;
+/**
+ * Mutation to clear a list filter's hasActiveItems state, and all child
+ * listFilterItem isActive state
+ */
+export declare const clearListFilter: Resolver;

package/resolvers/filters/listFilter.js

@@ -1,74 +1,74 @@
-import gql from 'graphql-tag';
-import produce from 'immer';
-import { updateListFilterQueryString } from './updateQueryString';
-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 filter = cache.readFragment({
-        id: fragmentId,
-        fragment: gql `
-      fragment listFilterItems on ListFilter {
-        hasActiveItems @client
-        id
-        items {
-          id
-          isActive @client
-        }
-      }
-    `
-    });
-    const data = produce(filter, draft => {
-        draft.hasActiveItems = false;
-        draft.items.forEach(item => (item.isActive = false));
-    });
-    cache.writeData({
-        id: fragmentId,
-        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 activeListFilterQuery = gql `
-    query GetActiveListFilters {
-      activeFilters @client {
-        listFilters {
-          id
-          values
-        }
-      }
-    }
-  `;
-    const { activeFilters } = cache.readQuery({
-        query: activeListFilterQuery
-    });
-    const data = produce(activeFilters, draft => {
-        draft.listFilters = draft.listFilters.filter(listFilter => listFilter.id !== id);
-    });
-    cache.writeData({
-        data: { activeFilters: data }
-    });
-    return data;
-}
+import gql from 'graphql-tag';
+import produce from 'immer';
+import { updateListFilterQueryString } from './updateQueryString';
+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 filter = cache.readFragment({
+        id: fragmentId,
+        fragment: gql `
+      fragment listFilterItems on ListFilter {
+        hasActiveItems @client
+        id
+        items {
+          id
+          isActive @client
+        }
+      }
+    `
+    });
+    const data = produce(filter, draft => {
+        draft.hasActiveItems = false;
+        draft.items.forEach(item => (item.isActive = false));
+    });
+    cache.writeData({
+        id: fragmentId,
+        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 activeListFilterQuery = gql `
+    query GetActiveListFilters {
+      activeFilters @client {
+        listFilters {
+          id
+          values
+        }
+      }
+    }
+  `;
+    const { activeFilters } = cache.readQuery({
+        query: activeListFilterQuery
+    });
+    const data = produce(activeFilters, draft => {
+        draft.listFilters = draft.listFilters.filter(listFilter => listFilter.id !== id);
+    });
+    cache.writeData({
+        data: { activeFilters: data }
+    });
+    return data;
+}
 //# sourceMappingURL=listFilter.js.map

package/resolvers/filters/listFilterItem.d.ts

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

package/resolvers/filters/listFilterItem.js

@@ -1,123 +1,123 @@
-import gql from 'graphql-tag';
-import produce from 'immer';
-import { updateListFilterQueryString } from './updateQueryString';
-import qs from 'qs';
-// 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
-        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
-        });
-        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 fragmentId = getCacheKey({
-        id: parentId,
-        __typename: 'ListFilter'
-    });
-    const listItem = cache.readFragment({
-        fragment: gql `
-      fragment listFilter on ListFilter {
-        hasActiveItems @client
-        id
-        items {
-          id
-          value
-          isActive @client
-        }
-      }
-    `,
-        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);
-    });
-    cache.writeData({
-        id: fragmentId,
-        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 activeListFilterQuery = gql `
-    query GetActiveListFilters {
-      activeFilters @client {
-        listFilters {
-          id
-          values
-        }
-      }
-    }
-  `;
-    const currentActiveFilters = cache.readQuery({
-        query: activeListFilterQuery
-    });
-    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,
-                __typename: 'ListFilterInput'
-            });
-        }
-    });
-    cache.writeData({
-        data: activeFilters
-    });
-    return activeFilters;
-}
+import gql from 'graphql-tag';
+import produce from 'immer';
+import { updateListFilterQueryString } from './updateQueryString';
+import qs from 'qs';
+// 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
+        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
+        });
+        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 fragmentId = getCacheKey({
+        id: parentId,
+        __typename: 'ListFilter'
+    });
+    const listItem = cache.readFragment({
+        fragment: gql `
+      fragment listFilter on ListFilter {
+        hasActiveItems @client
+        id
+        items {
+          id
+          value
+          isActive @client
+        }
+      }
+    `,
+        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);
+    });
+    cache.writeData({
+        id: fragmentId,
+        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 activeListFilterQuery = gql `
+    query GetActiveListFilters {
+      activeFilters @client {
+        listFilters {
+          id
+          values
+        }
+      }
+    }
+  `;
+    const currentActiveFilters = cache.readQuery({
+        query: activeListFilterQuery
+    });
+    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,
+                __typename: 'ListFilterInput'
+            });
+        }
+    });
+    cache.writeData({
+        data: activeFilters
+    });
+    return activeFilters;
+}
 //# sourceMappingURL=listFilterItem.js.map