@blaze-cms/react-page-builder 0.146.0-node18-tooltips.38 → 0.146.0-node18-core-styles-tooltips.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/CHANGELOG.md +134 -44
  2. package/lib/components/Card/CardsRender.js +28 -20
  3. package/lib/components/Card/CardsRender.js.map +1 -1
  4. package/lib/components/List/helpers/build-query-booster.js +9 -6
  5. package/lib/components/List/helpers/build-query-booster.js.map +1 -1
  6. package/lib/components/Menu/Menu.js +4 -1
  7. package/lib/components/Menu/Menu.js.map +1 -1
  8. package/lib/components/Menu/MenuContext.js +2 -1
  9. package/lib/components/Menu/MenuContext.js.map +1 -1
  10. package/lib/components/MenuItem/MenuItemRender.js +27 -12
  11. package/lib/components/MenuItem/MenuItemRender.js.map +1 -1
  12. package/lib/components/MenuItem/helpers/has-active-child.js +19 -0
  13. package/lib/components/MenuItem/helpers/has-active-child.js.map +1 -0
  14. package/lib/components/MenuItem/helpers/index.js +14 -0
  15. package/lib/components/MenuItem/helpers/index.js.map +1 -1
  16. package/lib/components/MenuItem/helpers/isUrlPathMatch.js +18 -0
  17. package/lib/components/MenuItem/helpers/isUrlPathMatch.js.map +1 -0
  18. package/lib/hooks/index.js +7 -0
  19. package/lib/hooks/index.js.map +1 -1
  20. package/lib/hooks/use-app-event-hook.js +74 -0
  21. package/lib/hooks/use-app-event-hook.js.map +1 -0
  22. package/lib-es/components/Card/CardsRender.js +11 -2
  23. package/lib-es/components/Card/CardsRender.js.map +1 -1
  24. package/lib-es/components/List/helpers/build-query-booster.js +9 -6
  25. package/lib-es/components/List/helpers/build-query-booster.js.map +1 -1
  26. package/lib-es/components/Menu/Menu.js +4 -1
  27. package/lib-es/components/Menu/Menu.js.map +1 -1
  28. package/lib-es/components/Menu/MenuContext.js +2 -1
  29. package/lib-es/components/Menu/MenuContext.js.map +1 -1
  30. package/lib-es/components/MenuItem/MenuItemRender.js +25 -11
  31. package/lib-es/components/MenuItem/MenuItemRender.js.map +1 -1
  32. package/lib-es/components/MenuItem/helpers/has-active-child.js +5 -0
  33. package/lib-es/components/MenuItem/helpers/has-active-child.js.map +1 -0
  34. package/lib-es/components/MenuItem/helpers/index.js +3 -1
  35. package/lib-es/components/MenuItem/helpers/index.js.map +1 -1
  36. package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js +8 -0
  37. package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js.map +1 -0
  38. package/lib-es/hooks/index.js +1 -0
  39. package/lib-es/hooks/index.js.map +1 -1
  40. package/lib-es/hooks/use-app-event-hook.js +39 -0
  41. package/lib-es/hooks/use-app-event-hook.js.map +1 -0
  42. package/package.json +10 -10
  43. package/src/components/Card/CardsRender.js +11 -2
  44. package/src/components/List/helpers/build-query-booster.js +12 -6
  45. package/src/components/Menu/Menu.js +3 -1
  46. package/src/components/Menu/MenuContext.js +1 -1
  47. package/src/components/MenuItem/MenuItemRender.js +40 -12
  48. package/src/components/MenuItem/helpers/has-active-child.js +10 -0
  49. package/src/components/MenuItem/helpers/index.js +3 -1
  50. package/src/components/MenuItem/helpers/isUrlPathMatch.js +10 -0
  51. package/src/hooks/index.js +1 -0
  52. package/src/hooks/use-app-event-hook.js +40 -0
  53. package/tests/unit/src/components/Card/CardsRender.test.js +118 -0
  54. package/tests/unit/src/components/List/helpers/build-query-booster.test.js +2 -2
  55. package/tests/unit/src/components/MenuItem/MenuItem.test.js +5 -0
  56. package/tests/unit/src/components/MenuItem/MenuItemRender.test.js +11 -3
  57. package/tests/unit/src/components/MenuItem/helpers/constants.js +73 -0
  58. package/tests/unit/src/components/MenuItem/helpers/has-active-child.test.js +35 -0
  59. package/tests/unit/src/components/MenuItem/helpers/is-url-path-match.test.js +53 -0
  60. package/tests/unit/src/hooks/use-app-event-hook.test.js +60 -0
@@ -11,7 +11,8 @@ import PropTypes from 'prop-types';
11
11
  import { MainContext } from '@blaze-cms/nextjs-components';
12
12
  import { generateSingleItemQuery } from '../../application/query';
