@ovotech/element-native 3.8.1-canary-0c92e13-244 → 3.8.1

package/dist/components/DataTable/DataTable.js

@@ -1,46 +1,63 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as w, createElement as x } from "react";
+import { r as i } from "../../styled.native-KEscfVp7.js";
+import { ScrollView as y } from "react-native";
+import { useBreakpoint as E } from "../../hooks/use-breakpoint.js";
+import { getText as C } from "../../utils/utils.js";
+import { TableRow as $ } from "./TableRow.js";
+import { StyledTableContainer as k, TableCaption as u, TableCaptionText as B, TableRowHeading as L, TableHeader as R, TableHeaderText as S, TableBody as j } from "./styles.js";
+import "../../utils-HsZygzDh.js";
+const J = w(
+  ({
+    items: s,
+    columnHeadings: o,
+    caption: e,
+    rowHeadings: n,
+    columnWidths: m,
+    striped: b = !0,
+    ...T
+  }, c) => {
+    const a = E(), f = o ? ` ${o.length} columns,` : "", p = i.isElement(e) ? C(e) : e, h = `data table,${f} ${s.length} rows, ${p}`;
+    return /* @__PURE__ */ r(
+      y,
+      {
+        horizontal: !0,
+        alwaysBounceHorizontal: !1,
+        contentContainerStyle: { flexGrow: 1 },
+        children: /* @__PURE__ */ d(k, { ...T, ref: c, children: [
+          e ? /* @__PURE__ */ r(u, { ...a, children: i.isElement(e) ? e : /* @__PURE__ */ r(
+            B,
+            {
+              ...a,
+              accessibilityLabel: h,
+              children: e
+            }
+          ) }) : null,
+          o ? /* @__PURE__ */ r(L, { children: o.map((t, l) => /* @__PURE__ */ x(
+            R,
+            {
+              ...a,
+              key: l,
+              cellWidth: m[l]
+            },
+            i.isElement(t) ? t : /* @__PURE__ */ r(S, { ...a, children: t })
+          )) }) : null,
+          /* @__PURE__ */ r(j, { children: s.map((t, l) => /* @__PURE__ */ r(
+            $,
+            {
+              data: t,
+              index: l,
+              rowHeadings: n,
+              columnWidths: m,
+              striped: b
+            },
+            l
+          )) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  J as DataTable
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_2 = require("react");
-var react_is_1 = require("react-is");
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../hooks");
-var utils_1 = require("../../utils");
-var TableRow_1 = require("./TableRow");
-var styles_1 = require("./styles");
-exports.DataTable = (0, react_2.forwardRef)(function (_a, ref) {
-    var items = _a.items, columnHeadings = _a.columnHeadings, caption = _a.caption, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths, _b = _a.striped, striped = _b === void 0 ? true : _b, rest = __rest(_a, ["items", "columnHeadings", "caption", "rowHeadings", "columnWidths", "striped"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    var columnLabel = columnHeadings
-        ? " ".concat(columnHeadings.length, " columns,")
-        : '';
-    var accessibilityLabelText = (0, react_is_1.isElement)(caption)
-        ? (0, utils_1.getText)(caption)
-        : caption;
-    var accessibilityLabel = "data table,".concat(columnLabel, " ").concat(items.length, " rows, ").concat(accessibilityLabelText);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 }, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTableContainer, __assign({}, rest, { ref: ref, children: [caption ? ((0, jsx_runtime_1.jsx)(styles_1.TableCaption, __assign({}, breakpoints, { children: (0, react_is_1.isElement)(caption) ? (caption) : ((0, jsx_runtime_1.jsx)(styles_1.TableCaptionText, __assign({}, breakpoints, { accessibilityLabel: accessibilityLabel, children: caption }))) }))) : null, columnHeadings ? ((0, jsx_runtime_1.jsx)(styles_1.TableRowHeading, { children: columnHeadings.map(function (columnHeading, index) { return ((0, react_1.createElement)(styles_1.TableHeader, __assign({}, breakpoints, { key: index, cellWidth: columnWidths[index] }), (0, react_is_1.isElement)(columnHeading) ? (columnHeading) : ((0, jsx_runtime_1.jsx)(styles_1.TableHeaderText, __assign({}, breakpoints, { children: columnHeading }))))); }) })) : null, (0, jsx_runtime_1.jsx)(styles_1.TableBody, { children: items.map(function (rowData, index) { return ((0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { data: rowData, index: index, rowHeadings: rowHeadings, columnWidths: columnWidths, striped: striped }, index)); }) })] })) }));
-});

package/dist/components/DataTable/TableRow.js

@@ -1,37 +1,46 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as t } from "react/jsx-runtime";
+import { createElement as i } from "react";
+import { r as s } from "../../styled.native-KEscfVp7.js";
+import { Dimensions as f } from "react-native";
+import { useBreakpoint as T } from "../../hooks/use-breakpoint.js";
+import { StyledSeparatorRow as b, SeparatorRowText as R, RowHeading as x, TableHeaderText as y, TableCell as k, CellText as u, TableRow as E } from "./styles.js";
+import "../../utils-HsZygzDh.js";
+const P = ({
+  data: p,
+  index: m,
+  striped: w,
+  rowHeadings: d,
+  columnWidths: n
+}) => {
+  const o = T(), h = p.map((r, e) => typeof r == "object" && (r != null && r.hasOwnProperty("isSeparator")) && (r != null && r.hasOwnProperty("content")) ? /* @__PURE__ */ t(
+    b,
+    {
+      testID: "separatorRow",
+      width: f.get("window").width,
+      children: /* @__PURE__ */ t(R, { ...o, children: r == null ? void 0 : r.content })
+    },
+    e
+  ) : d && e === 0 ? /* @__PURE__ */ i(
+    x,
+    {
+      ...o,
+      key: e,
+      testID: "rowHeader",
+      cellWidth: n[e]
+    },
+    s.isElement(r) ? r : /* @__PURE__ */ t(y, { ...o, children: r })
+  ) : /* @__PURE__ */ i(
+    k,
+    {
+      ...o,
+      key: e,
+      testID: "cell",
+      cellWidth: n[e]
+    },
+    s.isElement(r) ? r : /* @__PURE__ */ t(u, { ...o, children: r })
+  ));
+  return /* @__PURE__ */ t(E, { stripe: w && m % 2 === 0, children: h });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_is_1 = require("react-is");
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../hooks");
-var styles_1 = require("./styles");
-var TableRow = function (_a) {
-    var data = _a.data, index = _a.index, striped = _a.striped, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths;
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    var cells = data.map(function (cellData, i) {
-        if (typeof cellData === 'object' &&
-            (cellData === null || cellData === void 0 ? void 0 : cellData.hasOwnProperty('isSeparator')) &&
-            (cellData === null || cellData === void 0 ? void 0 : cellData.hasOwnProperty('content'))) {
-            return ((0, jsx_runtime_1.jsx)(styles_1.StyledSeparatorRow, { testID: "separatorRow", width: react_native_1.Dimensions.get('window').width, children: (0, jsx_runtime_1.jsx)(styles_1.SeparatorRowText, __assign({}, breakpoints, { children: cellData === null || cellData === void 0 ? void 0 : cellData.content })) }, i));
-        }
-        if (rowHeadings && i === 0) {
-            return ((0, react_1.createElement)(styles_1.RowHeading, __assign({}, breakpoints, { key: i, testID: "rowHeader", cellWidth: columnWidths[i] }), (0, react_is_1.isElement)(cellData) ? (cellData) : ((0, jsx_runtime_1.jsx)(styles_1.TableHeaderText, __assign({}, breakpoints, { children: cellData })))));
-        }
-        return ((0, react_1.createElement)(styles_1.TableCell, __assign({}, breakpoints, { key: i, testID: "cell", cellWidth: columnWidths[i] }), (0, react_is_1.isElement)(cellData) ? (cellData) : ((0, jsx_runtime_1.jsx)(styles_1.CellText, __assign({}, breakpoints, { children: cellData })))));
-    });
-    return ((0, jsx_runtime_1.jsx)(styles_1.TableRow, { stripe: striped && index % 2 === 0, children: cells }));
+export {
+  P as TableRow
 };
-exports.TableRow = TableRow;

package/dist/components/DataTable/index.js

@@ -1,21 +1,26 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+import { DataTable as m } from "./DataTable.js";
+import { CellText as n, RowHeading as x, SeparatorRowText as w, StyledSeparatorRow as C, StyledTableContainer as R, TableBody as H, TableCaption as S, TableCaptionText as y, TableCell as f, TableHeader as g, TableHeaderText as B, TableRow as D, TableRowHeading as c } from "./styles.js";
+import "react/jsx-runtime";
+import "react";
+import "../../styled.native-KEscfVp7.js";
+import "react-native";
+import "../../hooks/use-breakpoint.js";
+import "../../utils/utils.js";
+import "./TableRow.js";
+import "../../utils-HsZygzDh.js";
+export {
+  n as CellText,
+  m as DataTable,
+  x as RowHeading,
+  w as SeparatorRowText,
+  C as StyledSeparatorRow,
+  R as StyledTableContainer,
+  H as TableBody,
+  S as TableCaption,
+  y as TableCaptionText,
+  f as TableCell,
+  g as TableHeader,
+  B as TableHeaderText,
+  D as TableRow,
+  c as TableRowHeading
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = void 0;
-var DataTable_1 = require("./DataTable");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return DataTable_1.DataTable; } });
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);

package/dist/components/DataTable/styles.d.ts

@@ -358,8 +358,6 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -370,8 +368,6 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -382,8 +378,6 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -843,8 +837,6 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -855,8 +847,6 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -867,8 +857,6 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1330,8 +1318,6 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1342,8 +1328,6 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1354,8 +1338,6 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1815,8 +1797,6 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1827,8 +1807,6 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1839,8 +1817,6 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -2300,8 +2276,6 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -2312,8 +2286,6 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -2324,8 +2296,6 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -2785,8 +2755,6 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -2797,8 +2765,6 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -2809,8 +2775,6 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -3270,8 +3234,6 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -3282,8 +3244,6 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -3294,8 +3254,6 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -3757,8 +3715,6 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -3769,8 +3725,6 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -3781,8 +3735,6 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -4242,8 +4194,6 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -4254,8 +4204,6 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -4266,8 +4214,6 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -4727,8 +4673,6 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -4739,8 +4683,6 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -4751,8 +4693,6 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -5214,8 +5154,6 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -5226,8 +5164,6 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -5238,8 +5174,6 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -5701,8 +5635,6 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -5713,8 +5645,6 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -5725,8 +5655,6 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {
@@ -6188,8 +6116,6 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -6200,8 +6126,6 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -6212,8 +6136,6 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {