@terreno/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,89 @@
+export * from "./Accordion";
+export * from "./ActionSheet";
+export * from "./AddressField";
+export * from "./Avatar";
+export * from "./Badge";
+export * from "./Banner";
+export * from "./Body";
+export * from "./BooleanField";
+export * from "./Box";
+export * from "./Button";
+export * from "./Card";
+export * from "./CheckBox";
+export * from "./Common";
+export * from "./Constants";
+export * from "./CustomSelectField";
+export * from "./DataTable";
+export * from "./DateTimeActionSheet";
+export * from "./DateTimeField";
+export * from "./DateUtilities";
+export * from "./DecimalRangeActionSheet";
+export * from "./DismissButton";
+export * from "./EmailField";
+export { default as EmojiSelector } from "./EmojiSelector";
+export * from "./ErrorBoundary";
+export * from "./ErrorPage";
+export * from "./Field";
+export * from "./FlatList";
+export * from "./Heading";
+export * from "./HeightActionSheet";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./Image";
+export * from "./ImageBackground";
+export * from "./InfoModalIcon";
+export * from "./InfoTooltipButton";
+export * from "./Link";
+export * from "./MarkdownView";
+export * from "./MediaQuery";
+export * from "./MobileAddressAutoComplete";
+export * from "./Modal";
+export * from "./ModalSheet";
+export * from "./MultiselectField";
+export * from "./NumberField";
+export * from "./NumberPickerActionSheet";
+export * from "./OpenAPIContext";
+export * from "./Page";
+export * from "./Pagination";
+export * from "./PasswordField";
+export * from "./PhoneNumberField";
+export * from "./Radio";
+export * from "./RadioField";
+export * from "./ScrollView";
+export * from "./SectionDivider";
+export * from "./SegmentedControl";
+export * from "./SelectBadge";
+export * from "./SelectField";
+export * from "./SideDrawer";
+export * from "./Signature";
+export * from "./SignatureField";
+export * from "./Slider";
+export * from "./Spinner";
+export * from "./SplitPage";
+export * from "./TapToEdit";
+export * from "./TerrenoProvider";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextField";
+export * from "./Theme";
+export * from "./Toast";
+export * from "./Tooltip";
+export * from "./table/Table";
+export * from "./table/Table";
+export * from "./table/TableBadge";
+export * from "./table/TableBoolean";
+export * from "./table/TableDate";
+export * from "./table/TableHeader";
+export * from "./table/TableHeaderCell";
+export * from "./table/TableIconButton";
+export * from "./table/TableNumber";
+export * from "./table/TableRow";
+export * from "./table/TableText";
+export * from "./table/TableTitle";
+export * from "./table/tableContext";
+export * from "./UnifiedAddressAutoComplete";
+export * from "./Unifier";
+export * from "./Utilities";
+export * from "./useStoredState";
+export * from "./WebAddressAutocomplete";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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,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,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,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,gBAAgB,CAAC;AAC/B,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,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,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,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,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,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}

package/dist/table/Table.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { TableProps } from "../Common";
+export declare const Table: ({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }: TableProps) => React.ReactElement;

