@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/tenancy/RentPaymentList.js

@@ -0,0 +1,331 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Button } from '../button';
+import { RiDownload2Line } from "../icons/remix/index.js";
+import { useContainerWidth } from "../listing-details/use-container-width.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { RENT_PAYMENT_LIST_WIDE_MIN_WIDTH, RENT_PAYMENT_STATUS } from "./constants.js";
+import { FigureLabel, HousingCard, useHousingPalette } from "./parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A tenancy's rent payments, newest first, with the year's totals on top.
+ *
+ *   card       the housing card, unpadded; rows run edge to edge
+ *   summary    padding 20: optional `title` headline-semibold, then "Paid this
+ *              year" and "Outstanding" figures (caption label over
+ *              title-3-semibold, tabular) side by side, 32 apart; outstanding in
+ *              the error text colour with `outstandingTone="error"`
+ *   header     wide only: caption-1-medium column labels, text-secondary
+ *   row        min height 56, padding 12 / 20, hairline above.
+ *              wide (from 640): month body-medium | due date | method
+ *              (body-2-regular, secondary) | amount body-medium tabular, right |
+ *              status Badge | receipt button (a 32 secondary icon button, or a
+ *              32 spacer so the columns stay aligned)
+ *              narrow: month body-medium over "Due 1 Mar · Bank transfer"
+ *              caption; amount over the Badge on the right; receipt button
+ *
+ * Each row is a `listitem` of a `list`. The receipt button is named
+ * "Download receipt for March 2026" — a bare download glyph names nothing.
+ */
+
+const RECEIPT_WIDTH = 32;
+function RentPaymentListComponent({
+  payments,
+  title,
+  paidThisYear,
+  paidThisYearLabel = 'Paid this year',
+  outstanding,
+  outstandingLabel = 'Outstanding',
+  outstandingTone = 'default',
+  statusLabels,
+  receiptLabel = payment => `Download receipt for ${payment.month}`,
+  columnLabels,
+  formatDueDate = dueDate => `Due ${dueDate}`,
+  emptyLabel = 'No payments yet',
+  layout = 'auto',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useHousingPalette();
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const wide = layout === 'wide' || layout === 'auto' && width != null && width >= RENT_PAYMENT_LIST_WIDE_MIN_WIDTH;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const columns = {
+    month: 'Month',
+    dueDate: 'Due date',
+    method: 'Method',
+    amount: 'Amount',
+    status: 'Status',
+    ...columnLabels
+  };
+  const outstandingColor = outstandingTone === 'error' ? resolveAccentColors(theme.colors, 'error', 'outlined').foreground : palette.text;
+  const hasSummary = title != null || paidThisYear != null || outstanding != null;
+  const hasReceipts = payments.some(p => p.onDownloadReceipt);
+  const receipt = (payment, index) => payment.onDownloadReceipt ? /*#__PURE__*/_jsx(Button, {
+    variant: "secondary",
+    size: "small",
+    iconOnly: true,
+    leadingIcon: RiDownload2Line,
+    accessibilityLabel: receiptLabel(payment),
+    onPress: payment.onDownloadReceipt,
+    testID: id(`receipt-${index}`)
+  }) : hasReceipts ? /*#__PURE__*/_jsx(View, {
+    style: {
+      width: RECEIPT_WIDTH
+    }
+  }) : null;
+  const badge = (payment, index) => {
+    const info = RENT_PAYMENT_STATUS[payment.status];
+    return /*#__PURE__*/_jsx(Badge, {
+      content: payment.statusLabel ?? statusLabels?.[payment.status] ?? info.label,
+      color: info.tone,
+      variant: "subtle",
+      size: "medium",
+      testID: id(`status-${index}`)
+    });
+  };
+  const secondary = {
+    color: palette.textSecondary
+  };
+  return /*#__PURE__*/_jsx(HousingCard, {
+    padded: false,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      onLayout: onLayout,
+      children: [hasSummary ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          paddingTop: 20,
+          paddingBottom: 20,
+          paddingLeft: 20,
+          paddingRight: 20,
+          gap: 12
+        },
+        children: [title ? /*#__PURE__*/_jsx(Text, {
+          role: "heading",
+          "aria-level": 3,
+          variant: "headline-semibold",
+          style: {
+            color: palette.text
+          },
+          children: title
+        }) : null, paidThisYear != null || outstanding != null ? /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            columnGap: 32,
+            rowGap: 12
+          },
+          children: [paidThisYear != null ? /*#__PURE__*/_jsxs(View, {
+            style: {
+              gap: 2
+            },
+            testID: id('paid'),
+            children: [/*#__PURE__*/_jsx(FigureLabel, {
+              children: paidThisYearLabel
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "title-3-semibold",
+              style: {
+                color: palette.text,
+                fontVariant: ['tabular-nums']
+              },
+              children: paidThisYear
+            })]
+          }) : null, outstanding != null ? /*#__PURE__*/_jsxs(View, {
+            style: {
+              gap: 2
+            },
+            testID: id('outstanding'),
+            children: [/*#__PURE__*/_jsx(FigureLabel, {
+              children: outstandingLabel
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "title-3-semibold",
+              style: {
+                color: outstandingColor,
+                fontVariant: ['tabular-nums']
+              },
+              testID: id('outstanding-value'),
+              children: outstanding
+            })]
+          }) : null]
+        }) : null]
+      }) : null, wide && payments.length > 0 ? /*#__PURE__*/_jsxs(View, {
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        "aria-hidden": true,
+        testID: id('columns'),
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 16,
+          paddingTop: 8,
+          paddingBottom: 8,
+          paddingLeft: 20,
+          paddingRight: hasReceipts ? 12 : 20,
+          borderTopWidth: hasSummary ? 1 : 0,
+          borderTopColor: palette.hairline
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: [secondary, {
+            flex: 1.4
+          }],
+          children: columns.month
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: [secondary, {
+            flex: 1
+          }],
+          children: columns.dueDate
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: [secondary, {
+            flex: 1.2
+          }],
+          children: columns.method
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: [secondary, {
+            flex: 1,
+            textAlign: 'right'
+          }],
+          children: columns.amount
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: [secondary, {
+            width: 96
+          }],
+          children: columns.status
+        }), hasReceipts ? /*#__PURE__*/_jsx(View, {
+          style: {
+            width: RECEIPT_WIDTH
+          }
+        }) : null]
+      }) : null, payments.length === 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingTop: 24,
+          paddingBottom: 24,
+          paddingLeft: 20,
+          paddingRight: 20,
+          borderTopWidth: hasSummary ? 1 : 0,
+          borderTopColor: palette.hairline
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "body-regular",
+          style: secondary,
+          testID: id('empty'),
+          children: emptyLabel
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        role: "list",
+        children: payments.map((payment, index) => {
+          const rowStyle = {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: wide ? 16 : 12,
+            minHeight: 56,
+            paddingTop: 12,
+            paddingBottom: 12,
+            paddingLeft: 20,
+            paddingRight: hasReceipts ? 12 : 20,
+            borderTopWidth: index === 0 && !hasSummary && !wide ? 0 : 1,
+            borderTopColor: palette.hairline
+          };
+          return wide ? /*#__PURE__*/_jsxs(View, {
+            role: "listitem",
+            style: rowStyle,
+            testID: id(`row-${index}`),
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "body-medium",
+              numberOfLines: 1,
+              style: {
+                flex: 1.4,
+                color: palette.text
+              },
+              children: payment.month
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-2-regular",
+              numberOfLines: 1,
+              style: [secondary, {
+                flex: 1
+              }],
+              children: payment.dueDate
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-2-regular",
+              numberOfLines: 1,
+              style: [secondary, {
+                flex: 1.2
+              }],
+              children: payment.method ?? ''
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-medium",
+              numberOfLines: 1,
+              style: {
+                flex: 1,
+                color: palette.text,
+                textAlign: 'right',
+                fontVariant: ['tabular-nums']
+              },
+              children: payment.amount
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                width: 96,
+                alignItems: 'flex-start'
+              },
+              children: badge(payment, index)
+            }), receipt(payment, index)]
+          }, payment.id) : /*#__PURE__*/_jsxs(View, {
+            role: "listitem",
+            style: rowStyle,
+            testID: id(`row-${index}`),
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flex: 1,
+                minWidth: 0,
+                gap: 2
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: {
+                  color: palette.text
+                },
+                children: payment.month
+              }), /*#__PURE__*/_jsx(Text, {
+                variant: "caption-1-regular",
+                numberOfLines: 1,
+                style: secondary,
+                children: [formatDueDate(payment.dueDate), payment.method].filter(Boolean).join(' · ')
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                alignItems: 'flex-end',
+                gap: 4
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "body-medium",
+                style: {
+                  color: palette.text,
+                  fontVariant: ['tabular-nums']
+                },
+                children: payment.amount
+              }), badge(payment, index)]
+            }), receipt(payment, index)]
+          }, payment.id);
+        })
+      })]
+    })
+  });
+}
+export const RentPaymentList = /*#__PURE__*/memo(RentPaymentListComponent);
+RentPaymentList.displayName = 'RentPaymentList';
+//# sourceMappingURL=RentPaymentList.js.map

