pro-gallery 4.0.15-beta.27 → 4.0.15-beta.272

package/README.md

@@ -34,7 +34,7 @@ import 'pro-gallery/dist/statics/main.css';
   items={items}
   options={options}
   container={container}
-  scrollingElement={() => document.getElementById('gallery') || window}
+  scrollingElement={document.getElementById('gallery') || window}
   eventsListener={(eName, eData) => console.log({eName, eData})}
 />
 ```
@@ -130,14 +130,16 @@ The most important events are:
 
 The full list gallery events is [here](https://github.com/wix/pro-gallery/blob/master/packages/lib/src/common/constants/events.js)
 
-### Custom Renderers
+### Custom Components
 The Gallery supports custom renderers both for the Hover Element (appears when hoveing over an item) and the Info Element (appears below / above the item).
 To replace the default rendering of these element, pass a function that will receive the item's props and should return a JSX element.
 for example:
 ```
 <ProGallery
   {...otherProps}
-  customHoverRenderer={itemProps => <div>Hover #{itemProps.idx}</div>}
-  customInfoRenderer={itemProps => <div>Info #{itemProps.idx}</div>}
+  customComponents: {
+    customHoverRenderer={itemProps => <div>Hover #{itemProps.idx}</div>}
+    customInfoRenderer={itemProps => <div>Info #{itemProps.idx}</div>}
+  }
 />
 ```

package/dist/cjs/components/gallery/index.js

@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var pro_gallery_lib_1 = require("pro-gallery-lib");
+var pro_gallery_blueprints_1 = require("pro-gallery-blueprints");
 var proGallery_1 = tslib_1.__importDefault(require("./proGallery/proGallery"));
 var shouldValidate_1 = tslib_1.__importDefault(require("./typeValidator/shouldValidate"));
-var BaseGallery = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseGallery, _super);
-    function BaseGallery(props) {
+var Gallery = /** @class */ (function (_super) {
+    tslib_1.__extends(Gallery, _super);
+    function Gallery(props) {
         var _this = _super.call(this, props) || this;
         _this.isUsingCustomInfoElements = _this.isUsingCustomInfoElements.bind(_this);
-        _this.blueprintsManager = new pro_gallery_lib_1.BlueprintsManager({ id: 'layoutingGallery' });
+        _this.blueprintsManager = new pro_gallery_blueprints_1.BlueprintsManager({ id: 'layoutingGallery' });
         _this.blueprintsManager.init({
             deviceType: props.deviceType,
             api: {
@@ -38,7 +39,7 @@ var BaseGallery = /** @class */ (function (_super) {
         };
         return _this;
     }
-    BaseGallery.prototype.setBlueprint = function (blueprint, initialBlueprint) {
+    Gallery.prototype.setBlueprint = function (blueprint, initialBlueprint) {
         if (initialBlueprint) {
             // the blueprint from the initial blueprint flow will be set in the constructor
         }
@@ -46,28 +47,24 @@ var BaseGallery = /** @class */ (function (_super) {
             this.setState({ blueprint: blueprint });
         }
     };
-    BaseGallery.prototype.isUsingCustomInfoElements = function () {
-        return (!!this.galleryProps.customHoverRenderer ||
-            !!this.galleryProps.customInfoRenderer ||
-            !!this.galleryProps.customSlideshowInfoRenderer);
+    Gallery.prototype.isUsingCustomInfoElements = function () {
+        return (!!this.galleryProps.customComponents.customHoverRenderer ||
+            !!this.galleryProps.customComponents.customInfoRenderer ||
+            !!this.galleryProps.customComponents.customSlideshowInfoRenderer);
     };
-    BaseGallery.prototype.onNewProps = function (props, calledByConstructor) {
+    Gallery.prototype.onNewProps = function (props, calledByConstructor) {
         var _this = this;
         var eventsListener = props.eventsListener, otherProps = tslib_1.__rest(props, ["eventsListener"]);
-        var _eventsListener = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            var eventName = args[0], value = args[1];
+        var _eventsListener = function (eventName, eventData) {
             if (eventName === pro_gallery_lib_1.GALLERY_CONSTS.events.NEED_MORE_ITEMS) {
-                _this.blueprintsManager.getMoreItems(value);
+                _this.blueprintsManager.getMoreItems(eventData);
             }
             else {
-                typeof eventsListener === 'function' && eventsListener.apply(void 0, args);
+                typeof eventsListener === 'function' &&
+                    eventsListener(eventName, eventData);
             }
         };
-        this.galleryProps = tslib_1.__assign(tslib_1.__assign({}, otherProps), { eventsListener: _eventsListener, id: props.id || 'default-dom-id' });
+        this.galleryProps = tslib_1.__assign(tslib_1.__assign({}, otherProps), { eventsListener: _eventsListener, id: props.id || 'default-dom-id', customComponents: props.customComponents || {} });
         if (calledByConstructor) {
             // the blueprint will be initiated with the state
         }
@@ -78,10 +75,10 @@ var BaseGallery = /** @class */ (function (_super) {
             });
         }
     };
-    BaseGallery.prototype.UNSAFE_componentWillReceiveProps = function (newProps) {
+    Gallery.prototype.UNSAFE_componentWillReceiveProps = function (newProps) {
         this.onNewProps(newProps, false);
     };
-    BaseGallery.prototype.render = function () {
+    Gallery.prototype.render = function () {
         var _a = this.state, blueprint = _a.blueprint, typeErrors = _a.typeErrors;
         if (typeErrors) {
             return typeErrors;
@@ -93,7 +90,7 @@ var BaseGallery = /** @class */ (function (_super) {
             return null;
         }
     };
-    BaseGallery.prototype.componentDidMount = function () {
+    Gallery.prototype.componentDidMount = function () {
         return tslib_1.__awaiter(this, void 0, void 0, function () {
             var validateTypesModule, validate, typeErrorsUI, typeErrors;
             return tslib_1.__generator(this, function (_a) {
@@ -107,7 +104,7 @@ var BaseGallery = /** @class */ (function (_super) {
                     case 1:
                         validateTypesModule = _a.sent();
                         validate = validateTypesModule.validate, typeErrorsUI = validateTypesModule.typeErrorsUI;
-                        typeErrors = validate(this.props.options || this.props.styles || this.props.styleParams);
+                        typeErrors = validate(this.state.blueprint.options);
                         if (typeErrors.length > 0) {
                             this.setState({ typeErrors: typeErrorsUI(typeErrors) });
                         }
@@ -116,7 +113,7 @@ var BaseGallery = /** @class */ (function (_super) {
             });
         });
     };
-    return BaseGallery;
+    return Gallery;
 }(react_1.default.Component));
-exports.default = BaseGallery;
+exports.default = Gallery;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/gallery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/gallery/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/gallery/index.tsx"],"names":[],"mappings":"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"}