@artsy/palette-mobile 12.0.5 → 13.0.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v13.0.0 (Fri Aug 25 2023)
+
+#### 💥 Breaking Change
+
+- feat: masonry [#138](https://github.com/artsy/palette-mobile/pull/138) ([@gkartalis](https://github.com/gkartalis))
+
+#### Authors: 1
+
+- George ([@gkartalis](https://github.com/gkartalis))
+
+---
+
 # v12.0.5 (Wed Aug 23 2023)
 
 #### 🐛 Bug Fix

package/dist/elements/Tabs/TabMasonry.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MasonryFlashListProps } from "@shopify/flash-list";
+export declare function TabMasonry<T>(props: MasonryFlashListProps<T>): JSX.Element;

package/dist/elements/Tabs/TabMasonry.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabMasonry = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_collapsible_tab_view_1 = require("react-native-collapsible-tab-view");
+const useListenForTabContentScroll_1 = require("./hooks/useListenForTabContentScroll");
+const useSpace_1 = require("../../utils/hooks/useSpace");
+function TabMasonry(props) {
+    (0, useListenForTabContentScroll_1.useListenForTabContentScroll)();
+    const space = (0, useSpace_1.useSpace)();
+    const contentContainerStyle = (props.contentContainerStyle ?? {});
+    return ((0, jsx_runtime_1.jsx)(react_native_collapsible_tab_view_1.Tabs.MasonryFlashList, { contentContainerStyle: {
+            paddingHorizontal: space(2),
+            ...contentContainerStyle,
+        }, ...props }));
+}
+exports.TabMasonry = TabMasonry;

package/dist/elements/Tabs/Tabs.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { useAnimatedTabIndex, useCurrentTabScrollY, useFocusedTab, useHeaderMeasurements } from "react-native-collapsible-tab-view";
 import { TabFlatList } from "./TabFlatList";
+import { TabMasonry } from "./TabMasonry";
 export declare const Tabs: import("react").FC<import("./TabsContainer").TabsContainerProps> & {
     FlatList: typeof TabFlatList;
+    Masonry: typeof TabMasonry;
     Lazy: import("react").FC<{
         cancelLazyFadeIn?: boolean | undefined;
         mountDelayMs?: number | undefined;

package/dist/elements/Tabs/Tabs.js

@@ -4,12 +4,14 @@ exports.Tabs = void 0;
 const react_native_collapsible_tab_view_1 = require("react-native-collapsible-tab-view");
 const SubTabBar_1 = require("./SubTabBar");
 const TabFlatList_1 = require("./TabFlatList");
+const TabMasonry_1 = require("./TabMasonry");
 const TabScrollView_1 = require("./TabScrollView");
 const TabsContainer_1 = require("./TabsContainer");
 const TabsWithHeader_1 = require("./TabsWithHeader");
 const useListenForTabContentScroll_1 = require("./hooks/useListenForTabContentScroll");
 exports.Tabs = Object.assign(TabsContainer_1.TabsContainer, {
     FlatList: TabFlatList_1.TabFlatList,
+    Masonry: TabMasonry_1.TabMasonry,
     Lazy: react_native_collapsible_tab_view_1.Tabs.Lazy,
     ScrollView: TabScrollView_1.TabScrollView,
     SectionList: react_native_collapsible_tab_view_1.Tabs.SectionList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "12.0.5",
+  "version": "13.0.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",
@@ -34,13 +34,14 @@
   ],
   "dependencies": {
     "@artsy/palette-tokens": "^5.0.0",
+    "@shopify/flash-list": "^1.5.0",
     "@styled-system/core": "^5.1.2",
     "@styled-system/theme-get": "^5.1.2",
     "events": "^3.3.0",
     "lodash": "^4.17.21",
     "moti": "^0.25.3",
     "react-nanny": "^2.15.0",
-    "react-native-collapsible-tab-view": "^6.2.0",
+    "react-native-collapsible-tab-view": "6.2.1",
     "react-native-fast-image": "^8.6.3",
     "react-native-pager-view": "^6.2.0",
     "react-native-popover-view": "^5.1.7",