package/dist/table/Table.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Children, useEffect } from "react";
+import { ScrollView } from "react-native";
+import { Box } from "../Box";
+import { Pagination } from "../Pagination";
+import { TableContextProvider } from "./tableContext";
+export const Table = ({ children, columns, // see notes in common about table columns width and decide if we need to change this to a more specific type 'size'
+borderStyle, alternateRowBackground = true, maxHeight, stickyHeader = true, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }) => {
+    const arrayChildren = Children.toArray(children);
+    // Check if any of the rows below have a drawerContents prop to see if we need to render space
+    // for the caret.
+    const [sortColumn, setSortColumn] = React.useState(sort);
+    const [page, setPage] = React.useState(propsPage !== null && propsPage !== void 0 ? propsPage : 1);
+    // Check if any of the rows below have a drawerContents prop to see if we need to render space
+    // for the caret.
+    const hasDrawerContents = arrayChildren.some((child) => {
+        var _a;
+        return (_a = child.props) === null || _a === void 0 ? void 0 : _a.drawerContents;
+    });
+    // Calculate the total width of the table. If the table has only number widths, calculate a
+    // width. Otherwise use 100%.
+    let width;
+    if (columns.every((column) => typeof column === "number")) {
+        width = columns.reduce((acc, curr) => {
+            return acc + curr + 8; // 8 for margin between columns;
+        }, 0);
+        if (hasDrawerContents) {
+            // Size of IconButton + padding is 56
+            width = width + 56;
+        }
+    }
+    else {
+        width = "100%";
+    }
+    // If propsPage changes in the parent, update the local page state.
+    useEffect(() => {
+        if (propsPage && propsPage !== page) {
+            setPage(propsPage);
+        }
+    }, [page, propsPage]);
+    const shouldPaginate = more || page > 1;
+    return (_jsxs(TableContextProvider, { alternateRowBackground: alternateRowBackground, borderStyle: borderStyle, columns: columns, hasDrawerContents: hasDrawerContents, page: page, setSortColumn: setSortColumn, sortColumn: sortColumn, stickyHeader: stickyHeader, children: [_jsx(Box, { flex: "grow", maxWidth: "100%", style: {
+                    position: "relative",
+                }, width: width, children: _jsx(ScrollView, { horizontal: true, style: { maxWidth: "100%", width }, children: _jsx(ScrollView
+                    // nestedScrollEnabled
+                    , { 
+                        // nestedScrollEnabled
+                        stickyHeaderIndices: stickyHeader ? [0] : undefined, style: { flex: 1, maxHeight, maxWidth: "100%", width }, children: Children.map(children, (child, index) => Boolean(child) &&
+                            React.cloneElement(child, {
+                                color: index % 2 === 1 && alternateRowBackground ? "neutralLight" : "base",
+                            })) }) }) }), Boolean(shouldPaginate && totalPages !== undefined) && (_jsxs(Box, { alignItems: "center", borderTop: "default", direction: "row", height: 60, paddingX: 8, children: [_jsx(Pagination, { page: propsPage !== null && propsPage !== void 0 ? propsPage : page, setPage: propsSetPage !== null && propsSetPage !== void 0 ? propsSetPage : setPage, totalPages: totalPages }), Boolean(extraControls) && extraControls] }))] }));
+};
+//# sourceMappingURL=Table.js.map

package/dist/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/table/TableBadge.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from "react";
+import type { TableBadgeProps } from "../Common";
+export interface TableBadgeHandles {
+    handleSave: () => void | Promise<void>;
+}
+export declare const TableBadge: FC<TableBadgeProps>;

package/dist/table/TableBadge.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { View } from "react-native";
+import { Badge } from "../Badge";
+import { SelectField } from "../SelectField";
+// TODO: Support error state in TableBadge
+export const TableBadge = ({ value, badgeStatus = "info", badgeIconName, isEditing = false, editingOptions, }) => {
+    const [selected, setSelected] = useState(value);
+    const handleChange = (newVal) => {
+        if (newVal === "") {
+            setSelected(undefined);
+        }
+        else {
+            setSelected(newVal);
+        }
+    };
+    return (_jsx(View, { style: {
+            alignItems: "center",
+            justifyContent: "center",
+        }, children: isEditing && editingOptions ? (_jsx(SelectField, { onChange: handleChange, options: editingOptions, value: selected })) : (_jsx(Badge, { iconName: badgeIconName, secondary: true, status: badgeStatus, value: value })) }));
+};
+TableBadge.displayName = "TableBadge";
+//# sourceMappingURL=TableBadge.js.map

package/dist/table/TableBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBadge.js","sourceRoot":"","sources":["../../src/table/TableBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAM3C,0CAA0C;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,KAAK,EACL,WAAW,GAAG,MAAM,EACpB,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,KAAK,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,MAA0B,EAAE,EAAE;QAClD,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;YAClB,WAAW,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,YAEA,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,CAC7B,KAAC,WAAW,IAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,GAAI,CAClF,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,QAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAChF,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/table/TableBoolean.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from "react";
+import type { TableBooleanProps } from "../Common";
+export interface TableBooleanHandles {
+    handleSave: () => void | Promise<void>;
+}
+export declare const TableBoolean: FC<TableBooleanProps>;

