@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/commonjs/pipeline/DealCard.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DealCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _index2 = require("../badge/index.js");
+var _button = require("../button");
+var _index3 = require("../card/index.js");
+var _RiArrowLeftRightLine = require("../icons/remix/RiArrowLeftRightLine.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index4 = require("../typography/index.js");
+var _constants = require("./constants.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); }
+/**
+ * One deal, as it appears in a column.
+ *
+ *   header   the title (2 lines max) with the move action and the `actions` slot
+ *            beside it
+ *   account  the company, quiet, one line
+ *   figures  the AMOUNT on the left and the close date on the right, both one
+ *            line and neither allowed to wrap — an amount broken across two
+ *            lines is a different number to a reader
+ *   footer   the health signal, and the owner's avatar
+ *
+ * **The amount is a STRING the app formats.** Currency, locale, rounding and
+ * abbreviation are four decisions the card cannot make, and a card that guessed
+ * one of them would be wrong in a way nobody notices until a customer does.
+ *
+ * **The press target is the title block, not the card.** The move action and the
+ * `actions` slot are controls, and a control inside a control is invalid on web
+ * and ambiguous everywhere else — so `onPress` is bound to the text, which is
+ * still the largest target on the card.
+ */
+function DealCardComponent({
+  title,
+  account,
+  amount,
+  closeDate,
+  owner,
+  stage,
+  health,
+  healthLabel,
+  stalledFor,
+  onPress,
+  onMove,
+  moveLabel,
+  actions,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolvePipelinePaint)(theme, theme.colors.card), [theme]);
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.PIPELINE_STYLE_ID, _shared.PIPELINE_WEB_CSS);
+  }, []);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const signal = (0, _shared.dealHealthLabel)({
+    health,
+    healthLabel,
+    stalledFor
+  });
+  const HealthIcon = health === undefined ? undefined : _constants.DEAL_HEALTH[health].icon;
+  const titleBlock = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+      variant: "body-semibold",
+      numberOfLines: 2,
+      style: {
+        color: paint.text
+      },
+      testID: id('title'),
+      children: title
+    }), account ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      testID: id('account'),
+      children: account
+    }) : null]
+  });
+  const ringVars = {
+    '--bloom-deal-ring': paint.ring
+  };
+  const subject = onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? (0, _shared.joinDealName)([title, account, amount]),
+    onPress: onPress,
+    ...(0, _webData.webDataSet)({
+      bloomDealSubject: ''
+    }),
+    style: ({
+      pressed
+    }) => [{
+      flex: 1,
+      minWidth: 0,
+      borderRadius: 8,
+      ...ringVars
+    }, pressed ? {
+      opacity: 0.7
+    } : null],
+    testID: id('subject'),
+    children: titleBlock
+  }) : titleBlock;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+    level: 2,
+    fill: paint.surface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.Card, {
+      variant: "outlined",
+      radius: "radius-12",
+      style: [{
+        padding: _constants.DEAL_CARD_PADDING,
+        gap: 8,
+        ...(0, _surfaceLevels.surfaceFillVars)(paint.surface)
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'flex-start',
+          gap: 4
+        },
+        children: [subject, onMove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+          icon: _RiArrowLeftRightLine.RiArrowLeftRightLine,
+          size: 32,
+          glyphSize: 18,
+          onPress: onMove,
+          hoverFill: paint.raised,
+          ring: paint.ring,
+          accessibilityLabel: moveLabel ?? `Move ${title}`,
+          testID: id('move')
+        }) : null, actions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flexShrink: 0
+          },
+          testID: id('actions'),
+          children: actions
+        }) : null]
+      }), amount || closeDate ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'baseline',
+          justifyContent: 'space-between',
+          gap: 8
+        },
+        children: [amount ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+          variant: "headline-semibold",
+          numberOfLines: 1,
+          style: {
+            color: paint.text,
+            flexShrink: 0
+          },
+          testID: id('amount'),
+          children: amount
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), closeDate ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textTertiary,
+            flexShrink: 1,
+            textAlign: 'right'
+          },
+          testID: id('close-date'),
+          children: closeDate
+        }) : null]
+      }) : null, signal || stage || owner ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [signal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Badge, {
+          content: signal,
+          icon: HealthIcon,
+          variant: "subtle",
+          color: (0, _shared.dealHealthTone)(health),
+          size: "label-small",
+          testID: id('health')
+        }) : null, stage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Badge, {
+          content: stage,
+          variant: "outlined",
+          color: "default",
+          size: "label-small",
+          testID: id('stage')
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1
+          }
+        }), owner ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+          size: 24,
+          source: owner.avatar,
+          name: owner.name,
+          alt: owner.name,
+          testID: id('owner')
+        }) : null]
+      }) : null]
+    })
+  });
+}
+const DealCard = exports.DealCard = /*#__PURE__*/(0, _react.memo)(DealCardComponent);
+DealCard.displayName = 'DealCard';
+//# sourceMappingURL=DealCard.js.map

