ferns-ui 1.2.2 → 1.2.3

package/dist/Accordion.js

@@ -2,37 +2,33 @@ import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
 import React, { useEffect, useState } from "react";
 import { Pressable, View } from "react-native";
 import { Heading } from "./Heading";
-import { Modal } from "./Modal";
+import { InfoModalIcon } from "./InfoModalIcon";
 import { Text } from "./Text";
 import { useTheme } from "./Theme";
 export const Accordion = ({ children, isCollapsed = false, title, subtitle, includeInfoModal = false, infoModalChildren, infoModalSubtitle, infoModalText, infoModalTitle, }) => {
     const { theme } = useTheme();
     const [collapsed, setCollapsed] = useState(false);
-    const [infoModalVisibleState, setInfoModalVisibleState] = useState(false);
     // The external collapse state should override the internal collapse state.
     useEffect(() => {
         setCollapsed(isCollapsed);
     }, [isCollapsed]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { primaryButtonOnClick: () => setInfoModalVisibleState(false), primaryButtonText: "Close", size: "md", subtitle: infoModalSubtitle, text: infoModalText, title: infoModalTitle, visible: infoModalVisibleState, onDismiss: () => setInfoModalVisibleState(false) }, infoModalChildren),
-        React.createElement(View, { style: {
-                padding: 16,
-                borderBottomColor: theme.border.default,
-                borderTopColor: theme.border.default,
-                borderTopWidth: 2,
-                borderBottomWidth: 2,
-                width: "100%",
-            } },
-            React.createElement(View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" } },
-                React.createElement(View, { style: { flexDirection: "column", gap: 4 } },
-                    React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
-                        React.createElement(Heading, null, title),
-                        includeInfoModal && infoModalTitle && (React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, style: { marginLeft: 8 }, onPress: () => setInfoModalVisibleState(true) },
-                            React.createElement(Heading, { color: "secondaryLight", size: "sm" }, "\u24D8")))),
-                    subtitle && React.createElement(Text, null, subtitle)),
-                React.createElement(View, null,
-                    React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 20, bottom: 20, left: 20, right: 20 }, onPress: () => setCollapsed(!collapsed) },
-                        React.createElement(FontAwesome6, { color: theme.text.link, name: collapsed ? "chevron-down" : "chevron-up", selectable: undefined, size: 16 })))),
-            collapsed ? null : React.createElement(View, { style: { marginTop: 8 } }, children))));
+    return (React.createElement(View, { style: {
+            padding: 16,
+            borderBottomColor: theme.border.default,
+            borderTopColor: theme.border.default,
+            borderTopWidth: 2,
+            borderBottomWidth: 2,
+            width: "100%",
+        } },
+        React.createElement(View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" } },
+            React.createElement(View, { style: { flexDirection: "column", gap: 4 } },
+                React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
+                    React.createElement(Heading, null, title),
+                    includeInfoModal && infoModalTitle && (React.createElement(InfoModalIcon, { infoModalChildren: infoModalChildren, infoModalSubtitle: infoModalSubtitle, infoModalText: infoModalText, infoModalTitle: infoModalTitle }))),
+                subtitle && React.createElement(Text, null, subtitle)),
+            React.createElement(View, null,
+                React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 20, bottom: 20, left: 20, right: 20 }, onPress: () => setCollapsed(!collapsed) },
+                    React.createElement(FontAwesome6, { color: theme.text.link, name: collapsed ? "chevron-down" : "chevron-up", selectable: undefined, size: 16 })))),
+        collapsed ? null : React.createElement(View, { style: { marginTop: 8 } }, children)));
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1E,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,oBAAoB,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC3D,iBAAiB,EAAC,OAAO,EACzB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,IAE/C,iBAAiB,CACZ;QACR,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE;gBACX,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACvC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACpC,cAAc,EAAE,CAAC;gBACjB,iBAAiB,EAAE,CAAC;gBACpB,KAAK,EAAE,MAAM;aACd;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAC;gBACxF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;oBAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC;wBACvD,oBAAC,OAAO,QAAE,KAAK,CAAW;wBACzB,gBAAgB,IAAI,cAAc,IAAI,CACrC,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC;4BAE7C,oBAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,IAAI,aAE/B,CACA,CACb,CACI;oBACN,QAAQ,IAAI,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAC/B;gBACP,oBAAC,IAAI;oBACH,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;wBAEvC,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAC/C,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,GACR,CACQ,CACP,CACF;YACN,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IAAG,QAAQ,CAAQ,CAC7D,CACN,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACvC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACpC,cAAc,EAAE,CAAC;YACjB,iBAAiB,EAAE,CAAC;YACpB,KAAK,EAAE,MAAM;SACd;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAC;YACxF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;gBAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC;oBACvD,oBAAC,OAAO,QAAE,KAAK,CAAW;oBACzB,gBAAgB,IAAI,cAAc,IAAI,CACrC,oBAAC,aAAa,IACZ,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,CACI;gBACN,QAAQ,IAAI,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAC/B;YACP,oBAAC,IAAI;gBACH,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;oBAEvC,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAC/C,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,GACR,CACQ,CACP,CACF;QACN,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IAAG,QAAQ,CAAQ,CAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Common.d.ts