package/lib/module/tenancy/RentPaymentList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Badge","Button","RiDownload2Line","useContainerWidth","resolveAccentColors","useTheme","Text","RENT_PAYMENT_LIST_WIDE_MIN_WIDTH","RENT_PAYMENT_STATUS","FigureLabel","HousingCard","useHousingPalette","jsx","_jsx","jsxs","_jsxs","RECEIPT_WIDTH","RentPaymentListComponent","payments","title","paidThisYear","paidThisYearLabel","outstanding","outstandingLabel","outstandingTone","statusLabels","receiptLabel","payment","month","columnLabels","formatDueDate","dueDate","emptyLabel","layout","style","testID","theme","palette","width","onLayout","wide","id","part","undefined","columns","method","amount","status","outstandingColor","colors","foreground","text","hasSummary","hasReceipts","some","p","onDownloadReceipt","receipt","index","variant","size","iconOnly","leadingIcon","accessibilityLabel","onPress","badge","info","content","statusLabel","label","color","tone","secondary","textSecondary","padded","children","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","role","flexDirection","flexWrap","columnGap","rowGap","fontVariant","length","accessibilityElementsHidden","importantForAccessibility","alignItems","borderTopWidth","borderTopColor","hairline","flex","textAlign","map","rowStyle","minHeight","numberOfLines","minWidth","filter","Boolean","join","RentPaymentList","displayName"],"sourceRoot":"../../../src","sources":["tenancy/RentPaymentList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tenancy/TenancyTimeline.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { IS_WEB, joinName, resolveHousingPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A vertical history of tenancy events, oldest first.
+ *
+ *   marker       comfortable: a 12 dot in a 24 column, or a 24 disc with a 14
+ *                icon when the event has one; compact: an 8 dot in a 16 column.
+ *                `complete` fills with the tone, `current` fills and adds a 3px
+ *                tint halo, `upcoming` is hollow (1.5px neutral-300 / 500 ring on the
+ *                surface) and its text turns secondary.
+ *   connector    2px hairline (neutral-200 / 700) from under a marker to the
+ *                next row, radius 1, 4 clear of the marker
+ *   text         title body-medium (compact body-2-medium; semibold when
+ *                `current`), meta "date · actor" body-2-regular (compact
+ *                caption-1-regular) text-secondary, description body-2-regular
+ *   rhythm       20 between events (compact 12), 12 between marker and text
+ *
+ * A `list` of `listitem`s. Each marker is an `img` named by its state ("Done",
+ * "In progress", "Not yet"), so a screen reader hears the state before the
+ * title it belongs to.
+ */
+
+const GEOMETRY = {
+  comfortable: {
+    column: 24,
+    dot: 12,
+    line: 20,
+    gap: 20,
+    title: 'body-medium',
+    meta: 'body-2-regular'
+  },
+  compact: {
+    column: 16,
+    dot: 8,
+    line: 18,
+    gap: 12,
+    title: 'body-2-medium',
+    meta: 'caption-1-regular'
+  }
+};
+const DEFAULT_STATE_LABELS = {
+  complete: 'Done',
+  current: 'In progress',
+  upcoming: 'Not yet'
+};
+function TenancyTimelineComponent({
+  events,
+  density = 'comfortable',
+  accessibilityLabel,
+  stateLabels,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveHousingPalette(theme), [theme]);
+  const g = GEOMETRY[density];
+  const labels = {
+    ...DEFAULT_STATE_LABELS,
+    ...stateLabels
+  };
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    testID: testID,
+    children: events.map((event, index) => {
+      const state = event.state ?? 'complete';
+      const last = index === events.length - 1;
+      const accent = resolveAccentColors(theme.colors, event.tone ?? 'primary', 'solid');
+      const tint = resolveAccentColors(theme.colors, event.tone ?? 'primary', 'subtle').background;
+      const Icon = density === 'comfortable' ? event.icon : undefined;
+      const upcoming = state === 'upcoming';
+      const id = part => testID ? `${testID}-${index}-${part}` : undefined;
+      const markerSize = Icon ? g.column : state === 'current' ? g.dot + 6 : g.dot;
+      // The marker sits centred on the title's first line; a disc is as tall as the column.
+      const markerBox = Math.max(g.line, markerSize);
+      const marker = /*#__PURE__*/_jsx(View, {
+        accessible: true,
+        accessibilityLabel: labels[state],
+        ...(IS_WEB ? {
+          role: 'img'
+        } : {
+          accessibilityRole: 'image'
+        }),
+        testID: id('marker'),
+        style: {
+          width: markerSize,
+          height: markerSize,
+          borderRadius: markerSize / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: upcoming ? palette.surface : accent.background,
+          borderWidth: upcoming ? 1.5 : state === 'current' && !Icon ? 3 : 0,
+          borderColor: upcoming ? palette.markerRing : tint
+        },
+        children: Icon ? /*#__PURE__*/_jsx(Icon, {
+          width: 14,
+          height: 14,
+          fill: upcoming ? palette.textSecondary : accent.foreground
+        }) : null
+      });
+      const meta = joinName([event.date, event.actor], ' · ');
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        testID: id('item'),
+        style: {
+          flexDirection: 'row',
+          gap: 12
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: g.column,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              height: markerBox,
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            children: marker
+          }), !last ? /*#__PURE__*/_jsx(View, {
+            testID: id('connector'),
+            style: {
+              flex: 1,
+              width: 2,
+              minHeight: 8,
+              marginTop: 4,
+              borderRadius: 1,
+              backgroundColor: palette.hairline
+            }
+          }) : null]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2,
+            paddingTop: (markerBox - g.line) / 2,
+            paddingBottom: last ? 0 : g.gap
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: state === 'current' ? density === 'compact' ? 'body-2-semibold' : 'body-semibold' : g.title,
+            style: {
+              color: upcoming ? palette.textSecondary : palette.text
+            },
+            testID: id('title'),
+            children: event.title
+          }), meta ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            style: {
+              color: palette.textSecondary
+            },
+            testID: id('meta'),
+            children: meta
+          }) : null, event.description ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            style: {
+              color: upcoming ? palette.textSecondary : palette.text,
+              marginTop: 2
+            },
+            children: event.description
+          }) : null]
+        })]
+      }, event.id ?? index);
+    })
+  });
+}
+export const TenancyTimeline = /*#__PURE__*/memo(TenancyTimelineComponent);
+TenancyTimeline.displayName = 'TenancyTimeline';
+//# sourceMappingURL=TenancyTimeline.js.map

