chore(release): 3.7.0

# [3.7.0](v3.6.5...v3.7.0) (2022-09-16)

### Features

* **use-positioner:** add maxColumnCount property ([#132](#132)) ([dbec4ff](dbec4ff))

CHANGELOG.md

@@ -1,3 +1,9 @@
+# [3.7.0](https://github.com/jaredLunde/masonic/compare/v3.6.5...v3.7.0) (2022-09-16)
+
+### Features
+
+- **use-positioner:** add maxColumnCount property ([#132](https://github.com/jaredLunde/masonic/issues/132)) ([dbec4ff](https://github.com/jaredLunde/masonic/commit/dbec4ff86e869b303d7648bebb3e28faa7adc7b3))
+
 ## [3.6.5](https://github.com/jaredLunde/masonic/compare/v3.6.4...v3.6.5) (2022-04-28)
 
 ### Bug Fixes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "masonic",
-  "version": "3.6.5",
+  "version": "3.7.0",
   "description": "",
   "license": "MIT",
   "author": "Jared Lunde <[email protected]> (https://jaredlunde.com/)",

types/masonry.d.ts

@@ -10,36 +10,52 @@ import type { UseScrollToIndexOptions } from "./use-scroll-to-index";
  *
  * @param props
  */
-export declare function Masonry<Item>(props: MasonryProps<Item>): React.FunctionComponentElement<MasonryScrollerProps<unknown>>;
+export declare function Masonry<Item>(
+  props: MasonryProps<Item>
+): React.FunctionComponentElement<MasonryScrollerProps<unknown>>;
 export declare namespace Masonry {
-    var displayName: string;
+  var displayName: string;
 }
-export interface MasonryProps<Item> extends Omit<MasonryScrollerProps<Item>, "offset" | "width" | "height" | "containerRef" | "positioner">, Pick<UsePositionerOptions, "columnWidth" | "columnGutter" | "rowGutter" | "columnCount"> {
-    /**
-     * Scrolls to a given index within the grid. The grid will re-scroll
-     * any time the index changes.
-     */
-    scrollToIndex?: number | {
+export interface MasonryProps<Item>
+  extends Omit<
+      MasonryScrollerProps<Item>,
+      "offset" | "width" | "height" | "containerRef" | "positioner"
+    >,
+    Pick<
+      UsePositionerOptions,
+      | "columnWidth"
+      | "columnGutter"
+      | "rowGutter"
+      | "columnCount"
+      | "maxColumnCount"
+    > {
+  /**
+   * Scrolls to a given index within the grid. The grid will re-scroll
+   * any time the index changes.
+   */
+  scrollToIndex?:
+    | number
+    | {
         index: number;
         align: UseScrollToIndexOptions["align"];
-    };
-    /**
-     * This is the width that will be used for the browser `window` when rendering this component in SSR.
-     * This prop isn't relevant for client-side only apps.
-     */
-    ssrWidth?: number;
-    /**
-     * This is the height that will be used for the browser `window` when rendering this component in SSR.
-     * This prop isn't relevant for client-side only apps.
-     */
-    ssrHeight?: number;
-    /**
-     * This determines how often (in frames per second) to update the scroll position of the
-     * browser `window` in state, and as a result the rate the masonry grid recalculates its visible cells.
-     * The default value of `12` has been very reasonable in my own testing, but if you have particularly
-     * heavy `render` components it may be prudent to reduce this number.
-     *
-     * @default 12
-     */
-    scrollFps?: number;
+      };
+  /**
+   * This is the width that will be used for the browser `window` when rendering this component in SSR.
+   * This prop isn't relevant for client-side only apps.
+   */
+  ssrWidth?: number;
+  /**
+   * This is the height that will be used for the browser `window` when rendering this component in SSR.
+   * This prop isn't relevant for client-side only apps.
+   */
+  ssrHeight?: number;
+  /**
+   * This determines how often (in frames per second) to update the scroll position of the
+   * browser `window` in state, and as a result the rate the masonry grid recalculates its visible cells.
+   * The default value of `12` has been very reasonable in my own testing, but if you have particularly
+   * heavy `render` components it may be prudent to reduce this number.
+   *
+   * @default 12
+   */
+  scrollFps?: number;
 }