package/dist/table/TableBoolean.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { CheckBox } from "../CheckBox";
+import { Icon } from "../Icon";
+import { useTheme } from "../Theme";
+export const TableBoolean = ({ value, isEditing = false }) => {
+    const [checked, setChecked] = useState(value);
+    const { theme } = useTheme();
+    const valueString = checked ? "checked" : "unchecked";
+    const oppositeValueString = checked ? "unchecked" : "checked";
+    const handlePress = useCallback(() => {
+        setChecked(!checked);
+    }, [checked]);
+    if (isEditing) {
+        return (_jsx(TouchableOpacity, { accessibilityHint: `Tap to change the checkbox from ${oppositeValueString} to ${valueString}`, "aria-label": `Checkbox is currently ${valueString}`, "aria-role": "checkbox", hitSlop: { bottom: 10, left: 10, right: 10, top: 10 }, onPress: handlePress, style: {
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: _jsx(CheckBox, { selected: checked, size: "lg" }) }));
+    }
+    else {
+        return (_jsx(View, { style: {
+                alignItems: "center",
+                justifyContent: "center",
+                width: "100%",
+            }, children: _jsx(View, { accessibilityHint: value ? "Checked icon" : "Unchecked icon", "aria-label": `The checkbox is ${valueString}`, "aria-role": "image", style: {
+                    alignItems: "center",
+                    backgroundColor: value ? theme.surface.successLight : "transparent",
+                    borderRadius: 16,
+                    height: 32,
+                    justifyContent: "center",
+                    width: 32,
+                }, children: _jsx(Icon, { color: value ? "success" : "error", iconName: value ? "check" : "x" }) }) }));
+    }
+};
+TableBoolean.displayName = "TableBoolean";
+//# sourceMappingURL=TableBoolean.js.map

package/dist/table/TableBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBoolean.js","sourceRoot":"","sources":["../../src/table/TableBoolean.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAE,IAAI,EAAiB,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,KAAK,EAAC,EAAE,EAAE;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IACtD,MAAM,mBAAmB,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,gBAAgB,IACf,iBAAiB,EAAE,mCAAmC,mBAAmB,OAAO,WAAW,EAAE,gBACjF,yBAAyB,WAAW,EAAE,eACxC,UAAU,EACpB,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAC,EACnD,OAAO,EAAE,WAAW,EACpB,KAAK,EACH;gBACE,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACZ,YAGhB,KAAC,QAAQ,IAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,GACxB,CACpB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;aACd,YAED,KAAC,IAAI,IACH,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,gBAChD,mBAAmB,WAAW,EAAE,eAClC,OAAO,EACjB,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;oBACpB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;oBACnE,YAAY,EAAE,EAAE;oBAChB,MAAM,EAAE,EAAE;oBACV,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,EAAE;iBACV,YAED,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAI,GACxE,GACF,CACR,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/table/TableDate.d.ts

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

package/dist/table/TableDate.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DateTime } from "luxon";
+import { useState } from "react";
+import { Text } from "react-native";
+export const TableDate = ({ value, annotated = false }) => {
+    const initialDate = typeof value === "string" ? DateTime.fromISO(value) : DateTime.fromJSDate(value);
+    const [dateVal] = useState(initialDate);
+    // TODO: Formatting date with annotations should be in DateUtilities and tested.
+    const formatDate = (date) => {
+        const now = DateTime.now();
+        const diff = now.diff(date, ["years", "months", "days"]).toObject();
+        let diffString = "";
+        if (diff.years) {
+            diffString += `${Math.floor(diff.years)} Year${Math.floor(diff.years) > 1 ? "s" : ""} `;
+        }
+        if (diff.months) {
+            diffString += `${Math.floor(diff.months)} Mo${Math.floor(diff.months) > 1 ? "s" : ""} `;
+        }
+        if (diff.days) {
+            diffString += `${Math.floor(diff.days)} Day${Math.floor(diff.days) > 1 ? "s" : ""}`;
+        }
+        return `${date.toFormat("MM/dd/yyyy")} (${diffString.trim()})`;
+    };
+    return (_jsx(Text, { style: { fontSize: 16 }, children: annotated ? formatDate(dateVal) : dateVal.toFormat("MM/dd/yyyy") }));
+};
+TableDate.displayName = "TableDate";
+//# sourceMappingURL=TableDate.js.map

