@oxy.so/bloom 3.6.0 → 4.0.0

package/lib/commonjs/mail-list/MailList.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MailList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _MailListSkeleton = require("./MailListSkeleton.js");
+var _MailRow = require("./MailRow.js");
+var _MailSelectionBar = require("./MailSelectionBar.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The inbox: day sections, the rows, the empty and loading states, and the bulk
+ * selection bar.
+ *
+ * `sections` renders each bucket under its own heading; the `mails` shorthand
+ * is one unlabelled run. `groupMailByDay` turns a flat list into the first from
+ * the second, and it is a pure function rather than a prop on this component
+ * because "which day is that" needs a clock, and a component that reads one is
+ * a component a test cannot pin.
+ *
+ * ROW ACTIONS ARE TWO AFFORDANCES, ONE LIST OF KEYS. `rowActions` is the rail
+ * a pointer hovers; `rowSwipeActions` is what a drag uncovers on touch, per
+ * side. Both report through `onMailAction`, and a row's own `actions` /
+ * `swipeActions` win over the list's.
+ *
+ * THE SELECTION BAR IS NOT A SECOND COMPONENT. Give the list
+ * `onCheckedIdsChange` and it draws the checkboxes AND mounts the bar as soon
+ * as something is checked; select-all, clear and the per-row toggles all resolve
+ * here. An app that had to place the bar itself would be an app that can render
+ * a selection with no way out of it.
+ *
+ * It MAPS every row, which is right for the few hundred a mailbox screen shows.
+ * For a longer list render `MailRow` yourself inside a virtualised list; every
+ * row prop is on `MailSummary` and nothing here holds list state.
+ *
+ * ACCESSIBILITY: a `role="list"` named by `accessibilityLabel`, each titled
+ * section a nested list named by its heading. While `loading` the region is
+ * `aria-busy` and the placeholders are hidden, so "loading" is announced once.
+ */
+function MailListComponent({
+  sections,
+  mails,
+  density = 'comfortable',
+  selectedId,
+  checkedIds,
+  onCheckedIdsChange,
+  bulkActions,
+  onBulkAction,
+  rowActions,
+  rowSwipeActions,
+  actionsPlacement,
+  swipeEnabled,
+  onMailPress,
+  onMailLongPress,
+  onMailAction,
+  onMailStarredChange,
+  loading = false,
+  loadingCount = 8,
+  empty,
+  header,
+  footer,
+  strings,
+  accessibilityLabel = 'Mail',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.MAIL_LIST_STYLE_ID, _shared.MAIL_LIST_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMailPaint)(theme, surface), [theme, surface]);
+  const text = (0, _react.useMemo)(() => (0, _shared.mailStrings)(strings), [strings]);
+  const geo = _shared.MAIL_ROW_GEOMETRY[density];
+  const resolved = (0, _react.useMemo)(() => {
+    if (sections !== undefined) return sections;
+    if (mails !== undefined) return [{
+      key: 'all',
+      mails
+    }];
+    return [];
+  }, [mails, sections]);
+  const allIds = (0, _react.useMemo)(() => resolved.flatMap(section => section.mails.map(mail => mail.id)), [resolved]);
+  const checked = (0, _react.useMemo)(() => new Set(checkedIds ?? []), [checkedIds]);
+  const total = allIds.length;
+  const EmptyIcon = _shared.MAIL_EMPTY_ICON;
+  const toggle = (id, next) => {
+    if (onCheckedIdsChange === undefined) return;
+    const keep = allIds.filter(candidate => candidate === id ? next : checked.has(candidate));
+    onCheckedIdsChange(keep);
+  };
+  const body = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailListSkeleton.MailListSkeleton, {
+    count: loadingCount,
+    density: density,
+    testID: testID ? `${testID}-skeleton` : undefined
+  }) : total === 0 ? empty ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      paddingLeft: geo.paddingHorizontal,
+      paddingRight: geo.paddingHorizontal,
+      paddingTop: 48,
+      paddingBottom: 48,
+      alignItems: 'center',
+      gap: 8
+    },
+    testID: testID ? `${testID}-empty` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyIcon, {
+      width: 32,
+      height: 32,
+      fill: paint.textGraphical
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "headline-semibold",
+      style: {
+        color: paint.text,
+        textAlign: 'center'
+      },
+      children: text.emptyTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-regular",
+      style: {
+        color: paint.textSecondary,
+        textAlign: 'center',
+        maxWidth: 280
+      },
+      children: text.emptyDescription
+    })]
+  }) : resolved.map(section => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [section.title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MailSectionHeading, {
+      title: section.title,
+      paint: paint,
+      paddingHorizontal: geo.paddingHorizontal,
+      testID: testID ? `${testID}-heading-${section.key}` : undefined
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...(section.title !== undefined ? {
+        role: 'list',
+        accessibilityLabel: section.title
+      } : null),
+      children: section.mails.map(({
+        id,
+        date: _date,
+        actions,
+        swipeActions,
+        ...mail
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailRow.MailRow, {
+        ...mail,
+        actions: actions ?? rowActions,
+        swipeActions: swipeActions ?? rowSwipeActions,
+        actionsPlacement: mail.actionsPlacement ?? actionsPlacement,
+        swipeEnabled: mail.swipeEnabled ?? swipeEnabled,
+        density: density,
+        strings: mail.strings ?? strings,
+        selected: selectedId === id,
+        checked: checked.has(id),
+        onCheckedChange: onCheckedIdsChange ? next => toggle(id, next) : undefined,
+        onStarredChange: onMailStarredChange ? next => onMailStarredChange(id, next) : undefined,
+        onPress: onMailPress ? () => onMailPress(id) : undefined,
+        onLongPress: onMailLongPress ? () => onMailLongPress(id) : undefined,
+        onAction: onMailAction ? key => onMailAction(key, id) : undefined,
+        testID: testID ? `${testID}-mail-${id}` : undefined
+      }, id))
+    })]
+  }, section.key));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    ...(loading ? {
+      'aria-busy': true,
+      accessibilityState: {
+        busy: true
+      }
+    } : null),
+    style: style,
+    testID: testID,
+    children: [header, onCheckedIdsChange !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailSelectionBar.MailSelectionBar, {
+      count: checked.size,
+      total: total,
+      density: density,
+      strings: strings,
+      actions: bulkActions,
+      onAction: key => onBulkAction?.(key, [...checked]),
+      onSelectAll: next => onCheckedIdsChange(next ? [...allIds] : []),
+      onClear: () => onCheckedIdsChange([]),
+      testID: testID ? `${testID}-selection` : undefined
+    }) : null, body, footer]
+  });
+}
+const MailList = exports.MailList = /*#__PURE__*/(0, _react.memo)(MailListComponent);
+MailList.displayName = 'MailList';
+//# sourceMappingURL=MailList.js.map

