@blaze-cms/react-page-builder 0.141.0-core-styles.10 → 0.141.0-core-styles.20

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.141.0-core-styles.20](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.19...v0.141.0-core-styles.20) (2024-05-01)
+
+
+### Features
+
+* added thumbnail carousel variant ([#4343](https://github.com/thebyte9/blaze/issues/4343)) ([69beb66](https://github.com/thebyte9/blaze/commit/69beb66445c35f3ff67d5002aa96fe60aa8cae50))
+
+
+
+
+
+# [0.141.0-core-styles.16](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.15...v0.141.0-core-styles.16) (2024-04-25)
+
+
+### Features
+
+* add recency boost option to card/list pagebuilder components ([#4306](https://github.com/thebyte9/blaze/issues/4306)) ([6385d97](https://github.com/thebyte9/blaze/commit/6385d972895b50ad82b5b1662368f05dbfa73630))
+
+
+
+
+
 # [0.141.0-core-styles.10](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.9...v0.141.0-core-styles.10) (2024-04-12)
 
 

package/lib/components/List/ListRender.js

@@ -16,6 +16,7 @@ var _Header = _interopRequireDefault(require("./components/Header"));
 var _helpers = require("../../helpers");
 var _constants = require("../../constants");
 var _hooks = require("../../hooks");
+var _helpers2 = require("./helpers");
 var ListRender = function ListRender(props) {
   var variables = props.variables,
     actionKey = props.actionKey,
@@ -41,8 +42,9 @@ var ListRender = function ListRender(props) {
       props: props
     }),
     updatedVariables = _useAppSyncEventHook.data;
+  var boostedVariables = (0, _helpers2.buildQueryBooster)(props, updatedVariables);
   var _useQuery = (0, _client.useQuery)(action, {
-      variables: updatedVariables
+      variables: boostedVariables
     }),
     _useQuery$data = _useQuery.data,
     data = _useQuery$data === void 0 ? {} : _useQuery$data,

package/lib/components/List/ListRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRender.js","names":["_react","_interopRequireDefault","require","_client","_propTypes","_Pagination","_Header","_helpers","_constants","_hooks","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","ListComponent","listComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","_useAppSyncEventHook","useAppSyncEventHook","eventName","data","updatedVariables","_useQuery","useQuery","_useQuery$data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","sortResponseData","length","currentListLength","currentPage","Math","ceil","totalDisplay","createElement","Fragment","className","_extends2","LOAD_MORE","itemsPerPage","propTypes","PropTypes","string","isRequired","object","number","bool","func","array","defaultProps","_default","exports"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data: updatedVariables } = useAppSyncEventHook({\n    eventName: 'list:query-variables',\n    data: variables,\n    props\n  });\n\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables: updatedVariables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}
+{"version":3,"file":"ListRender.js","names":["_react","_interopRequireDefault","require","_client","_propTypes","_Pagination","_Header","_helpers","_constants","_hooks","_helpers2","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","ListComponent","listComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","_useAppSyncEventHook","useAppSyncEventHook","eventName","data","updatedVariables","boostedVariables","buildQueryBooster","_useQuery","useQuery","_useQuery$data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","sortResponseData","length","currentListLength","currentPage","Math","ceil","totalDisplay","createElement","Fragment","className","_extends2","LOAD_MORE","itemsPerPage","propTypes","PropTypes","string","isRequired","object","number","bool","func","array","defaultProps","_default","exports"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\nimport { buildQueryBooster } from './helpers';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data: updatedVariables } = useAppSyncEventHook({\n    eventName: 'list:query-variables',\n    data: variables,\n    props\n  });\n  const boostedVariables = buildQueryBooster(props, updatedVariables);\n\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables: boostedVariables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}

package/lib/components/List/helpers/build-query-booster.js

@@ -0,0 +1,57 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.concat.js");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buildQueryBooster = function buildQueryBooster(props, data) {
+  var recencyBoostProperty = props.recencyBoostProperty;
+  if (!recencyBoostProperty || !recencyBoostProperty.length) return data;
+  var _data$rawQueryStringi = data.rawQueryStringified,
+    rawQueryStringified = _data$rawQueryStringi === void 0 ? '' : _data$rawQueryStringi;
+  var parsedRawQuery = JSON.parse(rawQueryStringified);
+  var _parsedRawQuery$funct = parsedRawQuery.function_score,
+    _parsedRawQuery$funct2 = _parsedRawQuery$funct === void 0 ? {} : _parsedRawQuery$funct,
+    query = _parsedRawQuery$funct2.query,
+    _parsedRawQuery$funct3 = _parsedRawQuery$funct2.functions,
+    functions = _parsedRawQuery$funct3 === void 0 ? [] : _parsedRawQuery$funct3;
+  var boostedPropsFunctios = recencyBoostProperty.map(function (propToBoost) {
+    return {
+      gauss: (0, _defineProperty2["default"])({}, propToBoost, {
+        origin: 'now',
+        scale: '30d',
+        offset: '7d',
+        decay: 0.5
+      })
+    };
+  });
+  var updatedData = {
+    function_score: {
+      query: functions.length ? query : parsedRawQuery,
+      functions: [].concat((0, _toConsumableArray2["default"])(functions), (0, _toConsumableArray2["default"])(boostedPropsFunctios)),
+      boost_mode: 'multiply'
+    }
+  };
+  return _objectSpread(_objectSpread({}, data), {}, {
+    rawQueryStringified: JSON.stringify(updatedData)
+  });
+};
+var _default = exports["default"] = buildQueryBooster;
+//# sourceMappingURL=build-query-booster.js.map

package/lib/components/List/helpers/build-query-booster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-query-booster.js","names":["buildQueryBooster","props","data","recencyBoostProperty","length","_data$rawQueryStringi","rawQueryStringified","parsedRawQuery","JSON","parse","_parsedRawQuery$funct","function_score","_parsedRawQuery$funct2","query","_parsedRawQuery$funct3","functions","boostedPropsFunctios","map","propToBoost","gauss","_defineProperty2","origin","scale","offset","decay","updatedData","concat","_toConsumableArray2","boost_mode","_objectSpread","stringify","_default","exports"],"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,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAEC,IAAI,EAAK;EACzC,IAAQC,oBAAoB,GAAKF,KAAK,CAA9BE,oBAAoB;EAE5B,IAAI,CAACA,oBAAoB,IAAI,CAACA,oBAAoB,CAACC,MAAM,EAAE,OAAOF,IAAI;EACtE,IAAAG,qBAAA,GAAqCH,IAAI,CAAjCI,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;EAEhC,IAAME,cAAc,GAAGC,IAAI,CAACC,KAAK,CAACH,mBAAmB,CAAC;EACtD,IAAAI,qBAAA,GAA2DH,cAAc,CAAjEI,cAAc;IAAAC,sBAAA,GAAAF,qBAAA,cAA8B,CAAC,CAAC,GAAAA,qBAAA;IAA5BG,KAAK,GAAAD,sBAAA,CAALC,KAAK;IAAAC,sBAAA,GAAAF,sBAAA,CAAEG,SAAS;IAATA,SAAS,GAAAD,sBAAA,cAAG,EAAE,GAAAA,sBAAA;EAE/C,IAAME,oBAAoB,GAAGb,oBAAoB,CAACc,GAAG,CAAC,UAAAC,WAAW;IAAA,OAAK;MACpEC,KAAK,MAAAC,gBAAA,iBACFF,WAAW,EAAG;QACbG,MAAM,EAAE,KAAK;QACbC,KAAK,EAAE,KAAK;QACZC,MAAM,EAAE,IAAI;QACZC,KAAK,EAAE;MACT,CAAC;IAEL,CAAC;EAAA,CAAC,CAAC;EAEH,IAAMC,WAAW,GAAG;IAClBd,cAAc,EAAE;MACdE,KAAK,EAAEE,SAAS,CAACX,MAAM,GAAGS,KAAK,GAAGN,cAAc;MAChDQ,SAAS,KAAAW,MAAA,KAAAC,mBAAA,aAAMZ,SAAS,OAAAY,mBAAA,aAAKX,oBAAoB,EAAC;MAClDY,UAAU,EAAE;IACd;EACF,CAAC;EAED,OAAAC,aAAA,CAAAA,aAAA,KACK3B,IAAI;IACPI,mBAAmB,EAAEE,IAAI,CAACsB,SAAS,CAACL,WAAW;EAAC;AAEpD,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEahC,iBAAiB"}

package/lib/components/List/helpers/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "buildPaginationItems", {
     return _buildPaginationItems["default"];
   }
 });
+Object.defineProperty(exports, "buildQueryBooster", {
+  enumerable: true,
+  get: function get() {
+    return _buildQueryBooster["default"];
+  }
+});
 Object.defineProperty(exports, "getAzQueryFilter", {
   enumerable: true,
   get: function get() {
@@ -82,4 +88,5 @@ var _hasRequiredItemListDetails = _interopRequireDefault(require("./has-required
 var _getListComponent = _interopRequireDefault(require("./get-list-component"));
 var _getListQuery = _interopRequireDefault(require("./get-list-query"));
 var _getListSpecificSearchFilter = _interopRequireDefault(require("./get-list-specific-search-filter"));
+var _buildQueryBooster = _interopRequireDefault(require("./build-query-booster"));
 //# sourceMappingURL=index.js.map

package/lib/components/List/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_buildPaginationItems","_interopRequireDefault","require","_getAzQueryFilter","_buildAzAggregations","_buildAzUrl","_sortAggs","_getItemsPerPageToUse","_getSortProps","_hasRequiredItemListDetails","_getListComponent","_getListQuery","_getListSpecificSearchFilter"],"sources":["../../../../src/components/List/helpers/index.js"],"sourcesContent":["export { default as buildPaginationItems } from './build-pagination-items';\nexport { default as getAzQueryFilter } from './get-az-query-filter';\nexport { default as buildAzAggregations } from './build-az-aggregations';\nexport { default as buildAzUrl } from './build-az-url';\nexport { default as sortAggs } from './sort-aggs';\nexport { default as getItemsPerPageToUse } from './get-items-per-page-to-use';\nexport { default as getSortProps } from './get-sort-props';\nexport { default as hasRequiredItemListDetails } from './has-required-item-list-details';\nexport { default as getListComponent } from './get-list-component';\nexport { default as getListQuery } from './get-list-query';\nexport { default as getListSpecificSearchFilter } from './get-list-specific-search-filter';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,qBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,2BAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,aAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,4BAAA,GAAAX,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_buildPaginationItems","_interopRequireDefault","require","_getAzQueryFilter","_buildAzAggregations","_buildAzUrl","_sortAggs","_getItemsPerPageToUse","_getSortProps","_hasRequiredItemListDetails","_getListComponent","_getListQuery","_getListSpecificSearchFilter","_buildQueryBooster"],"sources":["../../../../src/components/List/helpers/index.js"],"sourcesContent":["export { default as buildPaginationItems } from './build-pagination-items';\nexport { default as getAzQueryFilter } from './get-az-query-filter';\nexport { default as buildAzAggregations } from './build-az-aggregations';\nexport { default as buildAzUrl } from './build-az-url';\nexport { default as sortAggs } from './sort-aggs';\nexport { default as getItemsPerPageToUse } from './get-items-per-page-to-use';\nexport { default as getSortProps } from './get-sort-props';\nexport { default as hasRequiredItemListDetails } from './has-required-item-list-details';\nexport { default as getListComponent } from './get-list-component';\nexport { default as getListQuery } from './get-list-query';\nexport { default as getListSpecificSearchFilter } from './get-list-specific-search-filter';\nexport { default as buildQueryBooster } from './build-query-booster';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,qBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,2BAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,aAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,4BAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,kBAAA,GAAAZ,sBAAA,CAAAC,OAAA"}

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js

@@ -0,0 +1,65 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _useThumbnailCarousel2 = _interopRequireDefault(require("./useThumbnailCarousel"));
+var _ThumbnailImage = _interopRequireDefault(require("./ThumbnailImage"));
+var ThumbnailCarousel = function ThumbnailCarousel(props) {
+  var _useThumbnailCarousel = (0, _useThumbnailCarousel2["default"])(props),
+    thumbnailsListRef = _useThumbnailCarousel.thumbnailsListRef,
+    imageIds = _useThumbnailCarousel.imageIds,
+    selectedImageId = _useThumbnailCarousel.selectedImageId,
+    priorityLimit = _useThumbnailCarousel.priorityLimit,
+    mainImageButtonClick = _useThumbnailCarousel.mainImageButtonClick,
+    thumbnailImageClick = _useThumbnailCarousel.thumbnailImageClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel",
+    "data-testid": "thumbnail-carousel"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel__main_image_container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    id: "previous-button",
+    className: "thumbnail-carousel__main_image_container__button",
+    role: "button",
+    onClick: function onClick() {
+      return mainImageButtonClick();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "arrow arrow--left"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel__main_image_container__main-image",
+    "data-testid": "thumbnail-main-image",
+    ref: thumbnailsListRef
+  }, /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
+    priority: true,
+    imageId: selectedImageId
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    id: "next-button",
+    className: "thumbnail-carousel__main_image_container__button next",
+    role: "button",
+    onClick: function onClick() {
+      return mainImageButtonClick(true);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "arrow arrow--right"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel__list"
+  }, imageIds.map(function (imageId, index) {
+    return /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
+      key: imageId,
+      priority: index < priorityLimit,
+      imageId: imageId,
+      selectedImageId: selectedImageId,
+      handleOnClick: thumbnailImageClick
+    }));
+  })));
+};
+var _default = exports["default"] = ThumbnailCarousel;
+//# sourceMappingURL=ThumbnailCarousel.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailCarousel.js","names":["_react","_interopRequireDefault","require","_useThumbnailCarousel2","_ThumbnailImage","ThumbnailCarousel","props","_useThumbnailCarousel","useThumbnailCarousel","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","mainImageButtonClick","thumbnailImageClick","createElement","className","id","role","onClick","ref","_extends2","priority","imageId","map","index","key","handleOnClick","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    mainImageButtonClick,\n    thumbnailImageClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <div\n          className=\"thumbnail-carousel__main_image_container__main-image\"\n          data-testid=\"thumbnail-main-image\"\n          ref={thumbnailsListRef}>\n          <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        </div>\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\">\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            handleOnClick={thumbnailImageClick}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;EACjC,IAAAC,qBAAA,GAOI,IAAAC,iCAAoB,EAACF,KAAK,CAAC;IAN7BG,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;IACjBC,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;IACRC,eAAe,GAAAJ,qBAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,qBAAA,CAAbK,aAAa;IACbC,oBAAoB,GAAAN,qBAAA,CAApBM,oBAAoB;IACpBC,mBAAmB,GAAAP,qBAAA,CAAnBO,mBAAmB;EAGrB,oBACEd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDhB,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMN,oBAAoB,CAAC,CAAC;IAAA;EAAC,gBACtCb,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNhB,MAAA,YAAAe,aAAA;IACEC,SAAS,EAAC,sDAAsD;IAChE,eAAY,sBAAsB;IAClCI,GAAG,EAAEX;EAAkB,gBACvBT,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAiB,SAAA,iBAAKf,KAAK;IAAEgB,QAAQ;IAACC,OAAO,EAAEZ;EAAgB,EAAE,CAC5D,CAAC,eACNX,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMN,oBAAoB,CAAC,IAAI,CAAC;IAAA;EAAC,gBAC1Cb,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCN,QAAQ,CAACc,GAAG,CAAC,UAACD,OAAO,EAAEE,KAAK;IAAA,oBAC3BzB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAiB,SAAA,iBACTf,KAAK;MACToB,GAAG,EAAEH,OAAQ;MACbD,QAAQ,EAAEG,KAAK,GAAGb,aAAc;MAChCW,OAAO,EAAEA,OAAQ;MACjBZ,eAAe,EAAEA,eAAgB;MACjCgB,aAAa,EAAEb;IAAoB,EACpC,CAAC;EAAA,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cAEaxB,iBAAiB"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LazyImage = _interopRequireDefault(require("../../../components/LazyImage"));
+var _useThumbnailImage2 = _interopRequireDefault(require("./useThumbnailImage"));
+var ThumbnailImage = function ThumbnailImage(props) {
+  var _useThumbnailImage = (0, _useThumbnailImage2["default"])(props),
+    loading = _useThumbnailImage.loading,
+    error = _useThumbnailImage.error,
+    className = _useThumbnailImage.className,
+    imageRef = _useThumbnailImage.imageRef,
+    imageUrl = _useThumbnailImage.imageUrl,
+    altText = _useThumbnailImage.altText,
+    priority = _useThumbnailImage.priority,
+    handleClick = _useThumbnailImage.handleClick,
+    handleEnableLightbox = _useThumbnailImage.handleEnableLightbox;
+  if (error) return error.message;
+  if (loading) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: imageRef,
+    className: className,
+    onClick: handleClick,
+    role: "button",
+    "data-testid": "thumbnail-image"
+  }, /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
+    src: imageUrl,
+    alt: altText,
+    sizeKey: "carousel",
+    onClick: handleEnableLightbox,
+    role: "button",
+    priority: priority
+  }));
+};
+var _default = exports["default"] = ThumbnailImage;
+//# sourceMappingURL=ThumbnailImage.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailImage.js","names":["_react","_interopRequireDefault","require","_LazyImage","_useThumbnailImage2","ThumbnailImage","props","_useThumbnailImage","useThumbnailImage","loading","error","className","imageRef","imageUrl","altText","priority","handleClick","handleEnableLightbox","message","createElement","ref","onClick","role","src","alt","sizeKey","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const {\n    loading,\n    error,\n    className,\n    imageRef,\n    imageUrl,\n    altText,\n    priority,\n    handleClick,\n    handleEnableLightbox\n  } = useThumbnailImage(props);\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div\n      ref={imageRef}\n      className={className}\n      onClick={handleClick}\n      role=\"button\"\n      data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        onClick={handleEnableLightbox}\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC9B,IAAAC,kBAAA,GAUI,IAAAC,8BAAiB,EAACF,KAAK,CAAC;IAT1BG,OAAO,GAAAF,kBAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,kBAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,kBAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,kBAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,kBAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,kBAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,kBAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,kBAAA,CAAXS,WAAW;IACXC,oBAAoB,GAAAV,kBAAA,CAApBU,oBAAoB;EAGtB,IAAIP,KAAK,EAAE,OAAOA,KAAK,CAACQ,OAAO;EAC/B,IAAIT,OAAO,EAAE,OAAO,IAAI;EAExB,oBACET,MAAA,YAAAmB,aAAA;IACEC,GAAG,EAAER,QAAS;IACdD,SAAS,EAAEA,SAAU;IACrBU,OAAO,EAAEL,WAAY;IACrBM,IAAI,EAAC,QAAQ;IACb,eAAY;EAAiB,gBAC7BtB,MAAA,YAAAmB,aAAA,CAAChB,UAAA,WAAS;IACRoB,GAAG,EAAEV,QAAS;IACdW,GAAG,EAAEV,OAAQ;IACbW,OAAO,EAAC,UAAU;IAClBJ,OAAO,EAAEJ,oBAAqB;IAC9BK,IAAI,EAAC,QAAQ;IACbP,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEatB,cAAc"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ThumbnailImage = _interopRequireDefault(require("./ThumbnailImage"));
+var _default = exports["default"] = _ThumbnailImage["default"];
+//# sourceMappingURL=index.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ThumbnailImage","_interopRequireDefault","require","_default","exports","ThumbnailImage"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/index.js"],"sourcesContent":["import ThumbnailImage from './ThumbnailImage';\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,IAAAC,QAAA,GAAAC,OAAA,cAE/BC,0BAAc"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../../../hooks");
+var _utils = require("../../../utils");
+var useThumbnailImage = function useThumbnailImage(_ref) {
+  var imageId = _ref.imageId,
+    enableLightbox = _ref.enableLightbox,
+    toggleModal = _ref.toggleModal,
+    handleSelectedImage = _ref.handleSelectedImage,
+    priority = _ref.priority,
+    selectedImageId = _ref.selectedImageId,
+    handleOnClick = _ref.handleOnClick;
+  var imageRef = (0, _react.useRef)(null);
+  var isSelected = selectedImageId === imageId;
+  var _useGetImages = (0, _hooks.useGetImages)(imageId),
+    _useGetImages$data = _useGetImages.data,
+    data = _useGetImages$data === void 0 ? {} : _useGetImages$data,
+    loading = _useGetImages.loading,
+    error = _useGetImages.error;
+  (0, _react.useEffect)(function () {
+    if (imageRef.current && isSelected) {
+      imageRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start'
+      });
+    }
+  }, [isSelected]);
+  var handleEnableLightbox = function handleEnableLightbox() {
+    if (!enableLightbox) return;
+    toggleModal();
+    handleSelectedImage(imageId);
+  };
+  var handleClick = function handleClick() {
+    handleOnClick(imageId);
+  };
+  var _ref2 = data.getFile || {
+      getFile: {
+        url: '',
+        data: {}
+      }
+    },
+    _ref2$url = _ref2.url,
+    imageUrl = _ref2$url === void 0 ? '' : _ref2$url,
+    _ref2$data = _ref2.data,
+    imageData = _ref2$data === void 0 ? {} : _ref2$data;
+  var _getImageData = (0, _utils.getImageData)({}, imageData),
+    altText = _getImageData.altText;
+  var className = selectedImageId === imageId ? 'thumbnail-carousel-image thumbnail-carousel-image--selected' : 'thumbnail-carousel-image';
+  return {
+    loading: loading,
+    error: error,
+    className: className,
+    imageRef: imageRef,
+    imageUrl: imageUrl,
+    altText: altText,
+    priority: priority,
+    handleClick: handleClick,
+    handleEnableLightbox: handleEnableLightbox
+  };
+};
+useThumbnailImage.propTypes = {
+  imageId: _propTypes["default"].string.isRequired,
+  selectedImageId: _propTypes["default"].string.isRequired,
+  enableLightbox: _propTypes["default"].bool.isRequired,
+  toggleModal: _propTypes["default"].func.isRequired,
+  handleSelectedImage: _propTypes["default"].func.isRequired,
+  priority: _propTypes["default"].bool.isRequired,
+  handleOnClick: _propTypes["default"].func
+};
+useThumbnailImage.defaultProps = {
+  handleOnClick: function handleOnClick() {}
+};
+var _default = exports["default"] = useThumbnailImage;
+//# sourceMappingURL=useThumbnailImage.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThumbnailImage.js","names":["_react","require","_propTypes","_interopRequireDefault","_hooks","_utils","useThumbnailImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","selectedImageId","handleOnClick","imageRef","useRef","isSelected","_useGetImages","useGetImages","_useGetImages$data","data","loading","error","useEffect","current","scrollIntoView","behavior","block","handleEnableLightbox","handleClick","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","className","propTypes","PropTypes","string","isRequired","bool","func","defaultProps","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\n\nconst useThumbnailImage = ({\n  imageId,\n  enableLightbox,\n  toggleModal,\n  handleSelectedImage,\n  priority,\n  selectedImageId,\n  handleOnClick\n}) => {\n  const imageRef = useRef(null);\n  const isSelected = selectedImageId === imageId;\n  const { data = {}, loading, error } = useGetImages(imageId);\n\n  useEffect(\n    () => {\n      if (imageRef.current && isSelected) {\n        imageRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    },\n    [isSelected]\n  );\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const handleClick = () => {\n    handleOnClick(imageId);\n  };\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n  const { altText } = getImageData({}, imageData);\n\n  const className =\n    selectedImageId === imageId\n      ? 'thumbnail-carousel-image thumbnail-carousel-image--selected'\n      : 'thumbnail-carousel-image';\n\n  return {\n    loading,\n    error,\n    className,\n    imageRef,\n    imageUrl,\n    altText,\n    priority,\n    handleClick,\n    handleEnableLightbox\n  };\n};\n\nuseThumbnailImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  selectedImageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired,\n  priority: PropTypes.bool.isRequired,\n  handleOnClick: PropTypes.func\n};\n\nuseThumbnailImage.defaultProps = {\n  handleOnClick: () => {}\n};\n\nexport default useThumbnailImage;\n"],"mappings":"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"}