13
13
  import { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';
14
- import { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';
14
+ import { useGetEntitySchemasAsObj, useGetImages, useAppEventHook } from '../../hooks';
15
+ import { buildQueryBooster } from '../List/helpers';
15
16
  import { getUpdatedFilterBy, getEntityData, getRequiredSchemas, sortResponseData, getUnpublishedEntityName, renderChildren, splitChildren, removeExtraItems, appendImages } from '../../helpers';
16
17
  import { filtersSetup, filterQuerySetup, shouldSkipSingleQuery, shouldReturn, getUpdatedSortProperties, getUpdatedItemsToDisplay } from './helpers';
17
18
  const CardsContainer = dynamic(() => import('./CardsContainer'));
@@ -131,11 +132,19 @@ const CardsRender = _ref => {
131
132
  useRandomSort
132
133
  });
133
134
  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;
135
+ const {
136
+ data: updatedVariables
137
+ } = useAppEventHook({
138
+ eventName: 'cards:query-variables',
139
+ data: variables,
140
+ props: variableProps
141
+ });
142
+ const boostedVariables = buildQueryBooster(otherProps, updatedVariables);
134
143
  const {
135
144
  data: cardData = {},
136
145
  error: cardsError
137
146
  } = useQuery(action, {
138
- variables,
147
+ variables: boostedVariables,
139
148
  fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',
140
149
  skip: shouldReturn(hasNoFiltersOrItemsToDisplay, _loading, _load, schemaLoading, _error, _err, schemaError)
141
150
  });
@@ -1 +1 @@
1
- {"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","FULL","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","getUpdatedItemsToDisplay","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","VariantComponent","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","style","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","isFull","entityData","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","updatedItemsToDisplay","limit","getEntitySchemas","Object","values","hasNoFiltersOrItemsToDisplay","length","cardData","cardsError","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","orderedData","regularChildren","gtmChildren","name","updatedCards","displayedCards","slice","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n getUpdatedFilterBy,\n getEntityData,\n getRequiredSchemas,\n sortResponseData,\n getUnpublishedEntityName,\n renderChildren,\n splitChildren,\n removeExtraItems,\n appendImages\n} from '../../helpers';\nimport {\n filtersSetup,\n filterQuerySetup,\n shouldSkipSingleQuery,\n shouldReturn,\n getUpdatedSortProperties,\n getUpdatedItemsToDisplay\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n entity: legacyEntity,\n entities,\n entityFields,\n itemsToDisplay,\n children,\n VariantComponent,\n ...otherProps\n}) => {\n const { isPreview } = useContext(MainContext);\n const {\n parent: { itemId: parentId, itemEntity: parentEntity },\n filterBy = [],\n filterByProperty = [],\n sortby,\n sort,\n sortProperties = [],\n operator: filterOperator = AND,\n useRandomSort\n } = otherProps;\n\n const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n sort,\n sortby,\n sortProperties\n );\n\n const variableProps = {\n ...otherProps,\n sortProperties: updatedSortProperties,\n sort: null,\n sortby: null\n };\n\n const entitiesToUse = entities || [legacyEntity];\n const primaryEntityToUse = entitiesToUse[0];\n const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n const uniqueEntityNames = [...new Set(allEntityNames)];\n const {\n data: mainSchemas = {},\n loading: _loading,\n error: _error\n } = useGetEntitySchemasAsObj(uniqueEntityNames);\n const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n const graphqlEntityMap = entitiesTypes.reduce(\n (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n {}\n );\n const docTypes = entitiesTypes.map(({ docType: type }) => type);\n const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n const { style } = otherProps;\n\n const {\n getAction,\n queryProps,\n inheritedFilters,\n entitySameAsCurrentItemEntity,\n action,\n filterEntityRelations\n } = filtersSetup({\n entityFields,\n entityTypes,\n filterBy,\n filterByProperty,\n entities: entitiesToUse,\n currentSchema: parentSchema,\n filterEntitySchema,\n isPreview,\n itemEntityUpdated: unpublishedParentEntityName,\n isFull: style === FULL\n });\n\n const {\n data: { entityData: parentEntityData = {} } = {},\n error: _err,\n loading: _load\n } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n variables: { id: parentId },\n skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n });\n\n const {\n data: requiredSchema = {},\n loading: schemaLoading,\n error: schemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n _loading\n );\n\n const updatedFilterBy = getUpdatedFilterBy(\n inheritedFilters,\n parentEntityData,\n parentSchema,\n filterEntitySchema,\n parentId,\n variableProps\n );\n\n const updatedItemsToDisplay = getUpdatedItemsToDisplay({\n itemsToDisplay,\n inheritedFilters,\n parentSchema,\n parentEntityData\n });\n\n const { limit, variables } = filterQuerySetup({\n getEntitySchemas: Object.values(requiredSchema),\n entity: primaryEntityToUse,\n updatedFilterBy,\n variableProps,\n docType: docTypes,\n filterOperator,\n filterEntityRelations,\n itemsToDisplay: updatedItemsToDisplay,\n entitySameAsCurrentItemEntity,\n useRandomSort\n });\n\n const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;\n\n const { data: cardData = {}, error: cardsError } = useQuery(action, {\n variables,\n fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n skip: shouldReturn(\n hasNoFiltersOrItemsToDisplay,\n _loading,\n _load,\n schemaLoading,\n _error,\n _err,\n schemaError\n )\n });\n\n const imageIds = updatedItemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n const isLoading = shouldReturn(_loading, _load, schemaLoading, imagesLoading);\n const hasError = shouldReturn(_error, _err, schemaError);\n\n if (cardsError) return cardsError.message;\n if (hasNoFiltersOrItemsToDisplay || isLoading || hasError) {\n return null;\n }\n\n let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT] || {};\n if (!cardDataResults || !cardDataResults.length) return null;\n\n cardDataResults = entitySameAsCurrentItemEntity\n ? removeExtraItems(cardDataResults, limit, parentId)\n : cardDataResults;\n\n if (!cardDataResults.length) return null;\n\n const orderedData =\n useRandomSort || updatedSortProperties.length\n ? cardDataResults\n : sortResponseData(cardDataResults, updatedItemsToDisplay);\n\n const { regularChildren, gtmChildren } = splitChildren(\n children,\n cardDataResults,\n graphqlEntityMap,\n { name: variableProps.name }\n );\n\n const updatedCards = appendImages(imagesData, orderedData, updatedItemsToDisplay);\n\n const displayedCards = updatedCards.slice(0, limit);\n\n return (\n <>\n {gtmChildren && renderChildren(gtmChildren)}\n <CardsContainer\n cardData={displayedCards}\n entity={primaryEntityToUse}\n gtmChildren={gtmChildren}\n cardChildren={regularChildren}\n graphqlEntityMap={graphqlEntityMap}\n VariantComponent={VariantComponent}\n {...variableProps}\n />\n </>\n );\n};\n\nCardsRender.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n entity: PropTypes.string.isRequired,\n entityFields: PropTypes.string.isRequired,\n itemsToDisplay: PropTypes.array,\n entities: PropTypes.array,\n VariantComponent: PropTypes.func\n};\n\nCardsRender.defaultProps = {\n children: [],\n itemsToDisplay: [],\n entities: [],\n VariantComponent: null\n};\n\nexport default CardsRender;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","FULL","useGetEntitySchemasAsObj","useGetImages","useAppEventHook","buildQueryBooster","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","getUpdatedItemsToDisplay","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","VariantComponent","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","style","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","isFull","entityData","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","updatedItemsToDisplay","limit","getEntitySchemas","Object","values","hasNoFiltersOrItemsToDisplay","length","updatedVariables","eventName","props","boostedVariables","cardData","cardsError","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","orderedData","regularChildren","gtmChildren","name","updatedCards","displayedCards","slice","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages, useAppEventHook } from '../../hooks';\nimport { buildQueryBooster } from '../List/helpers';\nimport {\n getUpdatedFilterBy,\n getEntityData,\n getRequiredSchemas,\n sortResponseData,\n getUnpublishedEntityName,\n renderChildren,\n splitChildren,\n removeExtraItems,\n appendImages\n} from '../../helpers';\nimport {\n filtersSetup,\n filterQuerySetup,\n shouldSkipSingleQuery,\n shouldReturn,\n getUpdatedSortProperties,\n getUpdatedItemsToDisplay\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n entity: legacyEntity,\n entities,\n entityFields,\n itemsToDisplay,\n children,\n VariantComponent,\n ...otherProps\n}) => {\n const { isPreview } = useContext(MainContext);\n const {\n parent: { itemId: parentId, itemEntity: parentEntity },\n filterBy = [],\n filterByProperty = [],\n sortby,\n sort,\n sortProperties = [],\n operator: filterOperator = AND,\n useRandomSort\n } = otherProps;\n\n const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n sort,\n sortby,\n sortProperties\n );\n\n const variableProps = {\n ...otherProps,\n sortProperties: updatedSortProperties,\n sort: null,\n sortby: null\n };\n\n const entitiesToUse = entities || [legacyEntity];\n const primaryEntityToUse = entitiesToUse[0];\n const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n const uniqueEntityNames = [...new Set(allEntityNames)];\n const {\n data: mainSchemas = {},\n loading: _loading,\n error: _error\n } = useGetEntitySchemasAsObj(uniqueEntityNames);\n const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n const graphqlEntityMap = entitiesTypes.reduce(\n (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n {}\n );\n const docTypes = entitiesTypes.map(({ docType: type }) => type);\n const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n const { style } = otherProps;\n\n const {\n getAction,\n queryProps,\n inheritedFilters,\n entitySameAsCurrentItemEntity,\n action,\n filterEntityRelations\n } = filtersSetup({\n entityFields,\n entityTypes,\n filterBy,\n filterByProperty,\n entities: entitiesToUse,\n currentSchema: parentSchema,\n filterEntitySchema,\n isPreview,\n itemEntityUpdated: unpublishedParentEntityName,\n isFull: style === FULL\n });\n\n const {\n data: { entityData: parentEntityData = {} } = {},\n error: _err,\n loading: _load\n } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n variables: { id: parentId },\n skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n });\n\n const {\n data: requiredSchema = {},\n loading: schemaLoading,\n error: schemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n _loading\n );\n\n const updatedFilterBy = getUpdatedFilterBy(\n inheritedFilters,\n parentEntityData,\n parentSchema,\n filterEntitySchema,\n parentId,\n variableProps\n );\n\n const updatedItemsToDisplay = getUpdatedItemsToDisplay({\n itemsToDisplay,\n inheritedFilters,\n parentSchema,\n parentEntityData\n });\n\n const { limit, variables } = filterQuerySetup({\n getEntitySchemas: Object.values(requiredSchema),\n entity: primaryEntityToUse,\n updatedFilterBy,\n variableProps,\n docType: docTypes,\n filterOperator,\n filterEntityRelations,\n itemsToDisplay: updatedItemsToDisplay,\n entitySameAsCurrentItemEntity,\n useRandomSort\n });\n\n const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;\n\n const { data: updatedVariables } = useAppEventHook({\n eventName: 'cards:query-variables',\n data: variables,\n props: variableProps\n });\n\n const boostedVariables = buildQueryBooster(otherProps, updatedVariables);\n\n const { data: cardData = {}, error: cardsError } = useQuery(action, {\n variables: boostedVariables,\n fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n skip: shouldReturn(\n hasNoFiltersOrItemsToDisplay,\n _loading,\n _load,\n schemaLoading,\n _error,\n _err,\n schemaError\n )\n });\n\n const imageIds = updatedItemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n const isLoading = shouldReturn(_loading, _load, schemaLoading, imagesLoading);\n const hasError = shouldReturn(_error, _err, schemaError);\n\n if (cardsError) return cardsError.message;\n if (hasNoFiltersOrItemsToDisplay || isLoading || hasError) {\n return null;\n }\n\n let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT] || {};\n if (!cardDataResults || !cardDataResults.length) return null;\n\n cardDataResults = entitySameAsCurrentItemEntity\n ? removeExtraItems(cardDataResults, limit, parentId)\n : cardDataResults;\n\n if (!cardDataResults.length) return null;\n\n const orderedData =\n useRandomSort || updatedSortProperties.length\n ? cardDataResults\n : sortResponseData(cardDataResults, updatedItemsToDisplay);\n\n const { regularChildren, gtmChildren } = splitChildren(\n children,\n cardDataResults,\n graphqlEntityMap,\n { name: variableProps.name }\n );\n\n const updatedCards = appendImages(imagesData, orderedData, updatedItemsToDisplay);\n\n const displayedCards = updatedCards.slice(0, limit);\n\n return (\n <>\n {gtmChildren && renderChildren(gtmChildren)}\n <CardsContainer\n cardData={displayedCards}\n entity={primaryEntityToUse}\n gtmChildren={gtmChildren}\n cardChildren={regularChildren}\n graphqlEntityMap={graphqlEntityMap}\n VariantComponent={VariantComponent}\n {...variableProps}\n />\n </>\n );\n};\n\nCardsRender.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n entity: PropTypes.string.isRequired,\n entityFields: PropTypes.string.isRequired,\n itemsToDisplay: PropTypes.array,\n entities: PropTypes.array,\n VariantComponent: PropTypes.func\n};\n\nCardsRender.defaultProps = {\n children: [],\n itemsToDisplay: [],\n entities: [],\n VariantComponent: null\n};\n\nexport default CardsRender;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,wBAAwB,EAAEC,GAAG,EAAEC,IAAI,QAAQ,iBAAiB;AACrE,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,eAAe,QAAQ,aAAa;AACrF,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SACEC,kBAAkB,EAClBC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,wBAAwB,EACxBC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,YAAY,QACP,eAAe;AACtB,SACEC,YAAY,EACZC,gBAAgB,EAChBC,qBAAqB,EACrBC,YAAY,EACZC,wBAAwB,EACxBC,wBAAwB,QACnB,WAAW;AAElB,MAAMC,cAAc,GAAG1B,OAAO,CAAC,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAEhE,MAAM2B,WAAW,GAAGC,IAAA,IAQd;EAAA,IARe;MACnBC,MAAM,EAAEC,YAAY;MACpBC,QAAQ;MACRC,YAAY;MACZC,cAAc;MACdC,QAAQ;MACRC;IAEF,CAAC,GAAAP,IAAA;IADIQ,UAAU,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEb,MAAM;IAAEC;EAAU,CAAC,GAAGzC,UAAU,CAACI,WAAW,CAAC;EAC7C,MAAM;IACJsC,MAAM,EAAE;MAAEC,MAAM,EAAEC,QAAQ;MAAEC,UAAU,EAAEC;IAAa,CAAC;IACtDC,QAAQ,GAAG,EAAE;IACbC,gBAAgB,GAAG,EAAE;IACrBC,MAAM;IACNC,IAAI;IACJC,cAAc,GAAG,EAAE;IACnBC,QAAQ,EAAEC,cAAc,GAAG9C,GAAG;IAC9B+C;EACF,CAAC,GAAGhB,UAAU;EAEd,MAAM,CAACiB,qBAAqB,EAAEC,aAAa,CAAC,GAAG9B,wBAAwB,CACrEwB,IAAI,EACJD,MAAM,EACNE,cACF,CAAC;EAED,MAAMM,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdpB,UAAU;IACba,cAAc,EAAEI,qBAAqB;IACrCL,IAAI,EAAE,IAAI;IACVD,MAAM,EAAE;EAAI,EACb;EAED,MAAMU,aAAa,GAAG1B,QAAQ,IAAI,CAACD,YAAY,CAAC;EAChD,MAAM4B,kBAAkB,GAAGD,aAAa,CAAC,CAAC,CAAC;EAC3C,MAAME,2BAA2B,GAAG5C,wBAAwB,CAAC6B,YAAY,CAAC;EAC1E,MAAMgB,cAAc,GAAG,CAAC,GAAGH,aAAa,EAAEE,2BAA2B,CAAC;EACtE,MAAME,iBAAiB,GAAG,CAAC,GAAG,IAAIC,GAAG,CAACF,cAAc,CAAC,CAAC;EACtD,MAAM;IACJG,IAAI,EAAEC,WAAW,GAAG,CAAC,CAAC;IACtBC,OAAO,EAAEC,QAAQ;IACjBC,KAAK,EAAEC;EACT,CAAC,GAAG7D,wBAAwB,CAACsD,iBAAiB,CAAC;EAC/C,MAAMQ,YAAY,GAAGL,WAAW,CAACL,2BAA2B,CAAC,IAAI,CAAC,CAAC;EACnE,MAAMW,kBAAkB,GAAGN,WAAW,CAACN,kBAAkB,CAAC,IAAI,CAAC,CAAC;EAChE,MAAMa,aAAa,GAAGd,aAAa,CAACe,GAAG,CAACC,GAAG,IAAI7D,aAAa,CAAC6D,GAAG,EAAET,WAAW,CAACS,GAAG,CAAC,CAAC,CAAC;EACpF,MAAMC,gBAAgB,GAAGH,aAAa,CAACI,MAAM,CAC3C,CAACC,GAAG,EAAEC,UAAU,KAAArB,aAAA,CAAAA,aAAA,KAAWoB,GAAG;IAAE,CAACC,UAAU,CAACA,UAAU,GAAGA,UAAU,CAAChD;EAAM,EAAG,EAC7E,CAAC,CACH,CAAC;EACD,MAAMiD,QAAQ,GAAGP,aAAa,CAACC,GAAG,CAAC,CAAC;IAAEO,OAAO,EAAEC;EAAK,CAAC,KAAKA,IAAI,CAAC;EAC/D,MAAMC,WAAW,GAAGV,aAAa,CAACC,GAAG,CAAC,CAAC;IAAEK,UAAU,EAAEK;EAAM,CAAC,KAAKA,KAAK,CAAC;EAEvE,MAAM;IAAEC;EAAM,CAAC,GAAG/C,UAAU;EAE5B,MAAM;IACJgD,SAAS;IACTC,UAAU;IACVC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM;IACNC;EACF,CAAC,GAAGrE,YAAY,CAAC;IACfY,YAAY;IACZiD,WAAW;IACXpC,QAAQ;IACRC,gBAAgB;IAChBf,QAAQ,EAAE0B,aAAa;IACvBiC,aAAa,EAAErB,YAAY;IAC3BC,kBAAkB;IAClB/B,SAAS;IACToD,iBAAiB,EAAEhC,2BAA2B;IAC9CiC,MAAM,EAAET,KAAK,KAAK7E;EACpB,CAAC,CAAC;EAEF,MAAM;IACJyD,IAAI,EAAE;MAAE8B,UAAU,EAAEC,gBAAgB,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IAChD3B,KAAK,EAAE4B,IAAI;IACX9B,OAAO,EAAE+B;EACX,CAAC,GAAGjG,QAAQ,CAACI,uBAAuB,CAACiF,SAAS,EAAEC,UAAU,CAAC,EAAE;IAC3DY,SAAS,EAAE;MAAEC,EAAE,EAAExD;IAAS,CAAC;IAC3ByD,IAAI,EAAE7E,qBAAqB,CAAC4C,QAAQ,EAAEkB,SAAS,EAAEC,UAAU;EAC7D,CAAC,CAAC;EAEF,MAAM;IACJtB,IAAI,EAAEqC,cAAc,GAAG,CAAC,CAAC;IACzBnC,OAAO,EAAEoC,aAAa;IACtBlC,KAAK,EAAEmC;EACT,CAAC,GAAG/F,wBAAwB,CAC1BM,kBAAkB,CAAC,CAAC,GAAGiC,gBAAgB,EAAE,GAAGQ,aAAa,CAAC,EAAEgB,kBAAkB,CAAC,EAC/EJ,QACF,CAAC;EAED,MAAMqC,eAAe,GAAG5F,kBAAkB,CACxC2E,gBAAgB,EAChBQ,gBAAgB,EAChBzB,YAAY,EACZC,kBAAkB,EAClB5B,QAAQ,EACRa,aACF,CAAC;EAED,MAAMiD,qBAAqB,GAAG/E,wBAAwB,CAAC;IACrDQ,cAAc;IACdqD,gBAAgB;IAChBjB,YAAY;IACZyB;EACF,CAAC,CAAC;EAEF,MAAM;IAAEW,KAAK;IAAER;EAAU,CAAC,GAAG5E,gBAAgB,CAAC;IAC5CqF,gBAAgB,EAAEC,MAAM,CAACC,MAAM,CAACR,cAAc,CAAC;IAC/CvE,MAAM,EAAE6B,kBAAkB;IAC1B6C,eAAe;IACfhD,aAAa;IACbwB,OAAO,EAAED,QAAQ;IACjB3B,cAAc;IACdsC,qBAAqB;IACrBxD,cAAc,EAAEuE,qBAAqB;IACrCjB,6BAA6B;IAC7BnC;EACF,CAAC,CAAC;EAEF,MAAMyD,4BAA4B,GAAG,CAACL,qBAAqB,CAACM,MAAM,IAAI,CAACP,eAAe;EAEtF,MAAM;IAAExC,IAAI,EAAEgD;EAAiB,CAAC,GAAGtG,eAAe,CAAC;IACjDuG,SAAS,EAAE,uBAAuB;IAClCjD,IAAI,EAAEkC,SAAS;IACfgB,KAAK,EAAE1D;EACT,CAAC,CAAC;EAEF,MAAM2D,gBAAgB,GAAGxG,iBAAiB,CAAC0B,UAAU,EAAE2E,gBAAgB,CAAC;EAExE,MAAM;IAAEhD,IAAI,EAAEoD,QAAQ,GAAG,CAAC,CAAC;IAAEhD,KAAK,EAAEiD;EAAW,CAAC,GAAGrH,QAAQ,CAACyF,MAAM,EAAE;IAClES,SAAS,EAAEiB,gBAAgB;IAC3BG,WAAW,EAAEjE,aAAa,GAAG,mBAAmB,GAAG,aAAa;IAChE+C,IAAI,EAAE5E,YAAY,CAChBsF,4BAA4B,EAC5B3C,QAAQ,EACR8B,KAAK,EACLK,aAAa,EACbjC,MAAM,EACN2B,IAAI,EACJO,WACF;EACF,CAAC,CAAC;EAEF,MAAMgB,QAAQ,GAAGd,qBAAqB,CAAChC,GAAG,CAAC,CAAC;IAAE+C;EAAQ,CAAC,KAAKA,OAAO,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EACpF,MAAM;IAAE1D,IAAI,EAAE2D,UAAU;IAAEzD,OAAO,EAAE0D;EAAc,CAAC,GAAGnH,YAAY,CAAC8G,QAAQ,EAAE,IAAI,CAAC;EACjF,MAAMM,SAAS,GAAGrG,YAAY,CAAC2C,QAAQ,EAAE8B,KAAK,EAAEK,aAAa,EAAEsB,aAAa,CAAC;EAC7E,MAAME,QAAQ,GAAGtG,YAAY,CAAC6C,MAAM,EAAE2B,IAAI,EAAEO,WAAW,CAAC;EAExD,IAAIc,UAAU,EAAE,OAAOA,UAAU,CAACU,OAAO;EACzC,IAAIjB,4BAA4B,IAAIe,SAAS,IAAIC,QAAQ,EAAE;IACzD,OAAO,IAAI;EACb;EAEA,IAAI;IAAEE,OAAO,EAAEC;EAAgB,CAAC,GAAGb,QAAQ,CAAC/G,wBAAwB,CAAC,IAAI,CAAC,CAAC;EAC3E,IAAI,CAAC4H,eAAe,IAAI,CAACA,eAAe,CAAClB,MAAM,EAAE,OAAO,IAAI;EAE5DkB,eAAe,GAAGzC,6BAA6B,GAC3CrE,gBAAgB,CAAC8G,eAAe,EAAEvB,KAAK,EAAE/D,QAAQ,CAAC,GAClDsF,eAAe;EAEnB,IAAI,CAACA,eAAe,CAAClB,MAAM,EAAE,OAAO,IAAI;EAExC,MAAMmB,WAAW,GACf7E,aAAa,IAAIC,qBAAqB,CAACyD,MAAM,GACzCkB,eAAe,GACflH,gBAAgB,CAACkH,eAAe,EAAExB,qBAAqB,CAAC;EAE9D,MAAM;IAAE0B,eAAe;IAAEC;EAAY,CAAC,GAAGlH,aAAa,CACpDiB,QAAQ,EACR8F,eAAe,EACftD,gBAAgB,EAChB;IAAE0D,IAAI,EAAE7E,aAAa,CAAC6E;EAAK,CAC7B,CAAC;EAED,MAAMC,YAAY,GAAGlH,YAAY,CAACuG,UAAU,EAAEO,WAAW,EAAEzB,qBAAqB,CAAC;EAEjF,MAAM8B,cAAc,GAAGD,YAAY,CAACE,KAAK,CAAC,CAAC,EAAE9B,KAAK,CAAC;EAEnD,oBACE5G,KAAA,CAAA2I,aAAA,CAAA3I,KAAA,CAAA4I,QAAA,QACGN,WAAW,IAAInH,cAAc,CAACmH,WAAW,CAAC,eAC3CtI,KAAA,CAAA2I,aAAA,CAAC9G,cAAc,EAAAgH,QAAA;IACbvB,QAAQ,EAAEmB,cAAe;IACzBzG,MAAM,EAAE6B,kBAAmB;IAC3ByE,WAAW,EAAEA,WAAY;IACzBQ,YAAY,EAAET,eAAgB;IAC9BxD,gBAAgB,EAAEA,gBAAiB;IACnCvC,gBAAgB,EAAEA;EAAiB,GAC/BoB,aAAa,CAClB,CACD,CAAC;AAEP,CAAC;AAED5B,WAAW,CAACiH,SAAS,GAAG;EACtB1G,QAAQ,EAAEjC,SAAS,CAAC4I,SAAS,CAAC,CAAC5I,SAAS,CAAC6I,OAAO,CAAC7I,SAAS,CAAC8I,IAAI,CAAC,EAAE9I,SAAS,CAAC8I,IAAI,CAAC,CAAC;EAClFlH,MAAM,EAAE5B,SAAS,CAAC+I,MAAM,CAACC,UAAU;EACnCjH,YAAY,EAAE/B,SAAS,CAAC+I,MAAM,CAACC,UAAU;EACzChH,cAAc,EAAEhC,SAAS,CAACiJ,KAAK;EAC/BnH,QAAQ,EAAE9B,SAAS,CAACiJ,KAAK;EACzB/G,gBAAgB,EAAElC,SAAS,CAACkJ;AAC9B,CAAC;AAEDxH,WAAW,CAACyH,YAAY,GAAG;EACzBlH,QAAQ,EAAE,EAAE;EACZD,cAAc,EAAE,EAAE;EAClBF,QAAQ,EAAE,EAAE;EACZI,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAeR,WAAW","ignoreList":[]}
@@ -17,19 +17,22 @@ const buildQueryBooster = (props, data) => {
17
17
  } = {}
18
18
  } = parsedRawQuery;