package/dist/table/TableDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDate.js","sourceRoot":"","sources":["../../src/table/TableDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAIlC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,KAAK,EAAC,EAAE,EAAE;IAC1E,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAExC,gFAAgF;IAChF,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,EAAE;QACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC3B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEpE,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QAC1F,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QAC1F,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACtF,CAAC;QAED,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC;IACjE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,YACxB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,GAC5D,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/table/TableHeader.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+import type { TableHeaderProps } from "../Common";
+/**
+ * Use TableHeader to group the header content in Table.
+ */
+export declare const TableHeader: ({ children, display, color, }: TableHeaderProps) => React.ReactElement;

package/dist/table/TableHeader.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "../Box";
+import { TableRow } from "./TableRow";
+/**
+ * Use TableHeader to group the header content in Table.
+ */
+export const TableHeader = ({ children, display = "tableHeaderGroup", color, }) => {
+    return (_jsx(Box, { color: color !== null && color !== void 0 ? color : "base", display: display === "visuallyHidden" ? "none" : "flex", children: _jsx(TableRow, { headerRow: true, children: children }) }));
+};
+//# sourceMappingURL=TableHeader.js.map

package/dist/table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../src/table/TableHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,kBAAkB,EAC5B,KAAK,GACY,EAAsB,EAAE;IACzC,OAAO,CACL,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,YAClF,KAAC,QAAQ,IAAC,SAAS,kBAAE,QAAQ,GAAY,GACrC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/table/TableHeaderCell.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from "react";
+import type { TableHeaderCellProps } from "../Common";
+/**
+ * Use TableHeaderCell to define a header cell in Table.
+ */
+export declare const TableHeaderCell: ({ children, index, sortable, align, title, onSortChange, }: TableHeaderCellProps) => ReactElement;

package/dist/table/TableHeaderCell.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TableHeaderCell.tsx
+import { FontAwesome6 } from "@expo/vector-icons";
+import { useCallback } from "react";
+import { View } from "react-native";
+import { Box } from "../Box";
+import { useTheme } from "../Theme";
+import { TableTitle } from "./TableTitle";
+import { useTableContext } from "./tableContext";
+/**
+ * Use TableHeaderCell to define a header cell in Table.
+ */
+export const TableHeaderCell = ({ children, index, sortable, align = "left", title, onSortChange, }) => {
+    const { theme } = useTheme();
+    const { columns, setSortColumn, sortColumn } = useTableContext();
+    const width = columns[index];
+    if (!width) {
+        console.warn(`No width defined for column ${index} in TableHeaderCell`);
+    }
+    if (children && title) {
+        console.warn("Both children and title are defined in TableHeaderCell. Title will be ignored.");
+    }
+    if (!children && !title) {
+        console.error("Either children or title is required in TableHeaderCell");
+    }
+    const sort = (sortColumn === null || sortColumn === void 0 ? void 0 : sortColumn.column) === index ? sortColumn.direction : undefined;
+    let alignItems = "start";
+    if (align === "center") {
+        alignItems = "center";
+    }
+    else if (align === "right") {
+        alignItems = "end";
+    }
+    const onClick = useCallback(() => {
+        // desc => asc => undefined
+        const newSort = sort === "desc" ? "asc" : sort === "asc" ? undefined : "desc";
+        if (setSortColumn) {
+            setSortColumn(newSort ? { column: index, direction: newSort } : undefined);
+        }
+        onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(newSort);
+    }, [index, onSortChange, setSortColumn, sort]);
+    if (sortable && !onSortChange) {
+        console.error("onSortChange is required when sortable is true");
+    }
+    return (_jsxs(Box, { accessibilityHint: "changes sort alphabetical order", accessibilityLabel: "sort", alignItems: "center", direction: "row", flex: "grow", justifyContent: alignItems, onClick: sortable ? onClick : undefined, children: [Boolean(children) && children, Boolean(title) && _jsx(TableTitle, { align: align, title: title }), Boolean(sort) && (_jsx(Box, { alignSelf: "end", paddingX: 2, children: _jsx(View, { style: {
+                        alignItems: "center",
+                        backgroundColor: theme.surface.primary,
+                        borderRadius: theme.radius.rounded,
+                        height: 16,
+                        justifyContent: "center",
+                        width: 16,
+                    }, children: _jsx(FontAwesome6, { color: theme.text.inverted, name: sort === "asc" ? "arrow-down" : "arrow-up", selectable: undefined, size: 10, solid: true }) }) }))] }));
+};
+//# sourceMappingURL=TableHeaderCell.js.map

