@oxy.so/bloom 3.6.0 → 4.1.0

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

package/lib/commonjs/place-card/PlaceActions.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaceActions = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+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); }
+/**
+ * What you can do with a place: `Directions`, `Call`, `Save`, `Share`.
+ *
+ * Each action is a Bloom `Button` in the `secondary` variant at the `small`
+ * rung — the same labelled action `ai-profile-card` pins under its cover — and
+ * the row is a `group` named as one. Nothing here draws a control: the fill,
+ * the hover, the press, the focus ring, the disabled opacity and the anchor an
+ * `href` turns the button into are all `Button`'s.
+ *
+ * The row WRAPS rather than scrolling. Four labelled actions do not fit across
+ * a 390 phone, and a horizontal scroller hides the fourth one behind an edge
+ * with nothing to say it is there; two rows of two are entirely legible and
+ * every action stays a tab stop in reading order.
+ *
+ * THERE IS NO PRESSED STATE, deliberately. "Save" is a toggle in every maps
+ * app, and `Button` carries no `aria-pressed` — so a saved place is expressed
+ * by the action's own WORDS and glyph ("Save" / "Saved", outline / filled),
+ * which is the one spelling that reaches both platforms today. `docs/place-card.mdx`
+ * records the gap.
+ */
+function PlaceActionsComponent({
+  actions,
+  size = 'small',
+  accessibilityLabel = 'Actions',
+  style,
+  testID
+}) {
+  if (actions.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      columnGap: _constants.PLACE_CARD_GEOMETRY.actionGap,
+      rowGap: _constants.PLACE_CARD_GEOMETRY.actionGap
+    }, style],
+    children: actions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "secondary",
+      size: size,
+      leadingIcon: action.icon,
+      href: action.href,
+      onPress: action.onPress,
+      disabled: action.disabled,
+      accessibilityLabel: action.accessibilityLabel ?? action.label,
+      testID: testID ? `${testID}-${action.id}` : undefined,
+      children: action.label
+    }, action.id))
+  });
+}
+const PlaceActions = exports.PlaceActions = /*#__PURE__*/(0, _react.memo)(PlaceActionsComponent);
+PlaceActions.displayName = 'PlaceActions';
+//# sourceMappingURL=PlaceActions.js.map

package/lib/commonjs/place-card/PlaceActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PlaceActionsComponent","actions","size","accessibilityLabel","style","testID","length","jsx","View","role","flexDirection","flexWrap","alignItems","columnGap","PLACE_CARD_GEOMETRY","actionGap","rowGap","children","map","action","Button","variant","leadingIcon","icon","href","onPress","disabled","label","id","undefined","PlaceActions","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["place-card/PlaceActions.tsx"],"mappings":"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","ignoreList":[]}