@egjs/svelte-infinitegrid 4.7.1 → 4.8.1

package/.gitignore

@@ -0,0 +1,4 @@
+/node_modules/
+/public/build/
+
+.DS_Store

package/.npmignore

@@ -0,0 +1,3 @@
+.storybook
+stories/
+public/

package/CHANGELOG.md

@@ -0,0 +1,125 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 4.7.1 (2022-09-08)
+
+
+### :rocket: New Features
+
+* add storybook (#321) ([a726015](https://github.com/naver/egjs-infinitegrid/commit/a726015066824842ef2ba05cd53e1f7a3514d8ae))
+* add svelte-infinitegrid@3.0.0 (#301) ([8c878c9](https://github.com/naver/egjs-infinitegrid/commit/8c878c9e8d4a43ab2e98f21cb124677c7fd8f0b4))
+* support ResizeObserver#464 (#470) ([4400701](https://github.com/naver/egjs-infinitegrid/commit/4400701b5eafc52b41eb9d496bad48f551bcf96e))
+
+
+### :bug: Bug Fix
+
+* change afterUpdate lifecycle (#304) ([4851854](https://github.com/naver/egjs-infinitegrid/commit/4851854348524ffb247316c8bd5ddc71b7deb678))
+* fix error in multiple groups (#387) ([02df50f](https://github.com/naver/egjs-infinitegrid/commit/02df50f52644c461e2397458bef428dcb868f02f))
+* fix setStatus method's default value (#373) ([5f8f9a2](https://github.com/naver/egjs-infinitegrid/commit/5f8f9a27a6bc8e55e49247dd6455713b77efeaf1))
+* fix setStatus' getter (#377) ([16fa80c](https://github.com/naver/egjs-infinitegrid/commit/16fa80c042579c9766b5143b1787980930405d78))
+* fix svelte types (#460) ([cace348](https://github.com/naver/egjs-infinitegrid/commit/cace34814d65c53562648da5713d4191242e61bd))
+* fix svelte version issue (#315) ([bee5b3d](https://github.com/naver/egjs-infinitegrid/commit/bee5b3d272261b69c9366079f028560c43c30f63))
+* fix svelte-infinitegrid's typo ([6fe14d5](https://github.com/naver/egjs-infinitegrid/commit/6fe14d5deba9922fe3864b2ed758cdaaa73a9fa0))
+* fix types (#457) ([f402d62](https://github.com/naver/egjs-infinitegrid/commit/f402d62ca0335c00e6bff2f68b1c343cfc6a285d))
+* fix types (#510) ([96adfd7](https://github.com/naver/egjs-infinitegrid/commit/96adfd7bd66c6d77015818417990339da1b59311))
+* support svelte SSR (#430) ([1518182](https://github.com/naver/egjs-infinitegrid/commit/1518182c36483574ac4a9c4ef5896d45f9c5ed05))
+
+
+### :memo: Documentation
+
+* fix README ([a512be4](https://github.com/naver/egjs-infinitegrid/commit/a512be426af33ed949fa07c3e790a705f90ae655))
+
+
+### :mega: Other
+
+* release 4.2.0-rc ([110b5d4](https://github.com/naver/egjs-infinitegrid/commit/110b5d4ae845d7812da1cf5727366c22840ed82a))
+* Release 4.3.0 ([d18031e](https://github.com/naver/egjs-infinitegrid/commit/d18031ee3e9bf7f012e7bf1b0157572ba78f70b0))
+* Release 4.3.1 ([165e354](https://github.com/naver/egjs-infinitegrid/commit/165e354bb6382cba61e0670ab16096193fdf2a2b))
+* Release 4.4.0 ([2b066a8](https://github.com/naver/egjs-infinitegrid/commit/2b066a83470719fc78940317fe0ab44fa21fc378))
+* Release 4.5.0 ([23e0885](https://github.com/naver/egjs-infinitegrid/commit/23e0885c2ae29130b34613227291ee6f0b102c75))
+* Release 4.6.0 ([d529854](https://github.com/naver/egjs-infinitegrid/commit/d529854917ef31afbbb138dec8af98ef8c3c1d47))
+* Release 4.7.0 ([9a1c5a0](https://github.com/naver/egjs-infinitegrid/commit/9a1c5a0985381a632c00cae94481cb1a50425aa0))
+* **release:** Release 3.6.2 ([7e0201b](https://github.com/naver/egjs-infinitegrid/commit/7e0201ba39ec4989ca02b81d84594ae1967c5488))
+* **release:** Release 3.6.3 ([91d264c](https://github.com/naver/egjs-infinitegrid/commit/91d264c22142828ea9c26d19cb747c42c65773d7))
+* **release:** Release 3.7.0 ([83982dd](https://github.com/naver/egjs-infinitegrid/commit/83982dd04cf2a52c0d165925de0a3ec14d4acb0a))
+* **release:** Release 3.7.1 ([e89e4a3](https://github.com/naver/egjs-infinitegrid/commit/e89e4a386a577dc2deffb822a56b6fdfb9808525))
+* **release:** Release 3.8.0 ([0318d41](https://github.com/naver/egjs-infinitegrid/commit/0318d416acb63611890dc752815386af7497ca19))
+* **release:** Release 3.8.1 ([578263b](https://github.com/naver/egjs-infinitegrid/commit/578263bd36356f1e976dbf78d8eab423cf84a4ef))
+* **release:** Release 3.8.2 ([bc043cc](https://github.com/naver/egjs-infinitegrid/commit/bc043ccd840bdbd28907d6c5592bc86cf3722c95))
+* **release:** Release 3.8.3 ([dbb97ee](https://github.com/naver/egjs-infinitegrid/commit/dbb97ee7e368ee0a3bf512e20c3cd7f2c33b2e7a))
+* **release:** Release 3.8.4 ([67f5300](https://github.com/naver/egjs-infinitegrid/commit/67f53003f0faa58039fd560682097f6ecf4534c1))
+* **release:** Release 3.9.0 ([9d2dca7](https://github.com/naver/egjs-infinitegrid/commit/9d2dca76591a7b033108641783418e2dc183edf3))
+* **release:** Release 4.0.0 ([7b77f77](https://github.com/naver/egjs-infinitegrid/commit/7b77f77e3e0444fc1162458133db1303c6531903))
+* **release:** Release 4.1.0 ([57dc167](https://github.com/naver/egjs-infinitegrid/commit/57dc167b7a1e6fc60a39d8fa990c28294ef4722b))
+* **release:** Release 4.1.1 ([ad36273](https://github.com/naver/egjs-infinitegrid/commit/ad3627396d64c421100d9623c3bfaf6a3c1bc40d))
+* **release:** Release 4.2.1 ([414faa6](https://github.com/naver/egjs-infinitegrid/commit/414faa683fe5e60d746d99ba1944b086ff4b23e4))
+* update @egjs/infinitegrid to frameworks ([cc2458d](https://github.com/naver/egjs-infinitegrid/commit/cc2458dc59229865041c22d0c40068813779d132))
+* update package.json ([c9d1faa](https://github.com/naver/egjs-infinitegrid/commit/c9d1faa896d84672771caccb086f0002bd282370))
+* update packages versions ([212d1bc](https://github.com/naver/egjs-infinitegrid/commit/212d1bcf22c60fde09989f373d61738a195d9902))
+* update packages versions ([e438c00](https://github.com/naver/egjs-infinitegrid/commit/e438c00929ba28bd001d6174bd57efd918144686))
+* update packages versions ([d4aa615](https://github.com/naver/egjs-infinitegrid/commit/d4aa615a8cd3e25b621500e2a7b243dcc9696eef))
+* update packages versions ([171bb74](https://github.com/naver/egjs-infinitegrid/commit/171bb74f708110a2fd986276c9b8d65472fa64ab))
+* update packages versions ([29bdea0](https://github.com/naver/egjs-infinitegrid/commit/29bdea08f334113e4a73180dd5f9e803c4befc99))
+* update packages versions ([47f9348](https://github.com/naver/egjs-infinitegrid/commit/47f9348042e19c789b986ec936ed042a3838afc8))
+* update packages versions ([bc07e37](https://github.com/naver/egjs-infinitegrid/commit/bc07e37a5fb40e94f87cd1b07f1f7a843ddbe7e8))
+
+
+
+## [4.7.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.6.0...@egjs/svelte-infinitegrid@4.7.0) (2022-09-02)
+
+
+### :bug: Bug Fix
+
+* fix types (#510) ([96adfd7](https://github.com/naver/egjs-infinitegrid/commit/96adfd7bd66c6d77015818417990339da1b59311))
+
+
+### :mega: Other
+
+* update packages versions ([e438c00](https://github.com/naver/egjs-infinitegrid/commit/e438c00929ba28bd001d6174bd57efd918144686))
+
+
+
+## [4.6.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.5.0...@egjs/svelte-infinitegrid@4.6.0) (2022-07-26)
+
+
+### :mega: Other
+
+* update packages versions ([d4aa615](https://github.com/naver/egjs-infinitegrid/commit/d4aa615a8cd3e25b621500e2a7b243dcc9696eef))
+
+
+
+## [4.5.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.4.0...@egjs/svelte-infinitegrid@4.5.0) (2022-06-23)
+
+
+### :mega: Other
+
+* update packages versions ([171bb74](https://github.com/naver/egjs-infinitegrid/commit/171bb74f708110a2fd986276c9b8d65472fa64ab))
+
+
+
+## [4.4.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.3.1...@egjs/svelte-infinitegrid@4.4.0) (2022-05-25)
+
+
+### :mega: Other
+
+* update packages versions ([29bdea0](https://github.com/naver/egjs-infinitegrid/commit/29bdea08f334113e4a73180dd5f9e803c4befc99))
+
+
+
+## [4.3.1](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.3.0...@egjs/svelte-infinitegrid@4.3.1) (2022-05-17)
+
+
+### :mega: Other
+
+* update packages versions ([47f9348](https://github.com/naver/egjs-infinitegrid/commit/47f9348042e19c789b986ec936ed042a3838afc8))
+
+
+
+## [4.3.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.2.1...@egjs/svelte-infinitegrid@4.3.0) (2022-05-13)
+
+
+### :mega: Other
+
+* update packages versions ([bc07e37](https://github.com/naver/egjs-infinitegrid/commit/bc07e37a5fb40e94f87cd1b07f1f7a843ddbe7e8))

package/dist/infinitegrid.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/svelte-infinitegrid
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-infinitegrid
-version: 4.7.1
+version: 4.8.1
 */
 'use strict';
 
@@ -14,156 +14,103 @@ var infinitegrid = require('@egjs/infinitegrid');
 
 const SVELTE_INFINITEGRID_PROPS = ["status", "useFirstRender", "useLoading", "usePlaceholder", "items", "itemBy", "groupBy"];
 
-/* src/InfiniteGrid.svelte generated by Svelte v3.50.0 */
-
+/* src/InfiniteGrid.svelte generated by Svelte v3.52.0 */
 const get_default_slot_changes_1 = dirty => ({
-  visibleItems: dirty &
-  /*visibleItems*/
-  8
+  visibleItems: dirty & /*visibleItems*/8
 });
-
 const get_default_slot_context_1 = ctx => ({
-  visibleItems:
-  /*visibleItems*/
-  ctx[3]
+  visibleItems: /*visibleItems*/ctx[3]
 });
-
 const get_default_slot_changes = dirty => ({
-  visibleItems: dirty &
-  /*visibleItems*/
-  8
+  visibleItems: dirty & /*visibleItems*/8
 });
-
 const get_default_slot_context = ctx => ({
-  visibleItems:
-  /*visibleItems*/
-  ctx[3]
-}); // (138:2) {:else}
-
+  visibleItems: /*visibleItems*/ctx[3]
+});
 
+// (138:2) {:else}
 function create_else_block(ctx) {
   let current;
-  const default_slot_template =
-  /*#slots*/
-  ctx[9].default;
-  const default_slot = internal.create_slot(default_slot_template, ctx,
-  /*$$scope*/
-  ctx[8], get_default_slot_context_1);
+  const default_slot_template = /*#slots*/ctx[9].default;
+  const default_slot = internal.create_slot(default_slot_template, ctx, /*$$scope*/ctx[8], get_default_slot_context_1);
   return {
     c() {
       if (default_slot) default_slot.c();
     },
-
     m(target, anchor) {
       if (default_slot) {
         default_slot.m(target, anchor);
       }
-
       current = true;
     },
-
     p(ctx, dirty) {
       if (default_slot) {
-        if (default_slot.p && (!current || dirty &
-        /*$$scope, visibleItems*/
-        264)) {
-          internal.update_slot_base(default_slot, default_slot_template, ctx,
-          /*$$scope*/
-          ctx[8], !current ? internal.get_all_dirty_from_scope(
-          /*$$scope*/
-          ctx[8]) : internal.get_slot_changes(default_slot_template,
-          /*$$scope*/
-          ctx[8], dirty, get_default_slot_changes_1), get_default_slot_context_1);
+        if (default_slot.p && (!current || dirty & /*$$scope, visibleItems*/264)) {
+          internal.update_slot_base(default_slot, default_slot_template, ctx, /*$$scope*/ctx[8], !current ? internal.get_all_dirty_from_scope( /*$$scope*/ctx[8]) : internal.get_slot_changes(default_slot_template, /*$$scope*/ctx[8], dirty, get_default_slot_changes_1), get_default_slot_context_1);
         }
       }
     },
-
     i(local) {
       if (current) return;
       internal.transition_in(default_slot, local);
       current = true;
     },
-
     o(local) {
       internal.transition_out(default_slot, local);
       current = false;
     },
-
     d(detaching) {
       if (default_slot) default_slot.d(detaching);
     }
-
   };
-} // (134:2) {#if $$props.container === true}
-
+}
 
+// (134:2) {#if $$props.container === true}
 function create_if_block(ctx) {
   let div;
   let current;
-  const default_slot_template =
-  /*#slots*/
-  ctx[9].default;
-  const default_slot = internal.create_slot(default_slot_template, ctx,
-  /*$$scope*/
-  ctx[8], get_default_slot_context);
+  const default_slot_template = /*#slots*/ctx[9].default;
+  const default_slot = internal.create_slot(default_slot_template, ctx, /*$$scope*/ctx[8], get_default_slot_context);
   return {
     c() {
       div = internal.element("div");
       if (default_slot) default_slot.c();
       internal.attr(div, "class", infinitegrid.CONTAINER_CLASS_NAME);
     },
-
     m(target, anchor) {
       internal.insert(target, div, anchor);
-
       if (default_slot) {
         default_slot.m(div, null);
       }
-      /*div_binding*/
-
 
+      /*div_binding*/
       ctx[10](div);
       current = true;
     },
-
     p(ctx, dirty) {
       if (default_slot) {
-        if (default_slot.p && (!current || dirty &
-        /*$$scope, visibleItems*/
-        264)) {
-          internal.update_slot_base(default_slot, default_slot_template, ctx,
-          /*$$scope*/
-          ctx[8], !current ? internal.get_all_dirty_from_scope(
-          /*$$scope*/
-          ctx[8]) : internal.get_slot_changes(default_slot_template,
-          /*$$scope*/
-          ctx[8], dirty, get_default_slot_changes), get_default_slot_context);
+        if (default_slot.p && (!current || dirty & /*$$scope, visibleItems*/264)) {
+          internal.update_slot_base(default_slot, default_slot_template, ctx, /*$$scope*/ctx[8], !current ? internal.get_all_dirty_from_scope( /*$$scope*/ctx[8]) : internal.get_slot_changes(default_slot_template, /*$$scope*/ctx[8], dirty, get_default_slot_changes), get_default_slot_context);
         }
       }
     },
-
     i(local) {
       if (current) return;
       internal.transition_in(default_slot, local);
       current = true;
     },
-
     o(local) {
       internal.transition_out(default_slot, local);
       current = false;
     },
-
     d(detaching) {
       if (detaching) internal.detach(div);
       if (default_slot) default_slot.d(detaching);
       /*div_binding*/
-
       ctx[10](null);
     }
-
   };
 }
-
 function create_fragment(ctx) {
   let div;
   let current_block_type_index;
@@ -171,45 +118,33 @@ function create_fragment(ctx) {
   let current;
   const if_block_creators = [create_if_block, create_else_block];
   const if_blocks = [];
-
   function select_block_type(ctx, dirty) {
-    if (
-    /*$$props*/
-    ctx[4].container === true) return 0;
+    if ( /*$$props*/ctx[4].container === true) return 0;
     return 1;
   }
-
   current_block_type_index = select_block_type(ctx);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-  let div_levels = [
-  /*attributes*/
-  ctx[2]];
+  let div_levels = [/*attributes*/ctx[2]];
   let div_data = {};
-
   for (let i = 0; i < div_levels.length; i += 1) {
     div_data = internal.assign(div_data, div_levels[i]);
   }
-
   return {
     c() {
       div = internal.element("div");
       if_block.c();
       internal.set_attributes(div, div_data);
     },
-
     m(target, anchor) {
       internal.insert(target, div, anchor);
       if_blocks[current_block_type_index].m(div, null);
       /*div_binding_1*/
-
       ctx[11](div);
       current = true;
     },
-
     p(ctx, [dirty]) {
       let previous_block_index = current_block_type_index;
       current_block_type_index = select_block_type(ctx);
-
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx, dirty);
       } else {
@@ -219,47 +154,34 @@ function create_fragment(ctx) {
         });
         internal.check_outros();
         if_block = if_blocks[current_block_type_index];
-
         if (!if_block) {
           if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
           if_block.c();
         } else {
           if_block.p(ctx, dirty);
         }
-
         internal.transition_in(if_block, 1);
         if_block.m(div, null);
       }
-
-      internal.set_attributes(div, div_data = internal.get_spread_update(div_levels, [dirty &
-      /*attributes*/
-      4 &&
-      /*attributes*/
-      ctx[2]]));
+      internal.set_attributes(div, div_data = internal.get_spread_update(div_levels, [dirty & /*attributes*/4 && /*attributes*/ctx[2]]));
     },
-
     i(local) {
       if (current) return;
       internal.transition_in(if_block);
       current = true;
     },
-
     o(local) {
       internal.transition_out(if_block);
       current = false;
     },
-
     d(detaching) {
       if (detaching) internal.detach(div);
       if_blocks[current_block_type_index].d();
       /*div_binding_1*/
-
       ctx[11](null);
     }
-
   };
 }
-
 function instance($$self, $$props, $$invalidate) {
   let {
     $$slots: slots = {},
@@ -277,29 +199,23 @@ function instance($$self, $$props, $$invalidate) {
   let container;
   let attributes = {};
   let visibleItems = [];
-
   function updateAttributes(props) {
-    $$invalidate(2, attributes = { ...props
+    $$invalidate(2, attributes = {
+      ...props
     });
     const defaultOptions = GridClass.defaultOptions;
     delete attributes["GridClass"];
-
     for (const name in defaultOptions) {
       delete attributes[name];
     }
-
     SVELTE_INFINITEGRID_PROPS.forEach(name => {
       delete attributes[name];
     });
   }
-
   function getItemInfos() {
     const items = $$props.items || [];
-
     const itemBy = $$props.itemBy || (item => item.key);
-
     const groupBy = $$props.groupBy || (item => item.groupKey);
-
     return items.map((item, i) => {
       return {
         groupKey: groupBy(item, i),
@@ -308,7 +224,6 @@ function instance($$self, $$props, $$invalidate) {
       };
     });
   }
-
   function updateVisibleChildren(props) {
     $$invalidate(3, visibleItems = infinitegrid.getRenderingItems(getItemInfos(), {
       grid: vanillaGrid,
@@ -319,7 +234,6 @@ function instance($$self, $$props, $$invalidate) {
       horizontal: props.horizontal
     }));
   }
-
   svelte.beforeUpdate(() => {
     updateAttributes($$props);
     updateVisibleChildren($$props);
@@ -327,27 +241,22 @@ function instance($$self, $$props, $$invalidate) {
   svelte.onMount(() => {
     const defaultOptions = GridClass.defaultOptions;
     const options = {};
-
     for (const name in defaultOptions) {
       if (name in $$props) {
         options[name] = $$props[name];
       }
     }
-
     if (container) {
       options.container = container;
     }
-
     options.renderer = renderer;
     $$invalidate(5, vanillaGrid = new GridClass(wrapper, options));
-
     for (const name in infinitegrid.INFINITEGRID_EVENTS) {
       const eventName = infinitegrid.INFINITEGRID_EVENTS[name];
       vanillaGrid.on(eventName, e => {
         dispatch(eventName, e);
       });
     }
-
     renderer.on("requestUpdate", () => {
       updateVisibleChildren($$props);
     });
@@ -362,50 +271,41 @@ function instance($$self, $$props, $$invalidate) {
     renderer.updated();
   });
   svelte.afterUpdate(() => {
-
     const propertyTypes = GridClass.propertyTypes;
-
     for (const name in propertyTypes) {
       if (name in $$props) {
         $$invalidate(5, vanillaGrid[name] = $$props[name], vanillaGrid);
       }
     }
-
     renderer.updated();
   });
   svelte.onDestroy(() => {
     vanillaGrid && vanillaGrid.destroy();
   });
-
   function getInstance() {
     return vanillaGrid;
   }
-
   function div_binding($$value) {
     internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
       container = $$value;
       $$invalidate(1, container);
     });
   }
-
   function div_binding_1($$value) {
     internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
       wrapper = $$value;
       $$invalidate(0, wrapper);
     });
   }
-
   $$self.$$set = $$new_props => {
     $$invalidate(4, $$props = internal.assign(internal.assign({}, $$props), internal.exclude_internal_props($$new_props)));
     if ('GridClass' in $$new_props) $$invalidate(6, GridClass = $$new_props.GridClass);
     if ('vanillaGrid' in $$new_props) $$invalidate(5, vanillaGrid = $$new_props.vanillaGrid);
     if ('$$scope' in $$new_props) $$invalidate(8, $$scope = $$new_props.$$scope);
   };
-
   $$props = internal.exclude_internal_props($$props);
   return [wrapper, container, attributes, visibleItems, $$props, vanillaGrid, GridClass, getInstance, $$scope, slots, div_binding, div_binding_1];
 }
-
 class InfiniteGrid$1 extends internal.SvelteComponent {
   constructor(options) {
     super();
@@ -415,11 +315,9 @@ class InfiniteGrid$1 extends internal.SvelteComponent {
       getInstance: 7
     });
   }
-
   get getInstance() {
     return this.$$.ctx[7];
   }
-
 }
 
 /**
@@ -429,17 +327,14 @@ class InfiniteGrid$1 extends internal.SvelteComponent {
  */
 var InfiniteGrid = /*#__PURE__*/(() => {
   const prototype = InfiniteGrid$1.prototype;
-
   if (prototype) {
     infinitegrid.INFINITEGRID_METHODS.forEach(name => {
       if (name in prototype) {
         return;
       }
-
       prototype[name] = function (...args) {
         const self = this.getInstance();
         const result = self[name](...args);
-
         if (result === self) {
           return this;
         } else {
@@ -448,12 +343,10 @@ var InfiniteGrid = /*#__PURE__*/(() => {
       };
     });
   }
-
   return InfiniteGrid$1;
 })();
 
 let MasonryInfiniteGrid;
-
 if (typeof InfiniteGrid === "object") {
   MasonryInfiniteGrid = InfiniteGrid;
 } else {
@@ -462,12 +355,10 @@ if (typeof InfiniteGrid === "object") {
       options.props.GridClass = infinitegrid.MasonryInfiniteGrid;
       super(options);
     }
-
   };
 }
 
 let JustifiedInfiniteGrid;
-
 if (typeof InfiniteGrid === "object") {
   JustifiedInfiniteGrid = InfiniteGrid;
 } else {
@@ -476,12 +367,10 @@ if (typeof InfiniteGrid === "object") {
       options.props.GridClass = infinitegrid.JustifiedInfiniteGrid;
       super(options);
     }
-
   };
 }
 
 let FrameInfiniteGrid;
-
 if (typeof InfiniteGrid === "object") {
   FrameInfiniteGrid = InfiniteGrid;
 } else {
@@ -490,12 +379,10 @@ if (typeof InfiniteGrid === "object") {
       options.props.GridClass = infinitegrid.FrameInfiniteGrid;
       super(options);
     }
-
   };
 }
 
 let PackingInfiniteGrid;
-
 if (typeof InfiniteGrid === "object") {
   PackingInfiniteGrid = InfiniteGrid;
 } else {
@@ -504,7 +391,6 @@ if (typeof InfiniteGrid === "object") {
       options.props.GridClass = infinitegrid.PackingInfiniteGrid;
       super(options);
     }
-
   };
 }