package/dist/table/TableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.js","sourceRoot":"","sources":["../../src/table/TableHeaderCell.tsx"],"names":[],"mappings":"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"}

package/dist/table/TableIconButton.d.ts

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

package/dist/table/TableIconButton.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { IconButton } from "../IconButton";
+export const TableIconButton = ({ tableIconButtonName, onClick }) => {
+    const iconButtonMap = {
+        drawerClose: {
+            accessibilityHint: "Close Drawer",
+            accessibilityLabel: "Close Drawer for more Data",
+            iconName: "chevron-up",
+            variant: "secondary",
+        },
+        drawerOpen: {
+            accessibilityHint: "Open Drawer",
+            accessibilityLabel: "Open Drawer for more Data",
+            iconName: "chevron-down",
+            variant: "muted",
+        },
+        edit: {
+            accessibilityHint: "Edit row",
+            accessibilityLabel: "Edit",
+            iconName: "pen-to-square",
+            variant: "muted",
+        },
+        insert: {
+            accessibilityHint: "Insert Data",
+            accessibilityLabel: "Insert Data",
+            iconName: "plus",
+            variant: "primary",
+        },
+        saveAndClose: {
+            accessibilityHint: "Save and close row",
+            accessibilityLabel: "Save and close",
+            iconName: "check",
+            variant: "secondary",
+        },
+    };
+    return (_jsx(View, { style: { alignItems: "center", justifyContent: "center", width: "100%" }, children: _jsx(IconButton, { accessibilityLabel: iconButtonMap[tableIconButtonName].accessibilityLabel, iconName: iconButtonMap[tableIconButtonName].iconName, onClick: onClick, variant: iconButtonMap[tableIconButtonName].variant }) }));
+};
+//# sourceMappingURL=TableIconButton.js.map

package/dist/table/TableIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableIconButton.js","sourceRoot":"","sources":["../../src/table/TableIconButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAC,mBAAmB,EAAE,OAAO,EAAC,EAAE,EAAE;IAC1F,MAAM,aAAa,GAQf;QACF,WAAW,EAAE;YACX,iBAAiB,EAAE,cAAc;YACjC,kBAAkB,EAAE,4BAA4B;YAChD,QAAQ,EAAE,YAAY;YACtB,OAAO,EAAE,WAAW;SACrB;QACD,UAAU,EAAE;YACV,iBAAiB,EAAE,aAAa;YAChC,kBAAkB,EAAE,2BAA2B;YAC/C,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,UAAU;YAC7B,kBAAkB,EAAE,MAAM;YAC1B,QAAQ,EAAE,eAAe;YACzB,OAAO,EAAE,OAAO;SACjB;QACD,MAAM,EAAE;YACN,iBAAiB,EAAE,aAAa;YAChC,kBAAkB,EAAE,aAAa;YACjC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,SAAS;SACnB;QACD,YAAY,EAAE;YACZ,iBAAiB,EAAE,oBAAoB;YACvC,kBAAkB,EAAE,gBAAgB;YACpC,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,WAAW;SACrB;KACF,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAC,YAC1E,KAAC,UAAU,IACT,kBAAkB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,kBAAkB,EACzE,QAAQ,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,QAAQ,EACrD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,OAAO,GACnD,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/table/TableNumber.d.ts

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

package/dist/table/TableNumber.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "react-native";
+import { useTheme } from "../Theme";
+// TODO: Implement isEditing to TableNumber
+export const TableNumber = ({ isEditing, value, align = "right" }) => {
+    const { theme } = useTheme();
+    if (isEditing) {
+        console.warn("isEditing is not implemented yet.");
+    }
+    return (_jsx(Text, { style: {
+            color: theme.text.primary,
+            fontFamily: "text",
+            fontSize: 14,
+            textAlign: align,
+        }, children: value }));
+};
+TableNumber.displayName = "TableNumber";
+//# sourceMappingURL=TableNumber.js.map