package/lib/variants/ThumbnailCarousel/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ThumbnailCarousel = _interopRequireDefault(require("./ThumbnailCarousel"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ThumbnailCarousel = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread({}, componentSettings);
+  },
+  VariantComponent: _ThumbnailCarousel["default"]
+};
+var _default = exports["default"] = ThumbnailCarousel;
+//# sourceMappingURL=index.js.map

package/lib/variants/ThumbnailCarousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ThumbnailCarousel","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","ThumbnailCarousel","getSettings","componentSettings","VariantComponent","ThumbnailCarouselComponent","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import ThumbnailCarouselComponent from './ThumbnailCarousel';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: ThumbnailCarouselComponent\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6D,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE7D,IAAMoB,iBAAiB,GAAG;EACxBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAV,aAAA,KACzBU,iBAAiB;EAAA,CACpB;EACFC,gBAAgB,EAAEC;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,iBAAiB"}

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js

@@ -0,0 +1,62 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.index-of.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _excluded = ["imageIds", "priorityLimit"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useThumbnailCarousel = function useThumbnailCarousel(_ref) {
+  var imageIds = _ref.imageIds,
+    priorityLimit = _ref.priorityLimit,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedImageIndex = _useState2[0],
+    setSelectedImageIndex = _useState2[1];
+  var thumbnailsListRef = (0, _react.useRef)(null);
+  var selectedImageId = imageIds[selectedImageIndex];
+  var mainImageButtonClick = function mainImageButtonClick(next) {
+    if (next) {
+      var isLast = imageIds.length - 1 === selectedImageIndex;
+      var newIndex = isLast ? 0 : selectedImageIndex + 1;
+      setSelectedImageIndex(newIndex);
+    } else {
+      var isFirst = selectedImageIndex === 0;
+      var _newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;
+      setSelectedImageIndex(_newIndex);
+    }
+  };
+  var thumbnailImageClick = function thumbnailImageClick(id) {
+    var newIndex = imageIds.indexOf(id);
+    if (newIndex !== -1) setSelectedImageIndex(newIndex);
+  };
+  return _objectSpread(_objectSpread({}, props), {}, {
+    imageIds: imageIds,
+    selectedImageId: selectedImageId,
+    selectedImageIndex: selectedImageIndex,
+    thumbnailsListRef: thumbnailsListRef,
+    priorityLimit: priorityLimit,
+    thumbnailImageClick: thumbnailImageClick,
+    mainImageButtonClick: mainImageButtonClick
+  });
+};
+var _default = exports["default"] = useThumbnailCarousel;
+//# sourceMappingURL=useThumbnailCarousel.js.map

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThumbnailCarousel.js","names":["_react","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","useRef","selectedImageId","mainImageButtonClick","next","isLast","newIndex","isFirst","thumbnailImageClick","id","indexOf","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      const newIndex = isLast ? 0 : selectedImageIndex + 1;\n      setSelectedImageIndex(newIndex);\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      const newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  const thumbnailImageClick = id => {\n    const newIndex = imageIds.indexOf(id);\n    if (newIndex !== -1) setSelectedImageIndex(newIndex);\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    thumbnailImageClick,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":"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"}

package/lib/variants/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = exports["default"] = {};
+var _ThumbnailCarousel = _interopRequireDefault(require("./ThumbnailCarousel"));
+var _default = exports["default"] = {
+  thumbnailCarousel: _ThumbnailCarousel["default"]
+};
 //# sourceMappingURL=index.js.map

package/lib/variants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/variants/index.js"],"sourcesContent":["export default {};\n"],"mappings":";;;;;;;oCAAe,CAAC,CAAC"}
+{"version":3,"file":"index.js","names":["_ThumbnailCarousel","_interopRequireDefault","require","_default","exports","thumbnailCarousel"],"sources":["../../src/variants/index.js"],"sourcesContent":["import thumbnailCarousel from './ThumbnailCarousel';\n\nexport default {\n  thumbnailCarousel\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,IAAAC,QAAA,GAAAC,OAAA,cAErC;EACbC,iBAAiB,EAAjBA;AACF,CAAC"}

package/lib-es/components/List/ListRender.js

@@ -7,6 +7,7 @@ import ListHeader from './components/Header';
 import { sortResponseData } from '../../helpers';
 import { LOAD_MORE } from '../../constants';
 import { useAppSyncEventHook } from '../../hooks';
+import { buildQueryBooster } from './helpers';
 const ListRender = props => {
   const {
     variables,
@@ -35,13 +36,14 @@ const ListRender = props => {
     data: variables,
     props
   });
+  const boostedVariables = buildQueryBooster(props, updatedVariables);
   const {
     data = {},
     error,
     loading,
     fetchMore
   } = useQuery(action, {
-    variables: updatedVariables
+    variables: boostedVariables
   });
   if (loading) return '';
   if (error) return error.message;