19
19
  const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({
20
- gauss: {
20
+ exp: {
21
21
  [propToBoost]: {
22
- origin: 'now',
23
- scale: '30d',
24
- offset: '7d',
25
- decay: 0.5
22
+ scale: '14d',
23
+ decay: 0.99,
24
+ // high value slow decay
25
+ offset: '7d'
26
26
  }
27
27
  }
28
28
  }));
29
29
  const updatedData = {
30
30
  function_score: {
31
31
  query: functions.length ? query : parsedRawQuery,
32
- functions: [...functions, ...boostedPropsFunctios],
32
+ functions: [...functions, ...boostedPropsFunctios, {
33
+ weight: 0.01 // minimum score to avoid zeroing out
34
+ }],
35
+ score_mode: 'sum',
33
36
  boost_mode: 'multiply'
34
37
  }
35
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"build-query-booster.js","names":["buildQueryBooster","props","data","recencyBoostProperty","length","rawQueryStringified","parsedRawQuery","JSON","parse","function_score","query","functions","boostedPropsFunctios","map","propToBoost","gauss","origin","scale","offset","decay","updatedData","boost_mode","_objectSpread","stringify"],"sources":["../../../../src/components/List/helpers/build-query-booster.js"],"sourcesContent":["const buildQueryBooster = (props, data) => {\n const { recencyBoostProperty } = props;\n\n if (!recencyBoostProperty || !recencyBoostProperty.length) return data;\n const { rawQueryStringified = '' } = data;\n\n const parsedRawQuery = JSON.parse(rawQueryStringified);\n const { function_score: { query, functions = [] } = {} } = parsedRawQuery;\n\n const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({\n gauss: {\n [propToBoost]: {\n origin: 'now',\n scale: '30d',\n offset: '7d',\n decay: 0.5\n }\n }\n }));\n\n const updatedData = {\n function_score: {\n query: functions.length ? query : parsedRawQuery,\n functions: [...functions, ...boostedPropsFunctios],\n boost_mode: 'multiply'\n }\n };\n\n return {\n ...data,\n rawQueryStringified: JSON.stringify(updatedData)\n };\n};\n\nexport default buildQueryBooster;\n"],"mappings":";;;AAAA,MAAMA,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAM;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAEtC,IAAI,CAACE,oBAAoB,IAAI,CAACA,oBAAoB,CAACC,MAAM,EAAE,OAAOF,IAAI;EACtE,MAAM;IAAEG,mBAAmB,GAAG;EAAG,CAAC,GAAGH,IAAI;EAEzC,MAAMI,cAAc,GAAGC,IAAI,CAACC,KAAK,CAACH,mBAAmB,CAAC;EACtD,MAAM;IAAEI,cAAc,EAAE;MAAEC,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGL,cAAc;EAEzE,MAAMM,oBAAoB,GAAGT,oBAAoB,CAACU,GAAG,CAACC,WAAW,KAAK;IACpEC,KAAK,EAAE;MACL,CAACD,WAAW,GAAG;QACbE,MAAM,EAAE,KAAK;QACbC,KAAK,EAAE,KAAK;QACZC,MAAM,EAAE,IAAI;QACZC,KAAK,EAAE;MACT;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAG;IAClBX,cAAc,EAAE;MACdC,KAAK,EAAEC,SAAS,CAACP,MAAM,GAAGM,KAAK,GAAGJ,cAAc;MAChDK,SAAS,EAAE,CAAC,GAAGA,SAAS,EAAE,GAAGC,oBAAoB,CAAC;MAClDS,UAAU,EAAE;IACd;EACF,CAAC;EAED,OAAAC,aAAA,CAAAA,aAAA,KACKpB,IAAI;IACPG,mBAAmB,EAAEE,IAAI,CAACgB,SAAS,CAACH,WAAW;EAAC;AAEpD,CAAC;AAED,eAAepB,iBAAiB","ignoreList":[]}
1
+ {"version":3,"file":"build-query-booster.js","names":["buildQueryBooster","props","data","recencyBoostProperty","length","rawQueryStringified","parsedRawQuery","JSON","parse","function_score","query","functions","boostedPropsFunctios","map","propToBoost","exp","scale","decay","offset","updatedData","weight","score_mode","boost_mode","_objectSpread","stringify"],"sources":["../../../../src/components/List/helpers/build-query-booster.js"],"sourcesContent":["const buildQueryBooster = (props, data) => {\n const { recencyBoostProperty } = props;\n\n if (!recencyBoostProperty || !recencyBoostProperty.length) return data;\n const { rawQueryStringified = '' } = data;\n\n const parsedRawQuery = JSON.parse(rawQueryStringified);\n const { function_score: { query, functions = [] } = {} } = parsedRawQuery;\n\n const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({\n exp: {\n [propToBoost]: {\n scale: '14d',\n decay: 0.99, // high value slow decay\n offset: '7d'\n }\n }\n }));\n\n const updatedData = {\n function_score: {\n query: functions.length ? query : parsedRawQuery,\n functions: [\n ...functions,\n ...boostedPropsFunctios,\n {\n weight: 0.01 // minimum score to avoid zeroing out\n }\n ],\n score_mode: 'sum',\n boost_mode: 'multiply'\n }\n };\n\n return {\n ...data,\n rawQueryStringified: JSON.stringify(updatedData)\n };\n};\n\nexport default buildQueryBooster;\n"],"mappings":";;;AAAA,MAAMA,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAM;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAEtC,IAAI,CAACE,oBAAoB,IAAI,CAACA,oBAAoB,CAACC,MAAM,EAAE,OAAOF,IAAI;EACtE,MAAM;IAAEG,mBAAmB,GAAG;EAAG,CAAC,GAAGH,IAAI;EAEzC,MAAMI,cAAc,GAAGC,IAAI,CAACC,KAAK,CAACH,mBAAmB,CAAC;EACtD,MAAM;IAAEI,cAAc,EAAE;MAAEC,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGL,cAAc;EAEzE,MAAMM,oBAAoB,GAAGT,oBAAoB,CAACU,GAAG,CAACC,WAAW,KAAK;IACpEC,GAAG,EAAE;MACH,CAACD,WAAW,GAAG;QACbE,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE,IAAI;QAAE;QACbC,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAG;IAClBV,cAAc,EAAE;MACdC,KAAK,EAAEC,SAAS,CAACP,MAAM,GAAGM,KAAK,GAAGJ,cAAc;MAChDK,SAAS,EAAE,CACT,GAAGA,SAAS,EACZ,GAAGC,oBAAoB,EACvB;QACEQ,MAAM,EAAE,IAAI,CAAC;MACf,CAAC,CACF;MACDC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd;EACF,CAAC;EAED,OAAAC,aAAA,CAAAA,aAAA,KACKrB,IAAI;IACPG,mBAAmB,EAAEE,IAAI,CAACiB,SAAS,CAACL,WAAW;EAAC;AAEpD,CAAC;AAED,eAAenB,iBAAiB","ignoreList":[]}
@@ -10,6 +10,7 @@ import BlazeLink from '../BlazeLink';
10
10
  const Menu = ({
11
11
  children,
12
12
  collapse,
13
+ openActiveSubmenus,
13
14
  modifier,
14
15
  mobileMenuModifier,
15
16
  mobileMenuChildrenModifier,
@@ -45,7 +46,8 @@ const Menu = ({
45
46
  });
46
47
  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
47
48
  value: {
48
- showMobileMenu
49
+ showMobileMenu,
50
+ openActiveSubmenus
49
51
  }
50
52
  }, /*#__PURE__*/React.createElement("div", {
51
53
  className: menuWrapperClasses
@@ -83,6 +85,7 @@ const Menu = ({
83
85
  };
84
86
  Menu.propTypes = {
85
87
  collapse: PropTypes.bool.isRequired,
88
+ openActiveSubmenus: PropTypes.bool.isRequired,
86
89
  logoOnMobile: PropTypes.bool.isRequired,
87
90
  logoOnDesktop: PropTypes.bool,
88
91
  logoOnMobileUrl: PropTypes.string,
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","BlazeLink","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","label","href","name","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\nimport BlazeLink from '../BlazeLink';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(() => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n }, [router.events]);\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile && !showMobileMenu && (\n <Link href=\"/\" name=\"mobile menu\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <BlazeLink href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </BlazeLink>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","BlazeLink","Menu","children","collapse","openActiveSubmenus","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","label","href","name","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\nimport BlazeLink from '../BlazeLink';\n\nconst Menu = ({\n children,\n collapse,\n openActiveSubmenus,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(() => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n }, [router.events]);\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu, openActiveSubmenus }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile && !showMobileMenu && (\n <Link href=\"/\" name=\"mobile menu\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <BlazeLink href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </BlazeLink>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n openActiveSubmenus: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  const MenuContext = React.createContext({
3
- showMobileMenu: false
3
+ showMobileMenu: false,
4
+ openActiveSubmenus: false
4
5
  });
5
6
  export default MenuContext;
6
7
  //# sourceMappingURL=MenuContext.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuContext.js","names":["React","MenuContext","createContext","showMobileMenu"],"sources":["../../../src/components/Menu/MenuContext.js"],"sourcesContent":["import React from 'react';\n\nconst MenuContext = React.createContext({ showMobileMenu: false });\n\nexport default MenuContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGD,KAAK,CAACE,aAAa,CAAC;EAAEC,cAAc,EAAE;AAAM,CAAC,CAAC;AAElE,eAAeF,WAAW","ignoreList":[]}
1
+ {"version":3,"file":"MenuContext.js","names":["React","MenuContext","createContext","showMobileMenu","openActiveSubmenus"],"sources":["../../../src/components/Menu/MenuContext.js"],"sourcesContent":["import React from 'react';\n\nconst MenuContext = React.createContext({ showMobileMenu: false, openActiveSubmenus: false });\n\nexport default MenuContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGD,KAAK,CAACE,aAAa,CAAC;EAAEC,cAAc,EAAE,KAAK;EAAEC,kBAAkB,EAAE;AAAM,CAAC,CAAC;AAE7F,eAAeH,WAAW","ignoreList":[]}
@@ -1,13 +1,15 @@
1
+ /* eslint-disable jsx-a11y/no-static-element-interactions */
1
2
  import React, { useState, useContext, useEffect } from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
5
+ import classnames from 'classnames';
4
6
  import { useRouter } from 'next/router';
5
7
  import { useStringTemplate } from '@blaze-cms/utils-handlebars';
6
- import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';
8
+ import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN, CLICK } from '../../constants';
7
9
  import { hasChildren } from '../../helpers';
8
10
  import BlazeLink from '../BlazeLink';
9
11
  import MenuContext from '../Menu/MenuContext';
10
- import { injectHelperIntoTemplate } from './helpers';
12
+ import { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild } from './helpers';
11
13
  const MenuItemRender = ({
12
14
  children,
13
15
  eventType,
@@ -16,10 +18,13 @@ const MenuItemRender = ({
16
18
  url,
17
19
  parent
18
20
  }) => {
19
- const [displayChildren, setDisplayChildren] = useState(false);
21
+ const router = useRouter();
20
22
  const {
21
- showMobileMenu
23
+ showMobileMenu,
24
+ openActiveSubmenus
22
25
  } = useContext(MenuContext);
26
+ const isHoverEvent = eventType === HOVER;
27
+ const isClickEvent = eventType === CLICK;
23
28
  const {
24
29
  loading: loadingText,
25
30
  data: [textToUse]
@@ -28,19 +33,21 @@ const MenuItemRender = ({
28
33
  loading: loadingUrl,
29
34
  data: [urlToUse]
30
35
  } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);
31
- const router = useRouter();
32
- const isHoverEvent = eventType === HOVER;
33
- const childrenDisplayClass = displayChildren ? '' : HIDDEN;
36
+ const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;
37
+ const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;
38
+ const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;
34
39
  const hasValidChildren = hasChildren(children);
40
+ const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);
35
41
  useEffect(() => {
36
- if (!showMobileMenu) setDisplayChildren(false);
37
- }, [showMobileMenu]);
42
+ if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);
43
+ }, [children, isClickEvent, loadingUrl, openActiveSubmenus, router, shouldPreOpen, showMobileMenu]);
38
44
  useEffect(() => {
39
45
  if (isHoverEvent) {
40
46
  setDisplayChildren(false);
41
47
  }
42
48
  }, [router.asPath, isHoverEvent]);
43
49
  if (loadingUrl || loadingText) return '';
50
+ const childrenDisplayClass = displayChildren ? '' : HIDDEN;
44
51
  const handleItemEvent = ({
45
52
  type
46
53
  }) => {
@@ -58,18 +65,25 @@ const MenuItemRender = ({
58
65
  setDisplayChildren(!displayChildren);
59
66
  }
60
67
  };
68
+ const menuItemLinkClassname = classnames('menu--item--link', {
69
+ 'menu--item--link--active': isActive,
70
+ 'menu--item--link--active-parent': isActiveParent
71
+ });
61
72
  return /*#__PURE__*/React.createElement("li", {
62
73
  className: modifier,
63
74
  onMouseEnter: handleItemEvent,
64
75
  onMouseLeave: handleItemEvent
65
76
  }, /*#__PURE__*/React.createElement("div", {
66
- className: "menu--item--link",
77
+ className: menuItemLinkClassname,
67
78
  onClick: handleMobileClick,
68
79
  role: !urlToUse && hasValidChildren ? 'button' : undefined,
69
80
  tabIndex: !urlToUse && hasValidChildren ? 0 : undefined
70
81
  }, urlToUse ? /*#__PURE__*/React.createElement(BlazeLink, {
71
82
  href: urlToUse
72
- }, textToUse) : /*#__PURE__*/React.createElement("span", null, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
83
+ }, textToUse) : /*#__PURE__*/React.createElement("span", {
84
+ role: "button",
85
+ onClick: handleItemEvent
86
+ }, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
73
87
  role: "button",
74
88
  className: "menu--item--link--icon",
75
89
  onClick: e => {
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","useRouter","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","MenuItemRender","children","eventType","text","modifier","url","parent","displayChildren","setDisplayChildren","showMobileMenu","loading","loadingText","data","textToUse","loadingUrl","urlToUse","router","isHoverEvent","childrenDisplayClass","hasValidChildren","asPath","handleItemEvent","type","handleMobileClick","createElement","className","onMouseEnter","onMouseLeave","onClick","role","undefined","tabIndex","href","e","stopPropagation","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { useRouter } from 'next/router';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n const {\n loading: loadingText,\n data: [textToUse]\n } = useStringTemplate(parent, [text]);\n const {\n loading: loadingUrl,\n data: [urlToUse]\n } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n const router = useRouter();\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n const hasValidChildren = hasChildren(children);\n\n useEffect(() => {\n if (!showMobileMenu) setDisplayChildren(false);\n }, [showMobileMenu]);\n\n useEffect(() => {\n if (isHoverEvent) {\n setDisplayChildren(false);\n }\n }, [router.asPath, isHoverEvent]);\n\n if (loadingUrl || loadingText) return '';\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n\n const handleMobileClick = () => {\n if (!urlToUse && hasValidChildren) {\n setDisplayChildren(!displayChildren);\n }\n };\n\n return (\n <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n <div\n className=\"menu--item--link\"\n onClick={handleMobileClick}\n role={!urlToUse && hasValidChildren ? 'button' : undefined}\n tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>\n {urlToUse ? <BlazeLink href={urlToUse}>{textToUse}</BlazeLink> : <span>{textToUse}</span>}\n\n {hasValidChildren && (\n <i\n role=\"button\"\n className=\"menu--item--link--icon\"\n onClick={e => {\n e.stopPropagation();\n setDisplayChildren(!displayChildren);\n }}\n tabIndex={0}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItemRender.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n parent: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null,\n parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC9D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC3D,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,MAAM,QAAQ,iBAAiB;AACzE,SAASC,WAAW,QAAQ,eAAe;AAC3C,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,wBAAwB,QAAQ,WAAW;AAEpD,MAAMC,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,GAAG;EAAEC;AAAO,CAAC,KAAK;EAC/E,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAM;IAAEyB;EAAe,CAAC,GAAGxB,UAAU,CAACa,WAAW,CAAC;EAClD,MAAM;IACJY,OAAO,EAAEC,WAAW;IACpBC,IAAI,EAAE,CAACC,SAAS;EAClB,CAAC,GAAGtB,iBAAiB,CAACe,MAAM,EAAE,CAACH,IAAI,CAAC,CAAC;EACrC,MAAM;IACJO,OAAO,EAAEI,UAAU;IACnBF,IAAI,EAAE,CAACG,QAAQ;EACjB,CAAC,GAAGxB,iBAAiB,CAACe,MAAM,EAAE,CAACP,wBAAwB,CAACM,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;EAE5E,MAAMW,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM2B,YAAY,GAAGf,SAAS,KAAKV,KAAK;EACxC,MAAM0B,oBAAoB,GAAGX,eAAe,GAAG,EAAE,GAAGZ,MAAM;EAC1D,MAAMwB,gBAAgB,GAAGvB,WAAW,CAACK,QAAQ,CAAC;EAE9Cf,SAAS,CAAC,MAAM;IACd,IAAI,CAACuB,cAAc,EAAED,kBAAkB,CAAC,KAAK,CAAC;EAChD,CAAC,EAAE,CAACC,cAAc,CAAC,CAAC;EAEpBvB,SAAS,CAAC,MAAM;IACd,IAAI+B,YAAY,EAAE;MAChBT,kBAAkB,CAAC,KAAK,CAAC;IAC3B;EACF,CAAC,EAAE,CAACQ,MAAM,CAACI,MAAM,EAAEH,YAAY,CAAC,CAAC;EAEjC,IAAIH,UAAU,IAAIH,WAAW,EAAE,OAAO,EAAE;EAExC,MAAMU,eAAe,GAAGA,CAAC;IAAEC;EAAK,CAAC,KAAK;IACpC,IAAIL,YAAY,EAAE;MAChB,IAAIK,IAAI,KAAK7B,WAAW,EAAE;QACxBe,kBAAkB,CAAC,IAAI,CAAC;MAC1B;MACA,IAAIc,IAAI,KAAK5B,WAAW,EAAE;QACxBc,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC;EAED,MAAMe,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAACR,QAAQ,IAAII,gBAAgB,EAAE;MACjCX,kBAAkB,CAAC,CAACD,eAAe,CAAC;IACtC;EACF,CAAC;EAED,oBACExB,KAAA,CAAAyC,aAAA;IAAIC,SAAS,EAAErB,QAAS;IAACsB,YAAY,EAAEL,eAAgB;IAACM,YAAY,EAAEN;EAAgB,gBACpFtC,KAAA,CAAAyC,aAAA;IACEC,SAAS,EAAC,kBAAkB;IAC5BG,OAAO,EAAEL,iBAAkB;IAC3BM,IAAI,EAAE,CAACd,QAAQ,IAAII,gBAAgB,GAAG,QAAQ,GAAGW,SAAU;IAC3DC,QAAQ,EAAE,CAAChB,QAAQ,IAAII,gBAAgB,GAAG,CAAC,GAAGW;EAAU,GACvDf,QAAQ,gBAAGhC,KAAA,CAAAyC,aAAA,CAAC3B,SAAS;IAACmC,IAAI,EAAEjB;EAAS,GAAEF,SAAqB,CAAC,gBAAG9B,KAAA,CAAAyC,aAAA,eAAOX,SAAgB,CAAC,EAExFM,gBAAgB,iBACfpC,KAAA,CAAAyC,aAAA;IACEK,IAAI,EAAC,QAAQ;IACbJ,SAAS,EAAC,wBAAwB;IAClCG,OAAO,EAAEK,CAAC,IAAI;MACZA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB1B,kBAAkB,CAAC,CAACD,eAAe,CAAC;IACtC,CAAE;IACFwB,QAAQ,EAAE;EAAE,GACXxB,eAAe,gBAAGxB,KAAA,CAAAyC,aAAA,CAACnC,WAAW,MAAE,CAAC,gBAAGN,KAAA,CAAAyC,aAAA,CAACpC,aAAa,MAAE,CACpD,CAEF,CAAC,EAEL+B,gBAAgB,iBACfpC,KAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAE,uBAAuBP,oBAAoB;EAAG,GAAEjB,QAAc,CAE9E,CAAC;AAET,CAAC;AAEDD,cAAc,CAACmC,SAAS,GAAG;EACzB/B,QAAQ,EAAEjB,SAAS,CAACiD,MAAM;EAC1BjC,IAAI,EAAEhB,SAAS,CAACiD,MAAM;EACtB/B,GAAG,EAAElB,SAAS,CAACiD,MAAM;EACrBlC,SAAS,EAAEf,SAAS,CAACiD,MAAM,CAACC,UAAU;EACtC/B,MAAM,EAAEnB,SAAS,CAACmD,MAAM;EACxBrC,QAAQ,EAAEd,SAAS,CAACoD,SAAS,CAAC,CAACpD,SAAS,CAACqD,OAAO,CAACrD,SAAS,CAACsD,IAAI,CAAC,EAAEtD,SAAS,CAACsD,IAAI,CAAC;AACnF,CAAC;AAEDzC,cAAc,CAAC0C,YAAY,GAAG;EAC5BrC,GAAG,EAAE,EAAE;EACPD,QAAQ,EAAE,EAAE;EACZD,IAAI,EAAE,EAAE;EACRF,QAAQ,EAAE,IAAI;EACdK,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}
1
+ {"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","classnames","useRouter","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","CLICK","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","isUrlPathMatch","hasActiveChild","MenuItemRender","children","eventType","text","modifier","url","parent","router","showMobileMenu","openActiveSubmenus","isHoverEvent","isClickEvent","loading","loadingText","data","textToUse","loadingUrl","urlToUse","isActive","asPath","isActiveParent","shouldPreOpen","hasValidChildren","displayChildren","setDisplayChildren","childrenDisplayClass","handleItemEvent","type","handleMobileClick","menuItemLinkClassname","createElement","className","onMouseEnter","onMouseLeave","onClick","role","undefined","tabIndex","href","e","stopPropagation","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN, CLICK } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n const router = useRouter();\n const { showMobileMenu, openActiveSubmenus } = useContext(MenuContext);\n\n const isHoverEvent = eventType === HOVER;\n const isClickEvent = eventType === CLICK;\n\n const {\n loading: loadingText,\n data: [textToUse]\n } = useStringTemplate(parent, [text]);\n const {\n loading: loadingUrl,\n data: [urlToUse]\n } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;\n const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;\n const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;\n const hasValidChildren = hasChildren(children);\n\n const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);\n\n useEffect(() => {\n if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);\n }, [\n children,\n isClickEvent,\n loadingUrl,\n openActiveSubmenus,\n router,\n shouldPreOpen,\n showMobileMenu\n ]);\n\n useEffect(() => {\n if (isHoverEvent) {\n setDisplayChildren(false);\n }\n }, [router.asPath, isHoverEvent]);\n\n if (loadingUrl || loadingText) return '';\n\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n\n const handleMobileClick = () => {\n if (!urlToUse && hasValidChildren) {\n setDisplayChildren(!displayChildren);\n }\n };\n\n const menuItemLinkClassname = classnames('menu--item--link', {\n 'menu--item--link--active': isActive,\n 'menu--item--link--active-parent': isActiveParent\n });\n\n return (\n <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n <div\n className={menuItemLinkClassname}\n onClick={handleMobileClick}\n role={!urlToUse && hasValidChildren ? 'button' : undefined}\n tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>\n {urlToUse ? (\n <BlazeLink href={urlToUse}>{textToUse}</BlazeLink>\n ) : (\n <span role=\"button\" onClick={handleItemEvent}>\n {textToUse}\n </span>\n )}\n {hasValidChildren && (\n <i\n role=\"button\"\n className=\"menu--item--link--icon\"\n onClick={e => {\n e.stopPropagation();\n setDisplayChildren(!displayChildren);\n }}\n tabIndex={0}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItemRender.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n parent: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null,\n parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,5 @@
1
+ import isUrlPathMatch from './isUrlPathMatch';
2
+ import { hasChildren } from '../../../helpers';
3
+ const hasActiveChild = (path, children) => hasChildren(children) && children.props.children[1][0].props.component.items.find(menuItem => isUrlPathMatch(path, menuItem.settings.url));
4
+ export default hasActiveChild;
5
+ //# sourceMappingURL=has-active-child.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"has-active-child.js","names":["isUrlPathMatch","hasChildren","hasActiveChild","path","children","props","component","items","find","menuItem","settings","url"],"sources":["../../../../src/components/MenuItem/helpers/has-active-child.js"],"sourcesContent":["import isUrlPathMatch from './isUrlPathMatch';\nimport { hasChildren } from '../../../helpers';\n\nconst hasActiveChild = (path, children) =>\n hasChildren(children) &&\n children.props.children[1][0].props.component.items.find(menuItem =>\n isUrlPathMatch(path, menuItem.settings.url)\n );\n\nexport default hasActiveChild;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,MAAMC,cAAc,GAAGA,CAACC,IAAI,EAAEC,QAAQ,KACpCH,WAAW,CAACG,QAAQ,CAAC,IACrBA,QAAQ,CAACC,KAAK,CAACD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAACC,QAAQ,IAC/DT,cAAc,CAACG,IAAI,EAAEM,QAAQ,CAACC,QAAQ,CAACC,GAAG,CAC5C,CAAC;AAEH,eAAeT,cAAc","ignoreList":[]}
@@ -1,3 +1,5 @@
1
1
  import injectHelperIntoTemplate from './inject-helper-into-template';
2
- export { injectHelperIntoTemplate };
2
+ import isUrlPathMatch from './isUrlPathMatch';
3
+ import hasActiveChild from './has-active-child';
4
+ export { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild };
3
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["injectHelperIntoTemplate"],"sources":["../../../../src/components/MenuItem/helpers/index.js"],"sourcesContent":["import injectHelperIntoTemplate from './inject-helper-into-template';\n\nexport { injectHelperIntoTemplate };\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,+BAA+B;AAEpE,SAASA,wBAAwB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["injectHelperIntoTemplate","isUrlPathMatch","hasActiveChild"],"sources":["../../../../src/components/MenuItem/helpers/index.js"],"sourcesContent":["import injectHelperIntoTemplate from './inject-helper-into-template';\nimport isUrlPathMatch from './isUrlPathMatch';\nimport hasActiveChild from './has-active-child';\n\nexport { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild };\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,+BAA+B;AACpE,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,cAAc,MAAM,oBAAoB;AAE/C,SAASF,wBAAwB,EAAEC,cAAc,EAAEC,cAAc","ignoreList":[]}
@@ -0,0 +1,8 @@
1
+ const isUrlPathMatch = (path, itemUrl) => {
2
+ if (!itemUrl || !path) return false;
3
+ const reg = new RegExp(/^[^#?]+/);
4
+ const _path = reg.exec(path)[0];
5
+ return _path === itemUrl || _path === `/${itemUrl}`;
6
+ };
7
+ export default isUrlPathMatch;
8
+ //# sourceMappingURL=isUrlPathMatch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isUrlPathMatch.js","names":["isUrlPathMatch","path","itemUrl","reg","RegExp","_path","exec"],"sources":["../../../../src/components/MenuItem/helpers/isUrlPathMatch.js"],"sourcesContent":["const isUrlPathMatch = (path, itemUrl) => {\n if (!itemUrl || !path) return false;\n\n const reg = new RegExp(/^[^#?]+/);\n const _path = reg.exec(path)[0];\n\n return _path === itemUrl || _path === `/${itemUrl}`;\n};\n\nexport default isUrlPathMatch;\n"],"mappings":"AAAA,MAAMA,cAAc,GAAGA,CAACC,IAAI,EAAEC,OAAO,KAAK;EACxC,IAAI,CAACA,OAAO,IAAI,CAACD,IAAI,EAAE,OAAO,KAAK;EAEnC,MAAME,GAAG,GAAG,IAAIC,MAAM,CAAC,SAAS,CAAC;EACjC,MAAMC,KAAK,GAAGF,GAAG,CAACG,IAAI,CAACL,IAAI,CAAC,CAAC,CAAC,CAAC;EAE/B,OAAOI,KAAK,KAAKH,OAAO,IAAIG,KAAK,KAAK,IAAIH,OAAO,EAAE;AACrD,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}
@@ -9,4 +9,5 @@ export { default as useBannerInsertion } from './use-banner-insertion';
9
9
  export { default as useAppSyncEventHook } from './use-app-sync-event-hook';
10
10
  export { default as usePortal } from './use-portal';
11
11
  export { default as useFilterAggregationValues } from './use-filter-aggregation-values';
12
+ export { default as useAppEventHook } from './use-app-event-hook';
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","useGetEntitySchema","useGetEntitySchemasAsObj","useGetImageIdFromRelation","useGetImages","usePageBuilder","useGetSingleEntitySchema","useCheckMobileScreen","useBannerInsertion","useAppSyncEventHook","usePortal","useFilterAggregationValues"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\nexport { default as usePortal } from './use-portal';\nexport { default as useFilterAggregationValues } from './use-filter-aggregation-values';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,iCAAiC;AACrF,SAASF,OAAO,IAAIG,yBAAyB,QAAQ,kCAAkC;AACvF,SAASH,OAAO,IAAII,YAAY,QAAQ,kBAAkB;AAC1D,SAASJ,OAAO,IAAIK,cAAc,QAAQ,oBAAoB;AAC9D,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,gCAAgC;AACpF,SAASN,OAAO,IAAIO,oBAAoB,QAAQ,2BAA2B;AAC3E,SAASP,OAAO,IAAIQ,kBAAkB,QAAQ,wBAAwB;AACtE,SAASR,OAAO,IAAIS,mBAAmB,QAAQ,2BAA2B;AAC1E,SAAST,OAAO,IAAIU,SAAS,QAAQ,cAAc;AACnD,SAASV,OAAO,IAAIW,0BAA0B,QAAQ,iCAAiC","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","useGetEntitySchema","useGetEntitySchemasAsObj","useGetImageIdFromRelation","useGetImages","usePageBuilder","useGetSingleEntitySchema","useCheckMobileScreen","useBannerInsertion","useAppSyncEventHook","usePortal","useFilterAggregationValues","useAppEventHook"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\nexport { default as usePortal } from './use-portal';\nexport { default as useFilterAggregationValues } from './use-filter-aggregation-values';\nexport { default as useAppEventHook } from './use-app-event-hook';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,iCAAiC;AACrF,SAASF,OAAO,IAAIG,yBAAyB,QAAQ,kCAAkC;AACvF,SAASH,OAAO,IAAII,YAAY,QAAQ,kBAAkB;AAC1D,SAASJ,OAAO,IAAIK,cAAc,QAAQ,oBAAoB;AAC9D,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,gCAAgC;AACpF,SAASN,OAAO,IAAIO,oBAAoB,QAAQ,2BAA2B;AAC3E,SAASP,OAAO,IAAIQ,kBAAkB,QAAQ,wBAAwB;AACtE,SAASR,OAAO,IAAIS,mBAAmB,QAAQ,2BAA2B;AAC1E,SAAST,OAAO,IAAIU,SAAS,QAAQ,cAAc;AACnD,SAASV,OAAO,IAAIW,0BAA0B,QAAQ,iCAAiC;AACvF,SAASX,OAAO,IAAIY,eAAe,QAAQ,sBAAsB","ignoreList":[]}
@@ -0,0 +1,39 @@
1
+ import { AppContext } from '@blaze-cms/nextjs-components';
2
+ import { useContext, useEffect, useState, useMemo } from 'react';
3
+ const useAppEventHook = ({
4
+ eventName,
5
+ data,
6
+ props
7
+ }) => {
8
+ const {
9
+ blazeApp
10
+ } = useContext(AppContext);
11
+ const hasListener = blazeApp && blazeApp.events && blazeApp.events.hasListeners(`plugin:page-builder:${eventName}`);
12
+ const [loading, setLoading] = useState(hasListener);
13
+ const [updatedData, setUpdatedData] = useState(null);
14
+
15
+ // eslint-disable-next-line react-hooks/exhaustive-deps
16
+ const stableData = useMemo(() => data, [JSON.stringify(data)]);
17
+ // eslint-disable-next-line react-hooks/exhaustive-deps
18
+ const stableProps = useMemo(() => props, [JSON.stringify(props)]);
19
+ useEffect(() => {
20
+ async function emitEvent() {
21
+ // setLoading(true);
22
+ await blazeApp.events.emitAsync(`plugin:page-builder:${eventName}`, {
23
+ data: updatedData,
24
+ props: stableProps
25
+ });
26
+ setLoading(false);
27
+ }
28
+ if (hasListener && updatedData) emitEvent();
29
+ }, [updatedData, eventName, hasListener, blazeApp.events, stableProps]);
30
+ useEffect(() => {
31
+ setUpdatedData(stableData);
32
+ }, [stableData]);
33
+ return {
34
+ data: updatedData || stableData,
35
+ loading
36
+ };
37
+ };
38
+ export default useAppEventHook;
39
+ //# sourceMappingURL=use-app-event-hook.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-app-event-hook.js","names":["AppContext","useContext","useEffect","useState","useMemo","useAppEventHook","eventName","data","props","blazeApp","hasListener","events","hasListeners","loading","setLoading","updatedData","setUpdatedData","stableData","JSON","stringify","stableProps","emitEvent","emitAsync"],"sources":["../../src/hooks/use-app-event-hook.js"],"sourcesContent":["import { AppContext } from '@blaze-cms/nextjs-components';\nimport { useContext, useEffect, useState, useMemo } from 'react';\n\nconst useAppEventHook = ({ eventName, data, props }) => {\n const { blazeApp } = useContext(AppContext);\n const hasListener =\n blazeApp && blazeApp.events && blazeApp.events.hasListeners(`plugin:page-builder:${eventName}`);\n const [loading, setLoading] = useState(hasListener);\n const [updatedData, setUpdatedData] = useState(null);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const stableData = useMemo(() => data, [JSON.stringify(data)]);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const stableProps = useMemo(() => props, [JSON.stringify(props)]);\n\n useEffect(\n () => {\n async function emitEvent() {\n // setLoading(true);\n await blazeApp.events.emitAsync(`plugin:page-builder:${eventName}`, {\n data: updatedData,\n props: stableProps\n });\n setLoading(false);\n }\n if (hasListener && updatedData) emitEvent();\n },\n [updatedData, eventName, hasListener, blazeApp.events, stableProps]\n );\n\n useEffect(\n () => {\n setUpdatedData(stableData);\n },\n [stableData]\n );\n\n return { data: updatedData || stableData, loading };\n};\nexport default useAppEventHook;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,8BAA8B;AACzD,SAASC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAEhE,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAAK;EACtD,MAAM;IAAEC;EAAS,CAAC,GAAGR,UAAU,CAACD,UAAU,CAAC;EAC3C,MAAMU,WAAW,GACfD,QAAQ,IAAIA,QAAQ,CAACE,MAAM,IAAIF,QAAQ,CAACE,MAAM,CAACC,YAAY,CAAC,uBAAuBN,SAAS,EAAE,CAAC;EACjG,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAACO,WAAW,CAAC;EACnD,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;;EAEpD;EACA,MAAMc,UAAU,GAAGb,OAAO,CAAC,MAAMG,IAAI,EAAE,CAACW,IAAI,CAACC,SAAS,CAACZ,IAAI,CAAC,CAAC,CAAC;EAC9D;EACA,MAAMa,WAAW,GAAGhB,OAAO,CAAC,MAAMI,KAAK,EAAE,CAACU,IAAI,CAACC,SAAS,CAACX,KAAK,CAAC,CAAC,CAAC;EAEjEN,SAAS,CACP,MAAM;IACJ,eAAemB,SAASA,CAAA,EAAG;MACzB;MACA,MAAMZ,QAAQ,CAACE,MAAM,CAACW,SAAS,CAAC,uBAAuBhB,SAAS,EAAE,EAAE;QAClEC,IAAI,EAAEQ,WAAW;QACjBP,KAAK,EAAEY;MACT,CAAC,CAAC;MACFN,UAAU,CAAC,KAAK,CAAC;IACnB;IACA,IAAIJ,WAAW,IAAIK,WAAW,EAAEM,SAAS,CAAC,CAAC;EAC7C,CAAC,EACD,CAACN,WAAW,EAAET,SAAS,EAAEI,WAAW,EAAED,QAAQ,CAACE,MAAM,EAAES,WAAW,CACpE,CAAC;EAEDlB,SAAS,CACP,MAAM;IACJc,cAAc,CAACC,UAAU,CAAC;EAC5B,CAAC,EACD,CAACA,UAAU,CACb,CAAC;EAED,OAAO;IAAEV,IAAI,EAAEQ,WAAW,IAAIE,UAAU;IAAEJ;EAAQ,CAAC;AACrD,CAAC;AACD,eAAeR,eAAe","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/react-page-builder",
3
- "version": "0.146.0-node18-tooltips.38",
3
+ "version": "0.146.0-node18-core-styles-tooltips.52",
4
4
  "description": "Blaze react page builder",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
27
27
  },
28
28
  "license": "GPL-3.0",
29
29
  "dependencies": {
30
- "@blaze-cms/core-auth-ui": "0.146.0-node18-tooltips.32",
31
- "@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
32
- "@blaze-cms/core-errors-ui": "0.146.0-node18-tooltips.0",
30
+ "@blaze-cms/core-auth-ui": "0.146.0-node18-core-styles-tooltips.46",
31
+ "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.46",
32
+ "@blaze-cms/core-errors-ui": "0.146.0-node18-core-styles-tooltips.46",
33
33
  "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
34
- "@blaze-cms/nextjs-components": "0.146.0-node18-tooltips.38",
35
- "@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.37",
36
- "@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
37
- "@blaze-cms/utils": "0.146.0-node18-tooltips.32",
38
- "@blaze-cms/utils-handlebars": "0.146.0-node18-tooltips.38",
34
+ "@blaze-cms/nextjs-components": "0.146.0-node18-core-styles-tooltips.46",
35
+ "@blaze-cms/plugin-search-ui": "0.146.0-node18-core-styles-tooltips.46",
36
+ "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.46",
37
+ "@blaze-cms/utils": "0.146.0-node18-core-styles-tooltips.46",
38
+ "@blaze-cms/utils-handlebars": "0.146.0-node18-core-styles-tooltips.46",
39
39
  "@blaze-react/badge": "^0.7.0",
40
40
  "@blaze-react/breadcrumb": "0.8.0-alpha.60",
41
41
  "@blaze-react/button": "0.8.0-alpha.82",
@@ -92,5 +92,5 @@
92
92
  "lib/*",
93
93
  "lib-es/*"
94
94
  ],
95
- "gitHead": "c47206fe5d789c5d3828b10016d73894feac3ae9"
95
+ "gitHead": "a023f9c35df5a4c7eceba4d6f21c669bb04b8f6b"
96
96
  }
@@ -5,7 +5,8 @@ import PropTypes from 'prop-types';
5
5
  import { MainContext } from '@blaze-cms/nextjs-components';
6
6
  import { generateSingleItemQuery } from '../../application/query';
7
7
  import { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';
8
- import { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';
8
+ import { useGetEntitySchemasAsObj, useGetImages, useAppEventHook } from '../../hooks';
9
+ import { buildQueryBooster } from '../List/helpers';
9
10
  import {
10
11
  getUpdatedFilterBy,
11
12
  getEntityData,
@@ -153,8 +154,16 @@ const CardsRender = ({
153
154
 
154
155
  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;
155
156
 
157
+ const { data: updatedVariables } = useAppEventHook({
158
+ eventName: 'cards:query-variables',
159
+ data: variables,
160
+ props: variableProps
161
+ });
162
+
163
+ const boostedVariables = buildQueryBooster(otherProps, updatedVariables);
164
+
156
165
  const { data: cardData = {}, error: cardsError } = useQuery(action, {
157
- variables,
166
+ variables: boostedVariables,
158
167
  fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',
159
168
  skip: shouldReturn(
160
169
  hasNoFiltersOrItemsToDisplay,
@@ -8,12 +8,11 @@ const buildQueryBooster = (props, data) => {
8
8
  const { function_score: { query, functions = [] } = {} } = parsedRawQuery;
9
9
 
10
10
  const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({
11
- gauss: {
11
+ exp: {
12
12
  [propToBoost]: {
13
- origin: 'now',
14
- scale: '30d',
15
- offset: '7d',
16
- decay: 0.5
13
+ scale: '14d',
14
+ decay: 0.99, // high value slow decay
15
+ offset: '7d'
17
16
  }
18
17
  }
19
18
  }));
@@ -21,7 +20,14 @@ const buildQueryBooster = (props, data) => {
21
20
  const updatedData = {
22
21
  function_score: {
23
22
  query: functions.length ? query : parsedRawQuery,
24
- functions: [...functions, ...boostedPropsFunctios],
23
+ functions: [
24
+ ...functions,
25
+ ...boostedPropsFunctios,
26
+ {
27
+ weight: 0.01 // minimum score to avoid zeroing out
28
+ }
29
+ ],
30
+ score_mode: 'sum',
25
31
  boost_mode: 'multiply'
26
32
  }
27
33
  };