@draftbit/core 48.5.6 → 48.5.7-26899.2

package/src/components/SectionList/SectionList.js

@@ -0,0 +1,111 @@
+import React from "react";
+import { FlashList } from "@shopify/flash-list";
+import { FlatList } from "react-native";
+import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
+import { flattenReactFragments } from "../../utilities";
+export const DEFAULT_SECTION = "Uncategorized";
+const SectionList = ({ sectionKey, stickyHeader = false, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, keyExtractor: keyExtractorProp, ...rest }) => {
+    const data = React.useMemo(() => (Array.isArray(dataProp) ? dataProp : []), [dataProp]);
+    const dataWithSections = React.useMemo(() => {
+        var _a;
+        const result = [];
+        const sectionDataItems = {};
+        for (const item of data) {
+            const section = ((_a = item[sectionKey]) === null || _a === void 0 ? void 0 : _a.toString()) || DEFAULT_SECTION;
+            if (sectionDataItems[section]) {
+                sectionDataItems[section].push(item);
+            }
+            else {
+                sectionDataItems[section] = [item];
+            }
+        }
+        for (const section in sectionDataItems) {
+            result.push({ type: "SECTION_ITEM", title: section });
+            const sectionItems = sectionDataItems[section].map((item) => ({ type: "DATA_ITEM", data: item }));
+            result.push(...sectionItems);
+        }
+        return result;
+    }, [data, sectionKey]);
+    const sectionHeaderIndicies = React.useMemo(() => stickyHeader
+        ? dataWithSections
+            .filter((item) => item.type === "SECTION_ITEM")
+            .map((item) => dataWithSections.indexOf(item))
+        : undefined, [dataWithSections, stickyHeader]);
+    const extractSectionHeader = (element) => {
+        if (!element) {
+            return null;
+        }
+        const props = element.props || {};
+        const children = flattenReactFragments(React.Children.toArray(props.children));
+        if (element.type === SectionHeader) {
+            return element;
+        }
+        else {
+            for (const child of children) {
+                if (child.type === SectionHeader) {
+                    return child;
+                }
+            }
+        }
+        return null;
+    };
+    const extractRemainingNonSectionHeader = (element) => {
+        if (!element) {
+            return null;
+        }
+        const props = element.props || {};
+        const children = flattenReactFragments(React.Children.toArray(props.children));
+        if (element.type === SectionHeader) {
+            return null;
+        }
+        else {
+            const newChildren = [];
+            for (const child of children) {
+                if (child.type !== SectionHeader) {
+                    newChildren.push(child);
+                }
+            }
+            return React.cloneElement(element, {
+                ...props,
+                children: newChildren,
+            });
+        }
+    };
+    const renderItem = ({ item, index, }) => {
+        switch (item.type) {
+            case "SECTION_ITEM": {
+                const renderedItem = renderItemProp({
+                    index,
+                    section: item.title,
+                });
+                return (extractSectionHeader(renderedItem) || (React.createElement(DefaultSectionHeader, { title: item.title })));
+            }
+            case "DATA_ITEM": {
+                const renderedItem = renderItemProp({
+                    item: item.data,
+                    index,
+                    section: item.data[sectionKey] || DEFAULT_SECTION,
+                });
+                return extractRemainingNonSectionHeader(renderedItem);
+            }
+        }
+    };
+    const keyExtractor = (item, index) => {
+        switch (item.type) {
+            case "SECTION_ITEM": {
+                return `section_${index.toString()}`;
+            }
+            case "DATA_ITEM": {
+                return (keyExtractorProp === null || keyExtractorProp === void 0 ? void 0 : keyExtractorProp(item.data, index)) || index.toString();
+            }
+        }
+    };
+    switch (listComponent) {
+        case "FlatList":
+            return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
+        case "FlashList":
+            return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
+    }
+};
+export default SectionList;
+//# sourceMappingURL=SectionList.js.map