package/dist/table/TableNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableNumber.js","sourceRoot":"","sources":["../../src/table/TableNumber.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAElC,2CAA2C;AAC3C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAC,EAAE,EAAE;IACvF,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YACzB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,KAAK;SACjB,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/table/TableRow.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { TableRowProps } from "../Common";
+/**
+ * Use TableRow to define a row in Table.
+ */
+export declare const TableRow: ({ children, headerRow, expanded, drawerContents, color, }: TableRowProps) => React.ReactElement;

package/dist/table/TableRow.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Children, useRef } from "react";
+import { Box } from "../Box";
+import { IconButton } from "../IconButton";
+import { useTableContext } from "./tableContext";
+const TableCell = ({ children, index }) => {
+    const { columns } = useTableContext();
+    return (_jsx(Box, { justifyContent: "center", marginRight: 2, paddingX: 3, paddingY: 4, width: columns[index], children: children }));
+};
+/**
+ * Use TableRow to define a row in Table.
+ */
+export const TableRow = ({ children, headerRow = false, expanded, drawerContents, color = "base", }) => {
+    const [isExpanded, setIsExpanded] = React.useState(expanded || false);
+    const { hasDrawerContents } = useTableContext();
+    const rowRef = useRef(null);
+    const border = { __style: { borderBottom: `${headerRow ? 2 : 1}px solid #e0e0e0` } };
+    return (_jsxs(Box, { color: color, dangerouslySetInlineStyle: border, ref: rowRef, width: "100%", children: [_jsxs(Box, { direction: "row", paddingY: 1, width: "100%", children: [Boolean(drawerContents) && (_jsx(TableCell, { index: -1, children: _jsx(IconButton, { accessibilityHint: "press to expand", accessibilityLabel: "expand", iconName: isExpanded ? "chevron-up" : "chevron-down", onClick: () => {
+                                setIsExpanded(!isExpanded);
+                            }, variant: "secondary" }) })), Boolean(hasDrawerContents && !drawerContents) && (_jsx(TableCell, { index: -1, children: _jsx(Box, { width: 32 }) })), Children.map(children, (child, index) => (_jsx(TableCell, { index: index, children: child })))] }), Boolean(isExpanded) && (_jsx(Box, { paddingX: 2, width: "100%", children: drawerContents }))] }));
+};
+//# sourceMappingURL=TableRow.js.map

package/dist/table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../src/table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE/C,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAA6C,EAAE,EAAE;IAClF,MAAM,EAAC,OAAO,EAAC,GAAG,eAAe,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,GAAG,IAAC,cAAc,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,YACzF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,MAAM,GACA,EAAsB,EAAE;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IACtE,MAAM,EAAC,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAExC,MAAM,MAAM,GAAG,EAAC,OAAO,EAAE,EAAC,YAAY,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAC,EAAC,CAAC;IAEjF,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,aAC7E,MAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,aAC3C,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAElB,KAAC,UAAU,IACT,iBAAiB,EAAC,iBAAiB,EACnC,kBAAkB,EAAC,QAAQ,EAC3B,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACpD,OAAO,EAAE,GAAG,EAAE;gCACZ,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;4BAC7B,CAAC,EACD,OAAO,EAAC,WAAW,GACnB,GACQ,CACb,EAEA,OAAO,CAAC,iBAAiB,IAAI,CAAC,cAAc,CAAC,IAAI,CAChD,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAClB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAI,GACR,CACb,EACA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAa,CAC7C,CAAC,IACE,EACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,YAC3B,cAAc,GACX,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/table/TableText.d.ts

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

package/dist/table/TableText.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "react-native";
+import { useTheme } from "../Theme";
+// TODO: Implement isEditing to TableText
+export const TableText = ({ isEditing, value, align }) => {
+    const { theme } = useTheme();
+    if (isEditing) {
+        console.warn("isEditing is not implemented yet.");
+    }
+    return (_jsx(Text, { style: {
+            color: theme.text.primary,
+            fontFamily: "text",
+            fontSize: 14,
+            textAlign: align,
+        }, children: value }));
+};
+TableText.displayName = "TableText";
+//# sourceMappingURL=TableText.js.map

package/dist/table/TableText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableText.js","sourceRoot":"","sources":["../../src/table/TableText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAElC,yCAAyC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,EAAE,EAAE;IACzE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YACzB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,KAAK;SACjB,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/table/TableTitle.d.ts

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