@@ -5,16 +5,7 @@ import { DimensionValue } from "react-native/Libraries/StyleSheet/StyleSheetType
 import { Styles } from "react-native-google-places-autocomplete";
 import { SvgProps } from "react-native-svg";
 import { FontAwesome6BrandNames, FontAwesome6RegularNames, FontAwesome6SolidNames } from "./CommonIconTypes";
-export interface AccordionProps {
-    /**
-     * The content to be displayed inside the accordion.
-     */
-    children: React.ReactNode;
-    /**
-     * If true, an information modal will be included.
-     * @default false
-     */
-    includeInfoModal?: boolean;
+export interface InfoModalIconProps {
     /**
      * The content of the information modal.
      */
@@ -31,6 +22,17 @@ export interface AccordionProps {
      * The title of the information modal.
      */
     infoModalTitle?: ModalProps["title"];
+}
+export interface AccordionProps extends InfoModalIconProps {
+    /**
+     * The content to be displayed inside the accordion.
+     */
+    children: React.ReactNode;
+    /**
+     * If true, an information modal will be included.
+     * @default false
+     */
+    includeInfoModal?: boolean;
     /**
      * If true, the accordion will be collapsed.
      * @default true
@@ -1588,6 +1590,67 @@ export interface PaginationProps {
     setPage: (page: number) => void;
     totalPages: number;
 }
+/**
+ * Data Table
+ */
+export type DataTableCellData = {
+    value: any;
+    highlight?: SurfaceColor;
+    textSize?: "sm" | "md" | "lg";
+};
+export type DataTableCustomComponentMap = Record<string, React.ComponentType<{
+    column: DataTableColumn;
+    cellData: DataTableCellData;
+}>>;
+export interface DataTableColumn {
+    title: string;
+    columnType: "text" | "number" | "date" | "boolean" | string;
+    width: number;
+    highlight?: SurfaceColor;
+    sortable?: boolean;
+    infoModalText?: string;
+}
+export interface DataTableProps {
+    data: {
+        value: any;
+        highlight?: SurfaceColor;
+        textSize?: "sm" | "md" | "lg";
+    }[][];
+    columns: DataTableColumn[];
+    alternateRowBackground?: boolean;
+    totalPages?: number;
+    page?: number;
+    setPage?: (page: number) => void;
+    pinnedColumns?: number;
+    sortColumn?: ColumnSortInterface;
+    setSortColumn?: (sortColumn?: ColumnSortInterface) => void;
+    rowHeight?: number;
+    defaultTextSize?: "sm" | "md" | "lg";
+    /**
+     * When tapping the eye icon, a modal is shown with more info about the row.
+     */
+    moreContentComponent?: React.ComponentType<{
+        column: DataTableColumn;
+        rowData: any[];
+        rowIndex: number;
+    }>;
+    moreContentExtraData?: any[];
+    customColumnComponentMap?: DataTableCustomComponentMap;
+}
+export interface DataTableCellProps {
+    value: any;
+    columnDef: DataTableColumn;
+    colIndex: number;
+    isPinnedHorizontal: boolean;
+    isPinnedRow?: boolean;
+    pinnedColumns: number;
+    columnWidths: number[];
+    backgroundColor: string;
+    highlight?: SurfaceColor;
+    customColumnComponentMap?: DataTableCustomComponentMap;
+    height: number;
+    textSize?: "sm" | "md" | "lg";
+}
 export interface TableHeaderProps {
     /**
      * Must be an instance of TableRow.
@@ -1605,7 +1668,7 @@ export interface TableHeaderProps {
     sticky?: boolean;
     color?: BoxColor;
 }
-export interface TableHeaderCellProps {
+export interface TableHeaderCellProps extends InfoModalIconProps {
     /**
      * The content of the table header cell.
      */
@@ -1624,6 +1687,11 @@ export interface TableHeaderCellProps {
      * wrap the text yourself. Alignments will match between the cell and the title.
      */
     title?: string;
+    /**
+     * If provided, a tooltip icon will be shown and a tooltip will be shown when hovering over the
+     * icon.
+     */
+    infoText?: string;
 }
 export interface TableRowProps {
     /**

package/dist/Common.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAqXA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,OAAO,WAAW,CAAC,OAAyB,CAAC,CAAC;AAChD,CAAC;AAqBD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAiRF,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,GAAG;IACZ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,QAAkB;IAC5C,OAAO,YAAY,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC"}
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAuXA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,OAAO,WAAW,CAAC,OAAyB,CAAC,CAAC;AAChD,CAAC;AAqBD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAiRF,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,GAAG;IACZ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,QAAkB;IAC5C,OAAO,YAAY,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC"}

package/dist/DataTable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DataTableProps } from "./Common";
+export declare const DataTable: React.FC<DataTableProps>;

package/dist/DataTable.js

@@ -0,0 +1,218 @@
+import { FontAwesome6 } from "@expo/vector-icons";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Pressable, ScrollView, View } from "react-native";
+// @ts-ignore
+import Markdown from "react-native-markdown-display";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+import { InfoModalIcon } from "./InfoModalIcon";
+import { Modal } from "./Modal";
+import { Pagination } from "./Pagination";
+import { TableTitle } from "./table/TableTitle";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+// TODO: Add permanent horizontal scroll bar so users with only a mouse can scroll left/right
+// easily.
+const TextCell = ({ cellData }) => {
+    return (React.createElement(Box, { flex: "grow", justifyContent: "center", paddingX: 2 },
+        React.createElement(Text, { size: cellData.textSize || "md" }, cellData.value)));
+};
+const CheckedCell = ({ cellData, }) => {
+    return (React.createElement(Box, { flex: "grow", justifyContent: "center", width: "100%" },
+        React.createElement(Icon, { color: cellData.value ? "success" : "secondaryDark", iconName: cellData.value ? "check" : "x" })));
+};
+const DataTableCell = ({ value, columnDef, colIndex, isPinnedHorizontal, pinnedColumns, columnWidths, customColumnComponentMap, backgroundColor, height, textSize = "md", }) => {
+    const { theme } = useTheme();
+    const isLastPinnedColumn = isPinnedHorizontal && colIndex === pinnedColumns - 1;
+    // Default to TextCell
+    let Component = TextCell;
+    if (customColumnComponentMap === null || customColumnComponentMap === void 0 ? void 0 : customColumnComponentMap[columnDef.columnType]) {
+        Component = customColumnComponentMap[columnDef.columnType];
+    }
+    else if (columnDef.columnType === "boolean") {
+        Component = CheckedCell;
+    }
+    return (React.createElement(View, { style: Object.assign(Object.assign({ padding: 16, justifyContent: "center", height, width: columnDef.width, backgroundColor, overflow: "hidden", position: "relative", zIndex: 1, borderBottomWidth: 1, borderBottomColor: theme.border.default }, (isPinnedHorizontal && {
+            position: "absolute",
+            // Position each pinned column by summing widths of all previous columns
+            left: columnWidths.slice(0, colIndex).reduce((sum, width) => sum + width, 0),
+            // Higher z-index keeps pinned columns above scrollable ones, decreasing by column index
+            zIndex: 10 - colIndex,
+        })), (isLastPinnedColumn && {
+            borderRightWidth: 3,
+            borderRightColor: theme.border.default,
+        })) },
+        React.createElement(Component, { cellData: Object.assign(Object.assign({}, value), { textSize }), column: columnDef })));
+};
+const DataTableRow = ({ rowData, rowIndex, columns, pinnedColumns, columnWidths, alternateRowBackground, customColumnComponentMap, rowHeight, }) => {
+    const { theme } = useTheme();
+    const backgroundColor = alternateRowBackground && rowIndex % 2 === 1 ? theme.surface.neutralLight : theme.surface.base;
+    return (React.createElement(View, { style: {
+            flexDirection: "row",
+            height: rowHeight,
+            borderBottomWidth: 1,
+            borderBottomColor: theme.border.default,
+        } }, rowData.map((cell, colIndex) => (React.createElement(DataTableCell, { key: colIndex, backgroundColor: cell.highlight ? theme.surface[cell.highlight] : backgroundColor, colIndex: colIndex, columnDef: columns[colIndex], columnWidths: columnWidths, customColumnComponentMap: customColumnComponentMap, height: rowHeight, isPinnedHorizontal: colIndex < pinnedColumns, pinnedColumns: pinnedColumns, textSize: cell.textSize, value: cell })))));
+};
+const MoreButtonCell = ({ rowIndex, alternateRowBackground, onClick, rowHeight, }) => {
+    const { theme } = useTheme();
+    return (React.createElement(View, { style: {
+            width: 48,
+            height: rowHeight !== null && rowHeight !== void 0 ? rowHeight : 54,
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: alternateRowBackground && rowIndex % 2 === 1
+                ? theme.surface.neutralLight
+                : theme.surface.base,
+            borderBottomWidth: 1,
+            borderBottomColor: theme.border.default,
+        } },
+        React.createElement(Pressable, { accessibilityHint: "View details", accessibilityLabel: "Open modal", accessibilityRole: "button", style: {
+                borderRadius: theme.radius.rounded,
+                backgroundColor: alternateRowBackground && rowIndex % 2 === 1
+                    ? theme.surface.base
+                    : theme.surface.neutralLight,
+                width: 32,
+                height: 32,
+                justifyContent: "center",
+                alignItems: "center",
+            }, onPress: () => onClick(rowIndex) },
+            React.createElement(Icon, { color: "secondaryDark", iconName: "info", size: "md" }))));
+};
+const DataTableHeaderCell = ({ column, index, isPinnedHorizontal, columnWidths, sortColumn, onSort, rowHeight, }) => {
+    const { theme } = useTheme();
+    const sort = (sortColumn === null || sortColumn === void 0 ? void 0 : sortColumn.column) === index ? sortColumn.direction : undefined;
+    return (React.createElement(View, { style: Object.assign({ padding: 16, flexDirection: "row", alignItems: "center", justifyContent: "space-between", height: rowHeight !== null && rowHeight !== void 0 ? rowHeight : 54, width: column.width, backgroundColor: theme.surface.base, borderBottomWidth: 1, borderBottomColor: theme.border.default }, (isPinnedHorizontal && {
+            position: "absolute",
+            left: columnWidths.slice(0, index).reduce((sum, width) => sum + width, 0),
+            zIndex: 10 - index,
+        })) },
+        Boolean(column.title) && React.createElement(TableTitle, { align: "left", title: column.title }),
+        React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
+            column.infoModalText && (React.createElement(InfoModalIcon, { infoModalChildren: React.createElement(Markdown, null, column.infoModalText) })),
+            column.sortable && (React.createElement(Pressable, { hitSlop: 16, onPress: () => onSort(index) },
+                React.createElement(View, { style: {
+                        alignItems: "center",
+                        backgroundColor: sort ? theme.surface.primary : theme.surface.neutralLight,
+                        borderRadius: theme.radius.rounded,
+                        justifyContent: "center",
+                        height: 16,
+                        width: 16,
+                        marginLeft: 8,
+                    } },
+                    React.createElement(FontAwesome6, { color: theme.text.inverted, name: sort === "asc" ? "arrow-down" : sort === "desc" ? "arrow-up" : "arrows-up-down", selectable: undefined, size: 10, solid: true })))))));
+};
+const DataTableHeader = ({ columns, hasMoreContent, pinnedColumns, columnWidths, headerScrollRef, sortColumn, onSort, onScroll, rowHeight, }) => {
+    const { theme } = useTheme();
+    return (React.createElement(View, { style: { flexDirection: "row", position: "relative" } },
+        hasMoreContent && (React.createElement(View, { style: {
+                width: 48,
+                height: rowHeight !== null && rowHeight !== void 0 ? rowHeight : 54,
+                backgroundColor: theme.surface.base,
+                borderBottomWidth: 1,
+                borderBottomColor: theme.border.default,
+                zIndex: 11,
+            } })),
+        pinnedColumns > 0 && (React.createElement(View, { style: {
+                position: "absolute",
+                // Offset left position if there's a "more" content button
+                left: hasMoreContent ? 48 : 0,
+                top: 0,
+                zIndex: 10,
+            } }, columns.slice(0, pinnedColumns).map((column, index) => (React.createElement(DataTableHeaderCell, { key: `pinned-header-${index}`, column: column, columnWidths: columnWidths, index: index, isPinnedHorizontal: true, rowHeight: rowHeight, sortColumn: sortColumn, onSort: onSort }))))),
+        React.createElement(ScrollView, { ref: headerScrollRef, horizontal: true, scrollEventThrottle: 16, showsHorizontalScrollIndicator: false, style: {
+                // Offset scrollable area by total width of pinned columns
+                marginLeft: columnWidths.slice(0, pinnedColumns).reduce((sum, width) => sum + width, 0),
+            }, onScroll: (e) => onScroll(e, true) }, columns.slice(pinnedColumns).map((column, index) => (React.createElement(DataTableHeaderCell, { key: `scrollable-header-${index + pinnedColumns}`, column: column, columnWidths: columnWidths, index: index + pinnedColumns, isPinnedHorizontal: false, rowHeight: rowHeight, sortColumn: sortColumn, onSort: onSort }))))));
+};
+const DataTableContent = ({ data, columns, pinnedColumns, alternateRowBackground, columnWidths, bodyScrollRef, onScroll, customColumnComponentMap, moreContentComponent: MoreContentContent, moreContentExtraData, moreContentSize = "md", rowHeight, }) => {
+    var _a;
+    const [modalRow, setModalRow] = useState(null);
+    const { theme } = useTheme();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ScrollView, { style: { flex: 1 } },
+            React.createElement(View, { style: {
+                    flexDirection: "row",
+                    position: "relative",
+                } },
+                Boolean(MoreContentContent) && (React.createElement(View, { style: {
+                        position: "absolute",
+                        left: 0,
+                        top: 0,
+                        width: 48,
+                        zIndex: 1,
+                        backgroundColor: theme.surface.base,
+                    } }, data.map((_, rowIndex) => (React.createElement(MoreButtonCell, { key: `expand-${rowIndex}`, alternateRowBackground: alternateRowBackground, column: columns[0], rowHeight: rowHeight, rowIndex: rowIndex, onClick: setModalRow }))))),
+                pinnedColumns > 0 && (React.createElement(View, { style: {
+                        position: "absolute",
+                        left: Boolean(MoreContentContent) ? 48 : 0,
+                        top: 0,
+                        zIndex: 10,
+                    } }, data.map((row, rowIndex) => (React.createElement(DataTableRow, { key: `pinned-${rowIndex}`, alternateRowBackground: alternateRowBackground, columnWidths: columnWidths, columns: columns.slice(0, pinnedColumns), customColumnComponentMap: customColumnComponentMap, pinnedColumns: pinnedColumns, rowData: row.slice(0, pinnedColumns), rowHeight: rowHeight, rowIndex: rowIndex }))))),
+                React.createElement(ScrollView, { ref: bodyScrollRef, horizontal: true, scrollEventThrottle: 16, showsHorizontalScrollIndicator: true, style: {
+                        flex: 1,
+                        marginLeft: columnWidths.slice(0, pinnedColumns).reduce((sum, width) => sum + width, 0) +
+                            (Boolean(MoreContentContent) ? 48 : 0),
+                    }, onScroll: (e) => onScroll(e, false) },
+                    React.createElement(View, null, data.map((row, rowIndex) => (React.createElement(DataTableRow, { key: `scrollable-${rowIndex}`, alternateRowBackground: alternateRowBackground, columnWidths: columnWidths, columns: columns.slice(pinnedColumns), customColumnComponentMap: customColumnComponentMap, pinnedColumns: 0, rowData: row.slice(pinnedColumns), rowHeight: rowHeight, rowIndex: rowIndex }))))))),
+        MoreContentContent && (React.createElement(Modal, { size: moreContentSize, visible: modalRow !== null, onDismiss: () => setModalRow(null) },
+            React.createElement(MoreContentContent, Object.assign({ column: columns[0], rowData: data[modalRow], rowIndex: modalRow }, ((_a = moreContentExtraData === null || moreContentExtraData === void 0 ? void 0 : moreContentExtraData[modalRow]) !== null && _a !== void 0 ? _a : {})))))));
+};
+export const DataTable = ({ data, columns, alternateRowBackground = true, totalPages = 1, page = 0, setPage, pinnedColumns = 0, sortColumn, setSortColumn, moreContentComponent, moreContentExtraData, customColumnComponentMap, rowHeight = 54, defaultTextSize = "md", }) => {
+    const { theme } = useTheme();
+    const headerScrollRef = useRef(null);
+    const bodyScrollRef = useRef(null);
+    const columnWidths = useMemo(() => columns.map((col) => col.width), [columns]);
+    const handleScroll = useCallback((event, isHeader) => {
+        const scrollX = event.nativeEvent.contentOffset.x;
+        if (isHeader && bodyScrollRef.current) {
+            bodyScrollRef.current.scrollTo({ x: scrollX, animated: false });
+        }
+        else if (!isHeader && headerScrollRef.current) {
+            headerScrollRef.current.scrollTo({ x: scrollX, animated: false });
+        }
+    }, []);
+    const handleSort = useCallback((columnIndex) => {
+        if (!setSortColumn || !columns[columnIndex].sortable) {
+            return;
+        }
+        if ((sortColumn === null || sortColumn === void 0 ? void 0 : sortColumn.column) === columnIndex) {
+            if (sortColumn.direction === "asc") {
+                setSortColumn({
+                    column: columnIndex,
+                    direction: "desc",
+                });
+            }
+            else {
+                setSortColumn(undefined);
+            }
+        }
+        else {
+            setSortColumn({
+                column: columnIndex,
+                direction: "asc",
+            });
+        }
+    }, [sortColumn, setSortColumn, columns]);
+    const processedData = useMemo(() => {
+        return data.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { textSize: cell.textSize || defaultTextSize }))));
+    }, [data, defaultTextSize]);
+    return (React.createElement(View, { style: { height: "100%", display: "flex", flexDirection: "column" } },
+        React.createElement(View, { style: {
+                flex: 1,
+                minHeight: 0,
+                borderWidth: 1,
+                borderColor: theme.border.default,
+                height: "100%",
+            } },
+            React.createElement(DataTableHeader, { columnWidths: columnWidths, columns: columns, hasMoreContent: Boolean(moreContentComponent), headerScrollRef: headerScrollRef, pinnedColumns: pinnedColumns, rowHeight: rowHeight, sortColumn: sortColumn, onScroll: handleScroll, onSort: handleSort }),
+            React.createElement(View, { style: { flex: 1, minHeight: 0 } },
+                React.createElement(DataTableContent, { alternateRowBackground: alternateRowBackground, bodyScrollRef: bodyScrollRef, columnWidths: columnWidths, columns: columns, customColumnComponentMap: customColumnComponentMap, data: processedData, moreContentComponent: moreContentComponent, moreContentExtraData: moreContentExtraData, pinnedColumns: pinnedColumns, rowHeight: rowHeight, onScroll: handleScroll }))),
+        Boolean(setPage && totalPages > 1) && (React.createElement(View, { style: {
+                height: 60,
+                padding: 16,
+                alignItems: "center",
+            } },
+            React.createElement(Pagination, { page: page, setPage: setPage, totalPages: totalPages })))));
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,EAA0C,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAClG,aAAa;AACb,OAAO,QAAQ,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,6FAA6F;AAC7F,UAAU;AAEV,MAAM,QAAQ,GAGT,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;QAClD,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,IAAI,IAAI,IAAG,QAAQ,CAAC,KAAK,CAAQ,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAoE,CAAC,EACpF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;QACnD,oBAAC,IAAI,IACH,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EACnD,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GACxC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,KAAK,EACL,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,wBAAwB,EACxB,eAAe,EACf,MAAM,EACN,QAAQ,GAAG,IAAI,GAChB,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,kBAAkB,IAAI,QAAQ,KAAK,aAAa,GAAG,CAAC,CAAC;IAEhF,sBAAsB;IACtB,IAAI,SAAS,GAGR,QAAQ,CAAC;IACd,IAAI,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC;QACrD,SAAS,GAAG,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;SAAM,IAAI,SAAS,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;QAC9C,SAAS,GAAG,WAAW,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,gCACH,OAAO,EAAE,EAAE,EACX,cAAc,EAAE,QAAQ,EACxB,MAAM,EACN,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,eAAe,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,EACT,iBAAiB,EAAE,CAAC,EACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAEpC,CAAC,kBAAkB,IAAI;YACxB,QAAQ,EAAE,UAAU;YACpB,wEAAwE;YACxE,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC;YAC5E,wFAAwF;YACxF,MAAM,EAAE,EAAE,GAAG,QAAQ;SACtB,CAAC,GAEC,CAAC,kBAAkB,IAAI;YACxB,gBAAgB,EAAE,CAAC;YACnB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACvC,CAAC;QAGJ,oBAAC,SAAS,IAAC,QAAQ,kCAAM,KAAK,KAAE,QAAQ,KAAG,MAAM,EAAE,SAAS,GAAI,CAC3D,CACR,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,wBAAwB,EACxB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,eAAe,GACnB,sBAAsB,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IAEjG,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,MAAM,EAAE,SAAS;YACjB,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACxC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC/B,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,eAAe,EACb,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAyB,CAAC,CAAC,CAAC,CAAC,eAAe,EAElF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC5B,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB,EAClD,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,QAAQ,GAAG,aAAa,EAC5C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,GACX,CACH,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,sBAAsB,EACtB,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,sBAAsB,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC;gBAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;YACxB,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACxC;QAED,oBAAC,SAAS,IACR,iBAAiB,EAAC,cAAc,EAChC,kBAAkB,EAAC,YAAY,EAC/B,iBAAiB,EAAC,QAAQ,EAC1B,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAClC,eAAe,EACb,sBAAsB,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC;oBAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;oBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;gBAChC,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACrB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YAEhC,oBAAC,IAAI,IAAC,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9C,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,MAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7E,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,kBACH,OAAO,EAAE,EAAE,EACX,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,eAAe,EAC/B,MAAM,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACnC,iBAAiB,EAAE,CAAC,EACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IACpC,CAAC,kBAAkB,IAAI;YACxB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC;YACzE,MAAM,EAAE,EAAE,GAAG,KAAK;SACnB,CAAC;QAGH,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAM,GAAI;QAC3E,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC;YACtD,MAAM,CAAC,aAAa,IAAI,CACvB,oBAAC,aAAa,IAAC,iBAAiB,EAAE,oBAAC,QAAQ,QAAE,MAAM,CAAC,aAAa,CAAY,GAAI,CAClF;YACA,MAAM,CAAC,QAAQ,IAAI,CAClB,oBAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;gBAClD,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;wBACpB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;wBAC1E,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;wBAClC,cAAc,EAAE,QAAQ;wBACxB,MAAM,EAAE,EAAE;wBACV,KAAK,EAAE,EAAE;wBACT,UAAU,EAAE,CAAC;qBACd;oBAED,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAC1B,IAAI,EACF,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,EAEjF,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,EACR,KAAK,SACL,CACG,CACG,CACb,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,eAAe,GAAmC,CAAC,EACvD,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,eAAe,EACf,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAC;QAEtD,cAAc,IAAI,CACjB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE;gBACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACnC,iBAAiB,EAAE,CAAC;gBACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACvC,MAAM,EAAE,EAAE;aACX,GACD,CACH;QAGA,aAAa,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,0DAA0D;gBAC1D,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC7B,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,EAAE;aACX,IAEA,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,oBAAC,mBAAmB,IAClB,GAAG,EAAE,iBAAiB,KAAK,EAAE,EAC7B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CACG,CACR;QAGD,oBAAC,UAAU,IACT,GAAG,EAAE,eAAe,EACpB,UAAU,QACV,mBAAmB,EAAE,EAAE,EACvB,8BAA8B,EAAE,KAAK,EACrC,KAAK,EAAE;gBACL,0DAA0D;gBAC1D,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC;aACxF,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,IAEjC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,mBAAmB,IAClB,GAAG,EAAE,qBAAqB,KAAK,GAAG,aAAa,EAAE,EACjD,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GAAG,aAAa,EAC5B,kBAAkB,EAAE,KAAK,EACzB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CACS,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAsBF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,IAAI,EACJ,OAAO,EACP,aAAa,EACb,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,oBAAoB,EAAE,kBAAkB,EACxC,oBAAoB,EACpB,eAAe,GAAG,IAAI,EACtB,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC;YAC1B,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,QAAQ,EAAE,UAAU;iBACrB;gBAGA,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAC9B,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,CAAC;wBACP,GAAG,EAAE,CAAC;wBACN,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE,CAAC;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;qBACpC,IAEA,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CACzB,oBAAC,cAAc,IACb,GAAG,EAAE,UAAU,QAAQ,EAAE,EACzB,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC,CACG,CACR;gBAGA,aAAa,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC1C,GAAG,EAAE,CAAC;wBACN,MAAM,EAAE,EAAE;qBACX,IAEA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,UAAU,QAAQ,EAAE,EACzB,sBAAsB,EAAE,sBAAsB,EAC9C,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,EACxC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CACG,CACR;gBAGD,oBAAC,UAAU,IACT,GAAG,EAAE,aAAa,EAClB,UAAU,QACV,mBAAmB,EAAE,EAAE,EACvB,8BAA8B,QAC9B,KAAK,EAAE;wBACL,IAAI,EAAE,CAAC;wBACP,UAAU,EACR,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC;4BAC3E,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;qBACzC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC;oBAEnC,oBAAC,IAAI,QACF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,cAAc,QAAQ,EAAE,EAC7B,sBAAsB,EAAE,sBAAsB,EAC9C,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,EACrC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,CAAC,EAChB,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CACG,CACI,CACR,CACI;QAEZ,kBAAkB,IAAI,CACrB,oBAAC,KAAK,IACJ,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,QAAQ,KAAK,IAAI,EAC1B,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;YAElC,oBAAC,kBAAkB,kBACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,OAAO,EAAE,IAAI,CAAC,QAAS,CAAC,EACxB,QAAQ,EAAE,QAAS,IACf,CAAC,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,QAAS,CAAC,mCAAI,EAAE,CAAC,EAC7C,CACI,CACT,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,IAAI,EACJ,OAAO,EACP,sBAAsB,GAAG,IAAI,EAC7B,UAAU,GAAG,CAAC,EACd,IAAI,GAAG,CAAC,EACR,OAAO,EACP,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,IAAI,GACvB,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA8C,EAAE,QAAiB,EAAE,EAAE;QACpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,IAAI,QAAQ,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACtC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;QAChE,CAAC;aAAM,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAChD,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAAmB,EAAE,EAAE;QACtB,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,MAAK,WAAW,EAAE,CAAC;YACvC,IAAI,UAAU,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBACnC,aAAa,CAAC;oBACZ,MAAM,EAAE,WAAW;oBACnB,SAAS,EAAE,MAAM;iBAClB,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,SAAS,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,aAAa,CAAC;gBACZ,MAAM,EAAE,WAAW;gBACnB,SAAS,EAAE,KAAK;aACjB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACtB,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACb,IAAI,KACP,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,eAAe,IAC1C,CAAC,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAC;QACrE,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACjC,MAAM,EAAE,MAAM;aACf;YAED,oBAAC,eAAe,IACd,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAC7C,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GAClB;YAEF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC;gBAClC,oBAAC,gBAAgB,IACf,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,wBAAwB,EAClD,IAAI,EAAE,aAAa,EACnB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,GACtB,CACG,CACF;QAEN,OAAO,CAAC,OAAO,IAAI,UAAU,GAAG,CAAC,CAAC,IAAI,CACrC,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE;gBACV,OAAO,EAAE,EAAE;gBACX,UAAU,EAAE,QAAQ;aACrB;YAED,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,CAChE,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/InfoModalIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { InfoModalIconProps } from "./Common";
+export declare const InfoModalIcon: FC<InfoModalIconProps>;

package/dist/InfoModalIcon.js

@@ -0,0 +1,12 @@
+import React, { useState } from "react";
+import { Pressable } from "react-native";
+import { Heading } from "./Heading";
+import { Modal } from "./Modal";
+export const InfoModalIcon = ({ infoModalChildren, infoModalSubtitle, infoModalText, infoModalTitle, }) => {
+    const [infoModalVisibleState, setInfoModalVisibleState] = useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { primaryButtonOnClick: () => setInfoModalVisibleState(false), primaryButtonText: "Close", size: "md", subtitle: infoModalSubtitle, text: infoModalText, title: infoModalTitle, visible: infoModalVisibleState, onDismiss: () => setInfoModalVisibleState(false) }, infoModalChildren),
+        React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, style: { marginLeft: 8 }, onPress: () => setInfoModalVisibleState(true) },
+            React.createElement(Heading, { color: "secondaryLight", size: "sm" }, "\u24D8"))));
+};
+//# sourceMappingURL=InfoModalIcon.js.map

package/dist/InfoModalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoModalIcon.js","sourceRoot":"","sources":["../src/InfoModalIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,oBAAoB,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC3D,iBAAiB,EAAC,OAAO,EACzB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,IAE/C,iBAAiB,CACZ;QACR,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC;YAE7C,oBAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,IAAI,aAE/B,CACA,CACX,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from "./CheckBox";
 export * from "./Common";
 export * from "./Constants";
 export * from "./CustomSelectField";
+export * from "./DataTable";
 export * from "./DateTimeActionSheet";
 export * from "./DateTimeField";
 export * from "./DateUtilities";
@@ -30,6 +31,7 @@ export * from "./Icon";
 export * from "./IconButton";
 export * from "./Image";
 export * from "./ImageBackground";
+export * from "./InfoModalIcon";
 export * from "./InfoTooltipButton";
 export * from "./Link";
 export * from "./MediaQuery";

package/dist/index.js

@@ -13,6 +13,7 @@ export * from "./CheckBox";
 export * from "./Common";
 export * from "./Constants";
 export * from "./CustomSelectField";
+export * from "./DataTable";
 export * from "./DateTimeActionSheet";
 export * from "./DateTimeField";
 export * from "./DateUtilities";
@@ -30,6 +31,7 @@ export * from "./Icon";
 export * from "./IconButton";
 export * from "./Image";
 export * from "./ImageBackground";
+export * from "./InfoModalIcon";
 export * from "./InfoTooltipButton";
 export * from "./Link";
 export * from "./MediaQuery";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferns-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {
@@ -158,6 +158,7 @@
     "react-native-drawer-layout": "^3.3.2",
     "react-native-gesture-handler": "~2.16.1",
     "react-native-google-places-autocomplete": "^2.5.6",
+    "react-native-markdown-display": "^7.0.2",
     "react-native-modalize": "^2.1.1",
     "react-native-permissions": "^4.1.5",
     "react-native-picker-select": "^9.1.3",