package/src/components/SectionList/SectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,aAAa,EAAE,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAkCxD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,GAAG,CAAmC,EACrD,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,UAAU,EAC1B,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,IAAI,EACoD,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAQ,EACtD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC1C,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,MAAM,gBAAgB,GAA2B,EAAE,CAAC;QAEpD,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;YACvB,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,UAAU,CAAC,0CAAE,QAAQ,EAAE,KAAI,eAAe,CAAC;YAChE,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;gBAC7B,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACtC;iBAAM;gBACL,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC;SACF;QAED,KAAK,MAAM,OAAO,IAAI,gBAAgB,EAAE;YACtC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YACtD,MAAM,YAAY,GAA6B,gBAAgB,CAC7D,OAAO,CACR,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACrD,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;SAC9B;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACzC,GAAG,EAAE,CACH,YAAY;QACV,CAAC,CAAC,gBAAgB;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,CAAC,CAAC,SAAS,EACf,CAAC,gBAAgB,EAAE,YAAY,CAAC,CACjC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAC3B,OAA2B,EACP,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,qBAAqB,CACpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAyB,CAC/D,CAAC;QAEF,IAAI,OAAO,CAAC,IAAI,KAAK,aAAa,EAAE;YAClC,OAAO,OAAO,CAAC;SAChB;aAAM;YACL,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;gBAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;oBAChC,OAAO,KAAK,CAAC;iBACd;aACF;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,gCAAgC,GAAG,CACvC,OAA2B,EACP,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,qBAAqB,CACpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAyB,CAC/D,CAAC;QACF,IAAI,OAAO,CAAC,IAAI,KAAK,aAAa,EAAE;YAClC,OAAO,IAAI,CAAC;SACb;aAAM;YACL,MAAM,WAAW,GAAG,EAAE,CAAC;YACvB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;gBAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;oBAChC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACzB;aACF;YACD,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;gBACjC,GAAG,KAAK;gBACR,QAAQ,EAAE,WAAW;aACtB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,GAIN,EAAE,EAAE;QACH,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,cAAc,CAAC,CAAC;gBACnB,MAAM,YAAY,GAAG,cAAc,CAAC;oBAClC,KAAK;oBACL,OAAO,EAAE,IAAI,CAAC,KAAK;iBACpB,CAAC,CAAC;gBACH,OAAO,CACL,oBAAoB,CAAC,YAAY,CAAC,IAAI,CACpC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC5C,CACF,CAAC;aACH;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,MAAM,YAAY,GAAG,cAAc,CAAC;oBAClC,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK;oBACL,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,eAAe;iBAClD,CAAC,CAAC;gBACH,OAAO,gCAAgC,CAAC,YAAY,CAAC,CAAC;aACvD;SACF;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAwB,EAAE,KAAa,EAAE,EAAE;QAC/D,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,cAAc,CAAC,CAAC;gBACnB,OAAO,WAAW,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;aACtC;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,OAAO,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,KAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;aACjE;SACF;IACH,CAAC,CAAC;IAEF,QAAQ,aAAa,EAAE;QACrB,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,QAAQ,IACP,mBAAmB,EAAE,qBAAqB,KACrC,IAA0C,EAC/C,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,SAAS,IACR,mBAAmB,EAAE,qBAAqB,KACrC,IAA2C,EAChD,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;KACL;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/SectionList/SectionList.tsx

