@oxy.so/bloom 3.5.0 → 4.0.0

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":[]}

package/lib/commonjs/pipeline/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEAL_CARD_PADDING", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEAL_CARD_PADDING;
+  }
+});
+Object.defineProperty(exports, "DEAL_HEALTH", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEAL_HEALTH;
+  }
+});
+Object.defineProperty(exports, "DealCard", {
+  enumerable: true,
+  get: function () {
+    return _DealCard.DealCard;
+  }
+});
+Object.defineProperty(exports, "PIPELINE_CARD_GAP", {
+  enumerable: true,
+  get: function () {
+    return _constants.PIPELINE_CARD_GAP;
+  }
+});
+Object.defineProperty(exports, "PIPELINE_COLUMN_PADDING", {
+  enumerable: true,
+  get: function () {
+    return _constants.PIPELINE_COLUMN_PADDING;
+  }
+});
+Object.defineProperty(exports, "PIPELINE_COLUMN_WIDTH", {
+  enumerable: true,
+  get: function () {
+    return _constants.PIPELINE_COLUMN_WIDTH;
+  }
+});
+Object.defineProperty(exports, "PIPELINE_SINGLE_MAX_WIDTH", {
+  enumerable: true,
+  get: function () {
+    return _constants.PIPELINE_SINGLE_MAX_WIDTH;
+  }
+});
+Object.defineProperty(exports, "PIPELINE_SKELETON_CARDS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PIPELINE_SKELETON_CARDS;
+  }
+});
+Object.defineProperty(exports, "PipelineBoard", {
+  enumerable: true,
+  get: function () {
+    return _PipelineBoard.PipelineBoard;
+  }
+});
+Object.defineProperty(exports, "PipelineColumn", {
+  enumerable: true,
+  get: function () {
+    return _PipelineColumn.PipelineColumn;
+  }
+});
+Object.defineProperty(exports, "dealHealthLabel", {
+  enumerable: true,
+  get: function () {
+    return _shared.dealHealthLabel;
+  }
+});
+Object.defineProperty(exports, "dealHealthTone", {
+  enumerable: true,
+  get: function () {
+    return _shared.dealHealthTone;
+  }
+});
+Object.defineProperty(exports, "pipelineColumnFill", {
+  enumerable: true,
+  get: function () {
+    return _shared.pipelineColumnFill;
+  }
+});
+Object.defineProperty(exports, "resolvePipelinePaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolvePipelinePaint;
+  }
+});
+var _DealCard = require("./DealCard.js");
+var _PipelineBoard = require("./PipelineBoard.js");
+var _PipelineColumn = require("./PipelineColumn.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DealCard","require","_PipelineBoard","_PipelineColumn","_constants","_shared"],"sourceRoot":"../../../src","sources":["pipeline/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AASA,IAAAI,OAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/pipeline/shared.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PIPELINE_WEB_CSS = exports.PIPELINE_STYLE_ID = void 0;
+exports.dealHealthLabel = dealHealthLabel;
+exports.dealHealthTone = dealHealthTone;
+exports.joinDealName = joinDealName;
+exports.pipelineColumnFill = pipelineColumnFill;
+exports.resolvePipelinePaint = resolvePipelinePaint;
+var _interactiveWebCss = require("../styles/interactive-web-css.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _constants = require("./constants.js");
+/**
+ * What the pipeline paints, and the pure helpers the components and their tests
+ * both read.
+ *
+ * One resolver, asked once per PART, with the fill that part actually paints:
+ * a column is a step off whatever is behind it (`surfaceFillOn`), a deal card is
+ * the `card` role. Both then read their hairline and their three text rungs off
+ * the colour they are really on, so the same column reads on a page, inside a
+ * panel and inside a dialog without being told which one it is.
+ */
+
+/** Everything a pipeline part paints, given the fill it actually has. */
+function resolvePipelinePaint(theme, surface) {
+  const text = (0, _surfaceLevels.surfaceTextOn)(theme, surface);
+  return {
+    surface,
+    hairline: (0, _surfaceLevels.hairlineOn)(theme, surface),
+    raised: (0, _surfaceLevels.surfaceFillOn)(theme, surface),
+    text: text.text,
+    textSecondary: text.textSecondary,
+    textTertiary: text.textTertiary,
+    ring: theme.colors.primary
+  };
+}
+
+/** A column's own fill: one step off whatever is behind the board. */
+function pipelineColumnFill(theme, behind) {
+  return (0, _surfaceLevels.surfaceFillOn)(theme, behind);
+}
+
+/**
+ * The health signal's word. `stalledFor` turns the stalled state into a
+ * DURATION — "Stalled for 14 days" — and is ignored on every other health,
+ * because a deal that is moving has not stalled for anything.
+ */
+function dealHealthLabel(props) {
+  const {
+    health,
+    healthLabel,
+    stalledFor
+  } = props;
+  if (health === undefined) return healthLabel ?? null;
+  if (healthLabel !== undefined) return healthLabel;
+  if (health === 'stalled' && stalledFor) return `Stalled for ${stalledFor}`;
+  return _constants.DEAL_HEALTH[health].label;
+}
+
+/** The tone a health draws in, or the neutral one when the card has no health. */
+function dealHealthTone(health) {
+  return health === undefined ? 'default' : _constants.DEAL_HEALTH[health].tone;
+}
+
+/** Joins the non-empty parts of an accessible name. */
+function joinDealName(parts, separator = ', ') {
+  return parts.filter(part => typeof part === 'string' && part !== '').join(separator);
+}
+
+// ---------------------------------------------------------------------------
+//  Keyboard focus on web — the same mechanism `contact-card` uses, for the same
+//  reason: a react-native-web `Pressable` is focusable with the outline reset,
+//  and an inline style carries no `:focus-visible`.
+// ---------------------------------------------------------------------------
+
+const PIPELINE_STYLE_ID = exports.PIPELINE_STYLE_ID = 'bloom-pipeline-web-css';
+const PIPELINE_WEB_CSS = exports.PIPELINE_WEB_CSS = (0, _interactiveWebCss.interactiveWebCss)({
+  selector: '[data-bloom-deal-subject]',
+  varPrefix: 'bloom-deal',
+  reset: 'none',
+  transition: 'background-color 150ms ease'
+});
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_interactiveWebCss","require","_surfaceLevels","_constants","resolvePipelinePaint","theme","surface","text","surfaceTextOn","hairline","hairlineOn","raised","surfaceFillOn","textSecondary","textTertiary","ring","colors","primary","pipelineColumnFill","behind","dealHealthLabel","props","health","healthLabel","stalledFor","undefined","DEAL_HEALTH","label","dealHealthTone","tone","joinDealName","parts","separator","filter","part","join","PIPELINE_STYLE_ID","exports","PIPELINE_WEB_CSS","interactiveWebCss","selector","varPrefix","reset","transition"],"sourceRoot":"../../../src","sources":["pipeline/shared.ts"],"mappings":";;;;;;;;;;;AAUA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAqBA;AACO,SAASG,oBAAoBA,CAACC,KAAY,EAAEC,OAAe,EAAiB;EACjF,MAAMC,IAAI,GAAG,IAAAC,4BAAa,EAACH,KAAK,EAAEC,OAAO,CAAC;EAC1C,OAAO;IACLA,OAAO;IACPG,QAAQ,EAAE,IAAAC,yBAAU,EAACL,KAAK,EAAEC,OAAO,CAAC;IACpCK,MAAM,EAAE,IAAAC,4BAAa,EAACP,KAAK,EAAEC,OAAO,CAAC;IACrCC,IAAI,EAAEA,IAAI,CAACA,IAAI;IACfM,aAAa,EAAEN,IAAI,CAACM,aAAa;IACjCC,YAAY,EAAEP,IAAI,CAACO,YAAY;IAC/BC,IAAI,EAAEV,KAAK,CAACW,MAAM,CAACC;EACrB,CAAC;AACH;;AAEA;AACO,SAASC,kBAAkBA,CAACb,KAAY,EAAEc,MAAc,EAAU;EACvE,OAAO,IAAAP,4BAAa,EAACP,KAAK,EAAEc,MAAM,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAC7BC,KAAmE,EACpD;EACf,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACjD,IAAIC,MAAM,KAAKG,SAAS,EAAE,OAAOF,WAAW,IAAI,IAAI;EACpD,IAAIA,WAAW,KAAKE,SAAS,EAAE,OAAOF,WAAW;EACjD,IAAID,MAAM,KAAK,SAAS,IAAIE,UAAU,EAAE,OAAO,eAAeA,UAAU,EAAE;EAC1E,OAAOE,sBAAW,CAACJ,MAAM,CAAC,CAACK,KAAK;AAClC;;AAEA;AACO,SAASC,cAAcA,CAACN,MAA8B,EAAc;EACzE,OAAOA,MAAM,KAAKG,SAAS,GAAG,SAAS,GAAGC,sBAAW,CAACJ,MAAM,CAAC,CAACO,IAAI;AACpE;;AAEA;AACO,SAASC,YAAYA,CAC1BC,KAAuD,EACvDC,SAAS,GAAG,IAAI,EACR;EACR,OAAOD,KAAK,CAACE,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CAACC,IAAI,CAACH,SAAS,CAAC;AACxG;;AAEA;AACA;AACA;AACA;AACA;;AAEO,MAAMI,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,wBAAwB;AAElD,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAAC,oCAAiB,EAAC;EAChDC,QAAQ,EAAE,2BAA2B;EACrCC,SAAS,EAAE,YAAY;EACvBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AACd,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/pipeline/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["pipeline/types.ts"],"mappings":"","ignoreList":[]}