package/dist/table/TableTitle.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "react-native";
+import { useTheme } from "../Theme";
+export const TableTitle = ({ title, align = "left" }) => {
+    const { theme } = useTheme();
+    return (
+    // No hint needed for a title.
+    _jsx(Text, { "aria-label": `Table title: ${title}`, "aria-role": "header", ellipsizeMode: "tail" // ensures that the text is clipped at the end of the line for all platforms
+        , numberOfLines: 3, style: {
+            color: theme.text.primary,
+            flexWrap: "wrap",
+            fontFamily: "text",
+            fontSize: 10,
+            fontWeight: "700",
+            lineHeight: 16,
+            overflow: "hidden",
+            textAlign: align,
+            textTransform: "uppercase",
+        }, children: title }));
+};
+//# sourceMappingURL=TableTitle.js.map

package/dist/table/TableTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTitle.js","sourceRoot":"","sources":["../../src/table/TableTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAC,KAAK,EAAE,KAAK,GAAG,MAAM,EAAC,EAAE,EAAE;IACzE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,OAAO;IACL,8BAA8B;IAC9B,KAAC,IAAI,kBACS,gBAAgB,KAAK,EAAE,eACzB,QAAQ,EAClB,aAAa,EAAC,MAAM,CAAC,4EAA4E;UACjG,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YACzB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,KAAK;YAChB,aAAa,EAAE,WAAW;SAC3B,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/table/tableContext.d.ts

@@ -0,0 +1,5 @@
+import type React from "react";
+import type { TableContextProviderProps, TableContextType } from "../Common";
+export declare const Provider: React.Provider<TableContextType>;
+export declare const TableContextProvider: ({ children, columns, hasDrawerContents, sortColumn, setSortColumn, stickyHeader, borderStyle, alternateRowBackground, page, }: TableContextProviderProps) => React.ReactElement<typeof Provider>;
+export declare function useTableContext(): TableContextType;

package/dist/table/tableContext.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const TableContext = createContext({
+    alternateRowBackground: true,
+    borderStyle: "sm",
+    columns: [],
+    hasDrawerContents: false,
+    page: 1,
+    setSortColumn: () => { },
+    sortColumn: undefined,
+    stickyHeader: true,
+});
+export const { Provider } = TableContext;
+export const TableContextProvider = ({ children, columns, hasDrawerContents, sortColumn, setSortColumn, stickyHeader, borderStyle, alternateRowBackground, page, }) => {
+    return (_jsx(Provider, { value: {
+            alternateRowBackground,
+            borderStyle,
+            columns,
+            hasDrawerContents,
+            page,
+            setSortColumn,
+            sortColumn,
+            stickyHeader,
+        }, children: children }));
+};
+export function useTableContext() {
+    const { columns, hasDrawerContents, setSortColumn, sortColumn, stickyHeader, alternateRowBackground, borderStyle, } = useContext(TableContext);
+    return {
+        alternateRowBackground,
+        borderStyle,
+        columns,
+        hasDrawerContents,
+        setSortColumn,
+        sortColumn,
+        stickyHeader,
+    };
+}
+//# sourceMappingURL=tableContext.js.map

package/dist/table/tableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../src/table/tableContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAI9D,MAAM,YAAY,GAA8B,aAAa,CAAmB;IAC9E,sBAAsB,EAAE,IAAI;IAC5B,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,EAAE;IACX,iBAAiB,EAAE,KAAK;IACxB,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACX,sBAAsB,EACtB,IAAI,GACsB,EAAuC,EAAE;IACnE,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE;YACL,sBAAsB;YACtB,WAAW;YACX,OAAO;YACP,iBAAiB;YACjB,IAAI;YACJ,aAAa;YACb,UAAU;YACV,YAAY;SACb,YAEA,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe;IAC7B,MAAM,EACJ,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,WAAW,GACZ,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7B,OAAO;QACL,sBAAsB;QACtB,WAAW;QACX,OAAO;QACP,iBAAiB;QACjB,aAAa;QACb,UAAU;QACV,YAAY;KACb,CAAC;AACJ,CAAC"}

package/dist/useStoredState.d.ts

@@ -0,0 +1 @@
+export declare const useStoredState: <T>(key: string, initialValue?: T) => [T | undefined, (value: T | undefined) => Promise<void>, boolean];