package/lib/module/tenancy/TenancyTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","resolveAccentColors","useTheme","Text","IS_WEB","joinName","resolveHousingPalette","jsx","_jsx","jsxs","_jsxs","GEOMETRY","comfortable","column","dot","line","gap","title","meta","compact","DEFAULT_STATE_LABELS","complete","current","upcoming","TenancyTimelineComponent","events","density","accessibilityLabel","stateLabels","style","testID","theme","palette","g","labels","role","children","map","event","index","state","last","length","accent","colors","tone","tint","background","Icon","icon","undefined","id","part","markerSize","markerBox","Math","max","marker","accessible","accessibilityRole","width","height","borderRadius","alignItems","justifyContent","backgroundColor","surface","borderWidth","borderColor","markerRing","fill","textSecondary","foreground","date","actor","flexDirection","flex","minHeight","marginTop","hairline","minWidth","paddingTop","paddingBottom","variant","color","text","description","TenancyTimeline","displayName"],"sourceRoot":"../../../src","sources":["tenancy/TenancyTimeline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tenancy/constants.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { RiDropLine, RiFilePdf2Line, RiFileImageLine, RiFileTextLine, RiFileWord2Line, RiFlashlightLine, RiFridgeLine, RiTempHotLine, RiToolsLine } from "../icons/remix/index.js";
+/** `LeaseSummaryCard`'s next-payment badge. */
+export const LEASE_PAYMENT_STATUS = {
+  upcoming: {
+    tone: 'info',
+    label: 'Upcoming'
+  },
+  due: {
+    tone: 'warning',
+    label: 'Due soon'
+  },
+  overdue: {
+    tone: 'error',
+    label: 'Overdue'
+  },
+  paid: {
+    tone: 'success',
+    label: 'Paid'
+  }
+};
+
+/** `RentPaymentList`'s row badge. */
+export const RENT_PAYMENT_STATUS = {
+  paid: {
+    tone: 'success',
+    label: 'Paid'
+  },
+  pending: {
+    tone: 'warning',
+    label: 'Pending'
+  },
+  overdue: {
+    tone: 'error',
+    label: 'Overdue'
+  },
+  partial: {
+    tone: 'info',
+    label: 'Partial'
+  }
+};
+
+/** `MaintenanceRequestCard`'s category icon and word. */
+export const MAINTENANCE_CATEGORY = {
+  plumbing: {
+    icon: RiDropLine,
+    label: 'Plumbing'
+  },
+  electrical: {
+    icon: RiFlashlightLine,
+    label: 'Electrical'
+  },
+  appliances: {
+    icon: RiFridgeLine,
+    label: 'Appliances'
+  },
+  heating: {
+    icon: RiTempHotLine,
+    label: 'Heating'
+  },
+  other: {
+    icon: RiToolsLine,
+    label: 'Other'
+  }
+};
+
+/** `MaintenanceRequestCard`'s priority chip. */
+export const MAINTENANCE_PRIORITY = {
+  low: {
+    tone: 'default',
+    label: 'Low priority'
+  },
+  medium: {
+    tone: 'info',
+    label: 'Medium priority'
+  },
+  high: {
+    tone: 'warning',
+    label: 'High priority'
+  },
+  urgent: {
+    tone: 'error',
+    label: 'Urgent'
+  }
+};
+
+/** The stages in order, with the status badge each draws while it is the latest. */
+export const MAINTENANCE_STAGES = ['reported', 'acknowledged', 'scheduled', 'resolved'];
+export const MAINTENANCE_STAGE = {
+  reported: {
+    tone: 'warning',
+    label: 'Reported'
+  },
+  acknowledged: {
+    tone: 'info',
+    label: 'Acknowledged'
+  },
+  scheduled: {
+    tone: 'primary',
+    label: 'Scheduled'
+  },
+  resolved: {
+    tone: 'success',
+    label: 'Resolved'
+  }
+};
+
+/** `DocumentList`'s status badge. */
+export const TENANCY_DOCUMENT_STATUS = {
+  signed: {
+    tone: 'success',
+    label: 'Signed'
+  },
+  pending: {
+    tone: 'warning',
+    label: 'Pending signature'
+  },
+  expired: {
+    tone: 'error',
+    label: 'Expired'
+  }
+};
+export const TENANCY_DOCUMENT_ICON = {
+  pdf: RiFilePdf2Line,
+  image: RiFileImageLine,
+  document: RiFileWord2Line,
+  other: RiFileTextLine
+};
+
+/** Width breakpoints of the `auto` layouts. */
+export const LEASE_CARD_WIDE_MIN_WIDTH = 520;
+export const RENT_PAYMENT_LIST_WIDE_MIN_WIDTH = 640;
+export const DOCUMENT_LIST_WIDE_MIN_WIDTH = 560;
+//# sourceMappingURL=constants.js.map