package/lib/commonjs/pipeline/DealCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_button","_index3","_RiArrowLeftRightLine","_adoptStyleSheet","_surfaceLevels","_webData","_useTheme","_index4","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DealCardComponent","title","account","amount","closeDate","owner","stage","health","healthLabel","stalledFor","onPress","onMove","moveLabel","actions","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolvePipelinePaint","colors","card","useEffect","adoptStyleSheet","PIPELINE_STYLE_ID","PIPELINE_WEB_CSS","id","part","undefined","signal","dealHealthLabel","HealthIcon","DEAL_HEALTH","icon","titleBlock","jsxs","View","flex","minWidth","gap","children","jsx","Text","variant","numberOfLines","color","text","textSecondary","ringVars","ring","subject","Pressable","accessibilityRole","joinDealName","webDataSet","bloomDealSubject","pressed","borderRadius","opacity","SurfaceLevelProvider","level","fill","surface","Card","radius","padding","DEAL_CARD_PADDING","surfaceFillVars","flexDirection","alignItems","GlyphButton","RiArrowLeftRightLine","size","glyphSize","hoverFill","raised","flexShrink","justifyContent","textTertiary","textAlign","Badge","content","dealHealthTone","Avatar","source","avatar","name","alt","DealCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["pipeline/DealCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pipeline/PipelineBoard.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PipelineBoard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _useControllableState = require("../hooks/use-controllable-state.js");
+var _useContainerWidth = require("../hooks/use-container-width.js");
+var _PipelineColumn = require("./PipelineColumn.js");
+var _constants = require("./constants.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 stages side by side, or one at a time.
+ *
+ *   board    a horizontal scroller of fixed-width columns, 12 apart. The
+ *            scroller is the board's own, so the page behind it does not move
+ *            sideways when a column overflows.
+ *   single   a scrolling TAB ROW of stage names and the selected column at full
+ *            width. This is the phone layout: five stage names do not fit a
+ *            `SegmentedControl` at 390, and a segmented control that clips is
+ *            worse than a row that admits it scrolls.
+ *   auto     measures ITSELF and picks — so a board in a side panel behaves
+ *            like a phone without asking the window how wide it is.
+ *
+ * **THERE IS NO DRAG AND DROP, deliberately.** Moving a deal between stages is
+ * the app's transaction — it has the optimistic update, the rollback, the
+ * permission check and the undo — and a half-built drag (one that reorders the
+ * view and forgets to tell the server, or that fights a horizontal scroller on
+ * a touch screen) is worse than none. What the board exposes instead is the
+ * AFFORDANCE: `DealCard`'s `onMove`, plus its `actions` slot for a menu. See
+ * `docs/pipeline.mdx`.
+ *
+ * The board never inspects what `renderStage` returns, and never reads a child's
+ * type to decide anything: the stage list is data, the cards are opaque.
+ */
+function resolveLayout(layout, width, singleMaxWidth) {
+  if (layout !== 'auto') return layout;
+  // Before the first layout the width is unknown. `board` is the honest default:
+  // it scrolls, so it is merely cramped at a phone width, while `single` on a
+  // desktop would hide four columns behind a tab row nobody asked for.
+  if (width === null) return 'board';
+  return width <= singleMaxWidth ? 'single' : 'board';
+}
+function PipelineBoardComponent({
+  stages,
+  renderStage,
+  layout = 'auto',
+  stageId,
+  defaultStageId,
+  onStageChange,
+  columnWidth = _constants.PIPELINE_COLUMN_WIDTH,
+  singleMaxWidth = _constants.PIPELINE_SINGLE_MAX_WIDTH,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const [selectedId, setSelectedId] = (0, _useControllableState.useControllableState)({
+    value: stageId,
+    defaultValue: defaultStageId ?? stages[0]?.id,
+    onChange: next => {
+      if (next !== undefined) onStageChange?.(next);
+    }
+  });
+  const resolved = resolveLayout(layout, width, singleMaxWidth);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const column = (stage, fixedWidth) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PipelineColumn.PipelineColumn, {
+    name: stage.name,
+    count: stage.count,
+    total: stage.total,
+    tone: stage.tone,
+    emptyLabel: stage.emptyLabel,
+    loading: stage.loading,
+    onLoadMore: stage.onLoadMore,
+    loadMoreLabel: stage.loadMoreLabel,
+    width: fixedWidth,
+    testID: id(`column-${stage.id}`),
+    children: renderStage(stage)
+  }, stage.id);
+  if (resolved === 'single') {
+    const current = stages.find(stage => stage.id === selectedId) ?? stages[0];
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: onLayout,
+      style: [{
+        minWidth: 0
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChipRow, {
+        role: "tablist",
+        accessibilityLabel: accessibilityLabel ?? 'Pipeline stages',
+        gap: 6,
+        style: {
+          minWidth: 0
+        },
+        testID: id('tabs'),
+        children: stages.map(stage => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+          role: "tab",
+          size: "xl",
+          selected: stage.id === current?.id,
+          onPress: () => setSelectedId(stage.id),
+          accessibilityLabel: stage.count === undefined ? stage.name : `${stage.name}, ${stage.count} deals`,
+          testID: id(`tab-${stage.id}`),
+          children: stage.name
+        }, stage.id))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          marginTop: 12
+        },
+        children: current ? column(current, undefined) : null
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    style: [{
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      accessibilityLabel: accessibilityLabel
+      // `minWidth: 0` is what makes this SCROLL rather than stretch. A flex
+      // item's automatic minimum is its content width, so without it five
+      // 288 columns widen the board, then the page, then the document — the
+      // whole screen scrolls sideways and the board never does.
+      ,
+      style: {
+        minWidth: 0
+      },
+      contentContainerStyle: {
+        gap: 12,
+        alignItems: 'flex-start'
+      },
+      testID: id('scroller'),
+      children: stages.map(stage => column(stage, columnWidth))
+    })
+  });
+}
+const PipelineBoard = exports.PipelineBoard = /*#__PURE__*/(0, _react.memo)(PipelineBoardComponent);
+PipelineBoard.displayName = 'PipelineBoard';
+//# sourceMappingURL=PipelineBoard.js.map

package/lib/commonjs/pipeline/PipelineBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useControllableState","_useContainerWidth","_PipelineColumn","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveLayout","layout","width","singleMaxWidth","PipelineBoardComponent","stages","renderStage","stageId","defaultStageId","onStageChange","columnWidth","PIPELINE_COLUMN_WIDTH","PIPELINE_SINGLE_MAX_WIDTH","accessibilityLabel","style","testID","onLayout","useContainerWidth","selectedId","setSelectedId","useControllableState","value","defaultValue","id","onChange","next","undefined","resolved","part","column","stage","fixedWidth","jsx","PipelineColumn","name","count","total","tone","emptyLabel","loading","onLoadMore","loadMoreLabel","children","current","find","jsxs","View","minWidth","ChipRow","role","gap","map","Chip","size","selected","onPress","marginTop","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","alignItems","PipelineBoard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["pipeline/PipelineBoard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pipeline/PipelineColumn.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PipelineColumn = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../badge/index.js");
+var _button = require("../button");
+var Skeleton = _interopRequireWildcard(require("../skeleton/index.js"));
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _constants = require("./constants.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); }
+/**
+ * ONE STAGE: its name, how many deals are in it, what they add up to, and the
+ * cards themselves.
+ *
+ *   header   a 8 dot in the stage's tone, the name, the count as a counter
+ *            badge, and the TOTAL right-aligned on one line — an amount that
+ *            wraps mid-number is a different number to a reader
+ *   rule     a hairline under the header, read off the column's own fill
+ *   body     the cards at 8 apart, or the empty state, or the placeholders
+ *   footer   the "load more" action, when the app has more to give
+ *
+ * The column paints ONE STEP off whatever is behind it (`surfaceFillOn`) and
+ * publishes that fill, so the cards inside step off the column rather than off
+ * the page — the same column reads on a page, in a panel and in a dialog.
+ *
+ * The TOTAL is a string the app supplies, for the reason `DealCard`'s amount is.
+ */
+function PipelineColumnComponent({
+  name,
+  count,
+  total,
+  tone = 'primary',
+  emptyLabel = 'No deals in this stage',
+  loading = false,
+  onLoadMore,
+  loadMoreLabel = 'Load more',
+  children,
+  width,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const behind = (0, _surfaceLevels.useSurfaceFill)();
+  const fill = (0, _react.useMemo)(() => (0, _shared.pipelineColumnFill)(theme, behind), [theme, behind]);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolvePipelinePaint)(theme, fill), [theme, fill]);
+  const dot = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'solid').background;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const hasCards = _react.default.Children.count(children) > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+    level: 1,
+    fill: paint.surface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [{
+        width,
+        backgroundColor: paint.surface,
+        borderRadius: 16,
+        padding: _constants.PIPELINE_COLUMN_PADDING,
+        gap: _constants.PIPELINE_CARD_GAP,
+        ...(0, _surfaceLevels.surfaceFillVars)(paint.surface)
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8,
+          paddingBottom: _constants.PIPELINE_CARD_GAP,
+          borderBottomWidth: 1,
+          borderBottomColor: paint.hairline
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: 8,
+            height: 8,
+            borderRadius: 4,
+            backgroundColor: dot
+          },
+          testID: id('dot')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-semibold",
+          numberOfLines: 1,
+          style: {
+            color: paint.text,
+            flexShrink: 1
+          },
+          testID: id('name'),
+          children: name
+        }), count === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Badge, {
+          content: count,
+          variant: "subtle",
+          color: "default",
+          size: "medium",
+          testID: id('count')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1
+          }
+        }), total ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.textSecondary,
+            flexShrink: 0
+          },
+          testID: id('total'),
+          children: total
+        }) : null]
+      }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: _constants.PIPELINE_CARD_GAP
+        },
+        testID: id('loading'),
+        children: Array.from({
+          length: _constants.PIPELINE_SKELETON_CARDS
+        }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+          height: 92,
+          borderRadius: 12
+        }, index))
+      }) : hasCards ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: _constants.PIPELINE_CARD_GAP
+        },
+        children: children
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          paddingTop: 20,
+          paddingBottom: 20,
+          paddingLeft: 12,
+          paddingRight: 12,
+          borderRadius: 12,
+          borderWidth: 1,
+          borderColor: paint.hairline,
+          alignItems: 'center'
+        },
+        testID: id('empty'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-2-regular",
+          style: {
+            color: paint.textTertiary,
+            textAlign: 'center'
+          },
+          children: emptyLabel
+        })
+      }), onLoadMore && !loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "text",
+        size: "small",
+        onPress: onLoadMore,
+        testID: id('load-more'),
+        children: loadMoreLabel
+      }) : null]
+    })
+  });
+}
+const PipelineColumn = exports.PipelineColumn = /*#__PURE__*/(0, _react.memo)(PipelineColumnComponent);
+PipelineColumn.displayName = 'PipelineColumn';
+//# sourceMappingURL=PipelineColumn.js.map