package/lib/commonjs/mail-list/MailList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_adoptStyleSheet","_surfaceLevels","_useTheme","_index","_MailListSkeleton","_MailRow","_MailSelectionBar","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MailListComponent","sections","mails","density","selectedId","checkedIds","onCheckedIdsChange","bulkActions","onBulkAction","rowActions","rowSwipeActions","actionsPlacement","swipeEnabled","onMailPress","onMailLongPress","onMailAction","onMailStarredChange","loading","loadingCount","empty","header","footer","strings","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","useEffect","adoptStyleSheet","MAIL_LIST_STYLE_ID","MAIL_LIST_CSS","paint","useMemo","resolveMailPaint","text","mailStrings","geo","MAIL_ROW_GEOMETRY","resolved","undefined","key","allIds","flatMap","section","map","mail","id","checked","Set","total","length","EmptyIcon","MAIL_EMPTY_ICON","toggle","next","keep","filter","candidate","body","jsx","MailListSkeleton","count","jsxs","View","paddingLeft","paddingHorizontal","paddingRight","paddingTop","paddingBottom","alignItems","gap","children","width","height","fill","textGraphical","Text","variant","color","textAlign","emptyTitle","textSecondary","maxWidth","emptyDescription","title","MailSectionHeading","role","date","_date","actions","swipeActions","MailRow","selected","onCheckedChange","onStarredChange","onPress","onLongPress","onAction","accessibilityState","busy","MailSelectionBar","size","onSelectAll","onClear","MailList","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["mail-list/MailList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/mail-list/MailListSkeleton.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MailListSkeleton = MailListSkeleton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var Skeleton = _interopRequireWildcard(require("../skeleton/index.js"));
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Placeholder rows with `MailRow`'s exact geometry, so the list does not jump
+ * when the mail arrives. The widths vary a little per row — a block of
+ * identical bars reads as a table, not as a list of subjects.
+ *
+ * Hidden from assistive technology: announce loading ONCE on the surrounding
+ * region (`MailList` does, with `aria-busy`), not eight times.
+ */
+function MailListSkeleton({
+  count = 1,
+  density = 'comfortable',
+  style,
+  testID
+}) {
+  const geo = _shared.MAIL_ROW_GEOMETRY[density];
+  const compact = density === 'compact';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: style,
+    testID: testID,
+    children: Array.from({
+      length: count
+    }, (_, index) => {
+      const senderWidth = 38 + index * 37 % 26;
+      const subjectWidth = 52 + index * 23 % 30;
+      const snippetWidth = 60 + index * 17 % 28;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          minHeight: geo.minHeight,
+          ...(geo.height === undefined ? null : {
+            height: geo.height
+          }),
+          paddingTop: geo.paddingVertical,
+          paddingBottom: geo.paddingVertical,
+          paddingLeft: geo.paddingHorizontal,
+          paddingRight: geo.paddingHorizontal
+        },
+        testID: testID ? `${testID}-row-${index}` : undefined,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Circle, {
+          size: geo.avatar
+        }), compact ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            marginLeft: geo.gap,
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: geo.gap
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: geo.senderWidth,
+            height: 10,
+            borderRadius: 4
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: `${subjectWidth}%`,
+            height: 10,
+            borderRadius: 4
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            marginLeft: geo.gap,
+            gap: geo.lineGap + 6
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: `${senderWidth}%`,
+            height: 12,
+            borderRadius: 4
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: `${subjectWidth}%`,
+            height: 10,
+            borderRadius: 4
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: `${snippetWidth}%`,
+            height: 10,
+            borderRadius: 4
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            marginLeft: geo.gap
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: 28,
+            height: 10,
+            borderRadius: 4
+          })
+        })]
+      }, index);
+    })
+  });
+}
+//# sourceMappingURL=MailListSkeleton.js.map

package/lib/commonjs/mail-list/MailListSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","Skeleton","_interopRequireWildcard","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MailListSkeleton","count","density","style","testID","geo","MAIL_ROW_GEOMETRY","compact","jsx","View","importantForAccessibility","children","Array","from","length","_","index","senderWidth","subjectWidth","snippetWidth","jsxs","flexDirection","alignItems","minHeight","height","undefined","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","Circle","size","avatar","flex","minWidth","marginLeft","gap","Box","width","borderRadius","lineGap"],"sourceRoot":"../../../src","sources":["mail-list/MailListSkeleton.tsx"],"mappings":"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","ignoreList":[]}