@@ -1,205 +1,205 @@
-import React from "react";
-import { FlashListProps, FlashList } from "@shopify/flash-list";
-import { FlatListProps, FlatList } from "react-native";
-import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
-import { flattenReactFragments } from "../../utilities";
-
-type ListComponentType = "FlatList" | "FlashList";
-
-interface AdditionalSectionListProps<T> {
-  sectionKey: string;
-  stickyHeader?: boolean;
-  renderItem: (itemInfo: {
-    item?: T;
-    index: number;
-    section: string;
-  }) => JSX.Element;
-  keyExtractor?: (item: T, index: number) => string;
-  listComponent?: ListComponentType;
-}
-
-type FlatListSectionListProps<T> = Omit<FlatListProps<T>, "renderItem"> &
-  AdditionalSectionListProps<T>;
-
-type FlashListSectionListProps<T> = Omit<FlashListProps<T>, "renderItem"> &
-  AdditionalSectionListProps<T>;
-
-interface SectionListDataItem<T> {
-  type: "DATA_ITEM";
-  data: T;
-}
-
-interface SectionListSectionItem {
-  type: "SECTION_ITEM";
-  title: string;
-}
-
-type SectionListItem<T> = SectionListDataItem<T> | SectionListSectionItem;
-
-export const DEFAULT_SECTION = "Uncategorized";
-
-const SectionList = <T extends { [key: string]: any }>({
-  sectionKey,
-  stickyHeader = false,
-  listComponent = "FlatList",
-  data: dataProp,
-  renderItem: renderItemProp,
-  keyExtractor: keyExtractorProp,
-  ...rest
-}: FlatListSectionListProps<T> | FlashListSectionListProps<T>) => {
-  const data = React.useMemo(
-    () => (Array.isArray(dataProp) ? dataProp : []) as T[],
-    [dataProp]
-  );
-
-  const dataWithSections = React.useMemo(() => {
-    const result: SectionListItem<T>[] = [];
-    const sectionDataItems: { [key: string]: T[] } = {};
-
-    for (const item of data) {
-      const section = item[sectionKey]?.toString() || DEFAULT_SECTION;
-      if (sectionDataItems[section]) {
-        sectionDataItems[section].push(item);
-      } else {
-        sectionDataItems[section] = [item];
-      }
-    }
-
-    for (const section in sectionDataItems) {
-      result.push({ type: "SECTION_ITEM", title: section });
-      const sectionItems: SectionListDataItem<T>[] = sectionDataItems[
-        section
-      ].map((item) => ({ type: "DATA_ITEM", data: item }));
-      result.push(...sectionItems);
-    }
-
-    return result;
-  }, [data, sectionKey]);
-
-  const sectionHeaderIndicies = React.useMemo(
-    () =>
-      stickyHeader
-        ? dataWithSections
-            .filter((item) => item.type === "SECTION_ITEM")
-            .map((item) => dataWithSections.indexOf(item))
-        : undefined,
-    [dataWithSections, stickyHeader]
-  );
-
-  const extractSectionHeader = (
-    element: JSX.Element | null
-  ): JSX.Element | null => {
-    if (!element) {
-      return null;
-    }
-
-    const props = element.props || {};
-    const children = flattenReactFragments(
-      React.Children.toArray(props.children) as React.ReactElement[]
-    );
-
-    if (element.type === SectionHeader) {
-      return element;
-    } else {
-      for (const child of children) {
-        if (child.type === SectionHeader) {
-          return child;
-        }
-      }
-    }
-    return null;
-  };
-
-  const extractRemainingNonSectionHeader = (
-    element: JSX.Element | null
-  ): JSX.Element | null => {
-    if (!element) {
-      return null;
-    }
-
-    const props = element.props || {};
-    const children = flattenReactFragments(
-      React.Children.toArray(props.children) as React.ReactElement[]
-    );
-    if (element.type === SectionHeader) {
-      return null;
-    } else {
-      const newChildren = [];
-      for (const child of children) {
-        if (child.type !== SectionHeader) {
-          newChildren.push(child);
-        }
-      }
-      return React.cloneElement(element, {
-        ...props,
-        children: newChildren,
-      });
-    }
-  };
-
-  const renderItem = ({
-    item,
-    index,
-  }: {
-    item: SectionListItem<T>;
-    index: number;
-  }) => {
-    switch (item.type) {
-      case "SECTION_ITEM": {
-        const renderedItem = renderItemProp({
-          index,
-          section: item.title,
-        });
-        return (
-          extractSectionHeader(renderedItem) || (
-            <DefaultSectionHeader title={item.title} />
-          )
-        );
-      }
-      case "DATA_ITEM": {
-        const renderedItem = renderItemProp({
-          item: item.data,
-          index,
-          section: item.data[sectionKey] || DEFAULT_SECTION,
-        });
-        return extractRemainingNonSectionHeader(renderedItem);
-      }
-    }
-  };
-
-  const keyExtractor = (item: SectionListItem<T>, index: number) => {
-    switch (item.type) {
-      case "SECTION_ITEM": {
-        return `section_${index.toString()}`;
-      }
-      case "DATA_ITEM": {
-        return keyExtractorProp?.(item.data, index) || index.toString();
-      }
-    }
-  };
-
-  switch (listComponent) {
-    case "FlatList":
-      return (
-        <FlatList
-          stickyHeaderIndices={sectionHeaderIndicies}
-          {...(rest as FlatListProps<SectionListItem<T>>)}
-          data={dataWithSections}
-          renderItem={renderItem}
-          keyExtractor={keyExtractor}
-        />
-      );
-    case "FlashList":
-      return (
-        <FlashList
-          stickyHeaderIndices={sectionHeaderIndicies}
-          {...(rest as FlashListProps<SectionListItem<T>>)}
-          data={dataWithSections}
-          renderItem={renderItem}
-          keyExtractor={keyExtractor}
-        />
-      );
-  }
-};
-
-export default SectionList;
+import React from "react";
+import { FlashListProps, FlashList } from "@shopify/flash-list";
+import { FlatListProps, FlatList } from "react-native";
+import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
+import { flattenReactFragments } from "../../utilities";
+
+type ListComponentType = "FlatList" | "FlashList";
+
+interface AdditionalSectionListProps<T> {
+  sectionKey: string;
+  stickyHeader?: boolean;
+  renderItem: (itemInfo: {
+    item?: T;
+    index: number;
+    section: string;
+  }) => JSX.Element;
+  keyExtractor?: (item: T, index: number) => string;
+  listComponent?: ListComponentType;
+}
+
+type FlatListSectionListProps<T> = Omit<FlatListProps<T>, "renderItem"> &
+  AdditionalSectionListProps<T>;
+
+type FlashListSectionListProps<T> = Omit<FlashListProps<T>, "renderItem"> &
+  AdditionalSectionListProps<T>;
+
+interface SectionListDataItem<T> {
+  type: "DATA_ITEM";
+  data: T;
+}
+
+interface SectionListSectionItem {
+  type: "SECTION_ITEM";
+  title: string;
+}
+
+type SectionListItem<T> = SectionListDataItem<T> | SectionListSectionItem;
+
+export const DEFAULT_SECTION = "Uncategorized";
+
+const SectionList = <T extends { [key: string]: any }>({
+  sectionKey,
+  stickyHeader = false,
+  listComponent = "FlatList",
+  data: dataProp,
+  renderItem: renderItemProp,
+  keyExtractor: keyExtractorProp,
+  ...rest
+}: FlatListSectionListProps<T> | FlashListSectionListProps<T>) => {
+  const data = React.useMemo(
+    () => (Array.isArray(dataProp) ? dataProp : []) as T[],
+    [dataProp]
+  );
+
+  const dataWithSections = React.useMemo(() => {
+    const result: SectionListItem<T>[] = [];
+    const sectionDataItems: { [key: string]: T[] } = {};
+
+    for (const item of data) {
+      const section = item[sectionKey]?.toString() || DEFAULT_SECTION;
+      if (sectionDataItems[section]) {
+        sectionDataItems[section].push(item);
+      } else {
+        sectionDataItems[section] = [item];
+      }
+    }
+
+    for (const section in sectionDataItems) {
+      result.push({ type: "SECTION_ITEM", title: section });
+      const sectionItems: SectionListDataItem<T>[] = sectionDataItems[
+        section
+      ].map((item) => ({ type: "DATA_ITEM", data: item }));
+      result.push(...sectionItems);
+    }
+
+    return result;
+  }, [data, sectionKey]);
+
+  const sectionHeaderIndicies = React.useMemo(
+    () =>
+      stickyHeader
+        ? dataWithSections
+            .filter((item) => item.type === "SECTION_ITEM")
+            .map((item) => dataWithSections.indexOf(item))
+        : undefined,
+    [dataWithSections, stickyHeader]
+  );
+
+  const extractSectionHeader = (
+    element: JSX.Element | null
+  ): JSX.Element | null => {
+    if (!element) {
+      return null;
+    }
+
+    const props = element.props || {};
+    const children = flattenReactFragments(
+      React.Children.toArray(props.children) as React.ReactElement[]
+    );
+
+    if (element.type === SectionHeader) {
+      return element;
+    } else {
+      for (const child of children) {
+        if (child.type === SectionHeader) {
+          return child;
+        }
+      }
+    }
+    return null;
+  };
+
+  const extractRemainingNonSectionHeader = (
+    element: JSX.Element | null
+  ): JSX.Element | null => {
+    if (!element) {
+      return null;
+    }
+
+    const props = element.props || {};
+    const children = flattenReactFragments(
+      React.Children.toArray(props.children) as React.ReactElement[]
+    );
+    if (element.type === SectionHeader) {
+      return null;
+    } else {
+      const newChildren = [];
+      for (const child of children) {
+        if (child.type !== SectionHeader) {
+          newChildren.push(child);
+        }
+      }
+      return React.cloneElement(element, {
+        ...props,
+        children: newChildren,
+      });
+    }
+  };
+
+  const renderItem = ({
+    item,
+    index,
+  }: {
+    item: SectionListItem<T>;
+    index: number;
+  }) => {
+    switch (item.type) {
+      case "SECTION_ITEM": {
+        const renderedItem = renderItemProp({
+          index,
+          section: item.title,
+        });
+        return (
+          extractSectionHeader(renderedItem) || (
+            <DefaultSectionHeader title={item.title} />
+          )
+        );
+      }
+      case "DATA_ITEM": {
+        const renderedItem = renderItemProp({
+          item: item.data,
+          index,
+          section: item.data[sectionKey] || DEFAULT_SECTION,
+        });
+        return extractRemainingNonSectionHeader(renderedItem);
+      }
+    }
+  };
+
+  const keyExtractor = (item: SectionListItem<T>, index: number) => {
+    switch (item.type) {
+      case "SECTION_ITEM": {
+        return `section_${index.toString()}`;
+      }
+      case "DATA_ITEM": {
+        return keyExtractorProp?.(item.data, index) || index.toString();
+      }
+    }
+  };
+
+  switch (listComponent) {
+    case "FlatList":
+      return (
+        <FlatList
+          stickyHeaderIndices={sectionHeaderIndicies}
+          {...(rest as FlatListProps<SectionListItem<T>>)}
+          data={dataWithSections}
+          renderItem={renderItem}
+          keyExtractor={keyExtractor}
+        />
+      );
+    case "FlashList":
+      return (
+        <FlashList
+          stickyHeaderIndices={sectionHeaderIndicies}
+          {...(rest as FlashListProps<SectionListItem<T>>)}
+          data={dataWithSections}
+          renderItem={renderItem}
+          keyExtractor={keyExtractor}
+        />
+      );
+  }
+};
+
+export default SectionList;

package/src/components/SectionList/index.js

@@ -0,0 +1,3 @@
+export { default as SectionList } from "./SectionList";
+export { default as SectionHeader } from "./SectionHeader";
+//# sourceMappingURL=index.js.map

package/src/components/SectionList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/src/components/SectionList/index.tsx

@@ -1,2 +1,2 @@
-export { default as SectionList } from "./SectionList";
-export { default as SectionHeader } from "./SectionHeader";
+export { default as SectionList } from "./SectionList";
+export { default as SectionHeader } from "./SectionHeader";

package/src/components/Shadow.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+import { Shadow as ShadowComponent } from "react-native-shadow-2";
+import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
+const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
+    const { borderStyles } = extractBorderAndMarginStyles(style);
+    const shadowStyles = StyleSheet.flatten([
+        borderStyles,
+        extractSizeStyles(style),
+    ]);
+    const containerStyle = StyleSheet.flatten(style);
+    Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
+    return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
+            start: showShadowSideStart,
+            end: showShadowSideEnd,
+            top: showShadowSideTop,
+            bottom: showShadowSideBottom,
+        }, corners: {
+            topStart: showShadowCornerTopStart,
+            topEnd: showShadowCornerTopEnd,
+            bottomStart: showShadowCornerBottomStart,
+            bottomEnd: showShadowCornerBottomEnd,
+        }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
+};
+export default Shadow;
+//# sourceMappingURL=Shadow.js.map

package/src/components/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsB/E,MAAM,MAAM,GAAmD,CAAC,EAC9D,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,EACxB,oBAAoB,GAAG,IAAI,EAC3B,wBAAwB,GAAG,IAAI,EAC/B,sBAAsB,GAAG,IAAI,EAC7B,2BAA2B,GAAG,IAAI,EAClC,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;QACtC,YAAY;QACZ,iBAAiB,CAAC,KAAK,CAAC;KACzB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAmB,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,mBAAmB;YAC1B,GAAG,EAAE,iBAAiB;YACtB,GAAG,EAAE,iBAAiB;YACtB,MAAM,EAAE,oBAAoB;SAC7B,EACD,OAAO,EAAE;YACP,QAAQ,EAAE,wBAAwB;YAClC,MAAM,EAAE,sBAAsB;YAC9B,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,yBAAyB;SACrC,EACD,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}