package/lib/commonjs/pipeline/PipelineColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_button","Skeleton","_surfaceLevels","_accentColors","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PipelineColumnComponent","name","count","total","tone","emptyLabel","loading","onLoadMore","loadMoreLabel","children","width","style","testID","theme","useTheme","behind","useSurfaceFill","fill","useMemo","pipelineColumnFill","paint","resolvePipelinePaint","dot","resolveAccentColors","colors","background","id","part","undefined","hasCards","React","Children","jsx","SurfaceLevelProvider","level","surface","jsxs","View","backgroundColor","borderRadius","padding","PIPELINE_COLUMN_PADDING","gap","PIPELINE_CARD_GAP","surfaceFillVars","flexDirection","alignItems","paddingBottom","borderBottomWidth","borderBottomColor","hairline","height","Text","variant","numberOfLines","color","text","flexShrink","Badge","content","size","flex","textSecondary","Array","from","length","PIPELINE_SKELETON_CARDS","_","index","Box","paddingTop","paddingLeft","paddingRight","borderWidth","borderColor","textTertiary","textAlign","Button","onPress","PipelineColumn","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["pipeline/PipelineColumn.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pipeline/constants.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PIPELINE_SKELETON_CARDS = exports.PIPELINE_SINGLE_MAX_WIDTH = exports.PIPELINE_COLUMN_WIDTH = exports.PIPELINE_COLUMN_PADDING = exports.PIPELINE_CARD_GAP = exports.DEAL_HEALTH = exports.DEAL_CARD_PADDING = void 0;
+var _RiAlarmWarningLine = require("../icons/remix/RiAlarmWarningLine.js");
+var _RiCheckboxCircleLine = require("../icons/remix/RiCheckboxCircleLine.js");
+var _RiTimeLine = require("../icons/remix/RiTimeLine.js");
+/**
+ * The one health signal, as a tone, a word and a glyph.
+ *
+ * A tone rather than a colour: `resolveAccentColors` owns what "warning" looks
+ * like on the surface the card lands on, in both modes and in all 64 presets,
+ * and a card that picked a red would be wrong in half of them.
+ */
+const DEAL_HEALTH = exports.DEAL_HEALTH = {
+  'on-track': {
+    tone: 'success',
+    label: 'On track',
+    icon: _RiCheckboxCircleLine.RiCheckboxCircleLine
+  },
+  'at-risk': {
+    tone: 'warning',
+    label: 'At risk',
+    icon: _RiAlarmWarningLine.RiAlarmWarningLine
+  },
+  stalled: {
+    tone: 'error',
+    label: 'Stalled',
+    icon: _RiTimeLine.RiTimeLine
+  }
+};
+
+/** Card geometry. */
+const DEAL_CARD_PADDING = exports.DEAL_CARD_PADDING = 12;
+
+/** Column geometry: the pad inside a column, and the gap between its cards. */
+const PIPELINE_COLUMN_PADDING = exports.PIPELINE_COLUMN_PADDING = 12;
+const PIPELINE_CARD_GAP = exports.PIPELINE_CARD_GAP = 8;
+
+/**
+ * A column is 288 wide on a board — wide enough for an amount and a close date
+ * on one line at the card's type ramp, narrow enough that three fit a 960 pane.
+ */
+const PIPELINE_COLUMN_WIDTH = exports.PIPELINE_COLUMN_WIDTH = 288;
+
+/**
+ * At or below 700 the board draws ONE column at a time. Measured on the column:
+ * two 288 columns plus the 12 gap and the board's own gutters need 620, and a
+ * board that shows one and a half columns reads as broken rather than as
+ * scrollable.
+ */
+const PIPELINE_SINGLE_MAX_WIDTH = exports.PIPELINE_SINGLE_MAX_WIDTH = 700;
+
+/** Placeholder cards drawn while a column is loading. */
+const PIPELINE_SKELETON_CARDS = exports.PIPELINE_SKELETON_CARDS = 3;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/pipeline/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiAlarmWarningLine","require","_RiCheckboxCircleLine","_RiTimeLine","DEAL_HEALTH","exports","tone","label","icon","RiCheckboxCircleLine","RiAlarmWarningLine","stalled","RiTimeLine","DEAL_CARD_PADDING","PIPELINE_COLUMN_PADDING","PIPELINE_CARD_GAP","PIPELINE_COLUMN_WIDTH","PIPELINE_SINGLE_MAX_WIDTH","PIPELINE_SKELETON_CARDS"],"sourceRoot":"../../../src","sources":["pipeline/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,WAGZ,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACF,UAAU,EAAE;IAAEE,IAAI,EAAE,SAAS;IAAEC,KAAK,EAAE,UAAU;IAAEC,IAAI,EAAEC;EAAqB,CAAC;EAC9E,SAAS,EAAE;IAAEH,IAAI,EAAE,SAAS;IAAEC,KAAK,EAAE,SAAS;IAAEC,IAAI,EAAEE;EAAmB,CAAC;EAC1EC,OAAO,EAAE;IAAEL,IAAI,EAAE,OAAO;IAAEC,KAAK,EAAE,SAAS;IAAEC,IAAI,EAAEI;EAAW;AAC/D,CAAC;;AAED;AACO,MAAMC,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,EAAE;;AAEnC;AACO,MAAMC,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAG,EAAE;AAClC,MAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,CAAC;;AAElC;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,GAAG;;AAExC;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,yBAAyB,GAAAZ,OAAA,CAAAY,yBAAA,GAAG,GAAG;;AAE5C;AACO,MAAMC,uBAAuB,GAAAb,OAAA,CAAAa,uBAAA,GAAG,CAAC","ignoreList":[]}