@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/commonjs/vehicle-picker/VehiclePicker.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VehiclePicker = VehiclePicker;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _useContainerWidth = require("../hooks/use-container-width.js");
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _SelectionCard = require("../listing-editor/SelectionCard.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = 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); }
+/**
+ * Which vehicle the job needs: a column of selectable vehicle cards, each one
+ * saying what it can take, what fits in it and what it starts at.
+ *
+ *   heading   `title` at `body-semibold` over `description` at
+ *             `body-2-regular`, the shape a search panel's pickers use, 16
+ *             above the first option. Omit both and the picker starts at the
+ *             list
+ *   option    the editor's selectable card: a 44 icon tile, the vehicle's name
+ *             at `headline-semibold`, its capacity under it, and the radio
+ *             indicator on the right
+ *   detail    under the card's hairline: the `fits` nouns as outlined chips,
+ *             then a "From · amount" line in tabular figures
+ *   blocked   a disabled card, dimmed, with its reason on a warning-toned line
+ *             under the detail — and the same reason inside the card's name, so
+ *             it is announced rather than merely drawn
+ *
+ * ONE ANSWER. The group is a `radiogroup` and every card a `radio`: a job goes
+ * in one vehicle, and an empty selection is a job that has not chosen yet.
+ *
+ * THE DETAIL IS NOT A DISCLOSURE. Every card shows its capacity, its chips and
+ * its price at rest, because the question the picker answers is a COMPARISON —
+ * a card that reveals its numbers only once chosen makes the user select four
+ * vehicles to choose one.
+ *
+ * MONEY ARRIVES FORMATTED. `priceFrom` is drawn exactly as given; nothing here
+ * adds, converts or rounds an amount.
+ */
+
+const TABULAR = {
+  fontVariant: ['tabular-nums']
+};
+function VehiclePicker({
+  value,
+  onValueChange,
+  options = _constants.VEHICLE_OPTIONS,
+  title,
+  description,
+  disabled = false,
+  labels: labelOverrides,
+  accessibilityLabel = 'Vehicle',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _SelectionCard.resolveSelectionPaint)(theme), [theme]);
+  const labels = (0, _react.useMemo)(() => ({
+    ..._constants.VEHICLE_PICKER_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  // The picker measures ITSELF: the same component is a full phone column and a
+  // 420-wide panel beside a map, and the window cannot tell those apart.
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const compact = width !== null && width < _constants.VEHICLE_PICKER_GEOMETRY.narrowWidth;
+  const warning = (0, _react.useMemo)(() => (0, _accentColors.resolveAccentColors)(theme.colors, 'warning', 'subtle'), [theme]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: style,
+    children: [title || description ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 2,
+        marginBottom: _constants.VEHICLE_PICKER_GEOMETRY.headingGap
+      },
+      children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-semibold",
+        role: "heading",
+        "aria-level": 3,
+        style: {
+          color: paint.text
+        },
+        testID: id('title'),
+        children: title
+      }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        children: description
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "radiogroup",
+      accessibilityLabel: accessibilityLabel,
+      style: {
+        gap: _constants.VEHICLE_PICKER_GEOMETRY.gap
+      },
+      children: options.map(option => {
+        const blocked = disabled || option.disabled === true;
+        const reason = option.disabled === true ? option.unavailableReason ?? labels.unavailable : undefined;
+        const chips = option.fits ?? [];
+        const hasDetail = chips.length > 0 || option.priceFrom !== undefined || reason !== undefined;
+        const icon = option.icon ?? _constants.VEHICLE_ICON[option.value] ?? undefined;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionCard.SelectionCard, {
+          selection: "single",
+          selected: value === option.value
+          // A disabled card never reaches this, and the card itself stops
+          // re-reporting a choice already made.
+          ,
+          onPress: () => {
+            if (value !== option.value) onValueChange(option.value);
+          },
+          title: option.label,
+          description: option.capacity,
+          icon: icon,
+          compact: compact,
+          disabled: blocked
+          // The name carries the capacity and the reason, because both are
+          // drawn as separate lines that no name computation would reach.
+          ,
+          accessibilityLabel: (0, _shared.vehicleOptionName)(option, {
+            from: labels.from,
+            reason
+          }),
+          testID: id(option.value),
+          children: hasDetail ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              gap: _constants.VEHICLE_PICKER_GEOMETRY.chipGap
+            },
+            children: [chips.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              role: "group",
+              accessibilityLabel: labels.fits(option.label),
+              testID: id(`${option.value}-fits`),
+              style: {
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+                gap: _constants.VEHICLE_PICKER_GEOMETRY.chipGap
+              },
+              children: chips.map(fit => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+                size: "medium",
+                variant: "outlined",
+                children: fit
+              }, fit))
+            }) : null, option.priceFrom !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              testID: id(`${option.value}-price`),
+              style: {
+                flexDirection: 'row',
+                alignItems: 'baseline',
+                justifyContent: 'space-between',
+                gap: 12
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+                variant: "body-regular",
+                style: {
+                  color: paint.textSecondary
+                },
+                children: labels.from
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+                variant: "body-semibold",
+                style: [{
+                  color: paint.text,
+                  textAlign: 'right'
+                }, TABULAR],
+                children: option.priceFrom
+              })]
+            }) : null, reason ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              testID: id(`${option.value}-reason`),
+              style: {
+                flexDirection: 'row',
+                alignItems: 'flex-start',
+                gap: 6
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  paddingTop: 1
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiErrorWarningLine.RiErrorWarningLine, {
+                  width: 16,
+                  height: 16,
+                  fill: warning.foreground
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+                variant: "body-2-regular",
+                style: {
+                  flex: 1,
+                  minWidth: 0,
+                  color: warning.foreground
+                },
+                children: reason
+              })]
+            }) : null]
+          }) : null
+        }, option.value);
+      })
+    })]
+  });
+}
+VehiclePicker.displayName = 'VehiclePicker';
+//# sourceMappingURL=VehiclePicker.js.map

package/lib/commonjs/vehicle-picker/VehiclePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useContainerWidth","_RiErrorWarningLine","_SelectionCard","_accentColors","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TABULAR","fontVariant","VehiclePicker","value","onValueChange","options","VEHICLE_OPTIONS","title","description","disabled","labels","labelOverrides","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolveSelectionPaint","VEHICLE_PICKER_LABELS","width","onLayout","useContainerWidth","compact","VEHICLE_PICKER_GEOMETRY","narrowWidth","warning","resolveAccentColors","colors","id","part","undefined","jsxs","View","children","gap","marginBottom","headingGap","jsx","Text","variant","role","color","text","textSecondary","map","option","blocked","reason","unavailableReason","unavailable","chips","fits","hasDetail","length","priceFrom","icon","VEHICLE_ICON","SelectionCard","selection","selected","onPress","label","capacity","vehicleOptionName","from","chipGap","flexDirection","flexWrap","fit","Chip","size","alignItems","justifyContent","textAlign","paddingTop","RiErrorWarningLine","height","fill","foreground","flex","minWidth","displayName"],"sourceRoot":"../../../src","sources":["vehicle-picker/VehiclePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/vehicle-picker/constants.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VEHICLE_PICKER_LABELS = exports.VEHICLE_PICKER_GEOMETRY = exports.VEHICLE_OPTIONS = exports.VEHICLE_ICON = void 0;
+var _RiBikeLine = require("../icons/remix/RiBikeLine.js");
+var _RiBox3Line = require("../icons/remix/RiBox3Line.js");
+var _RiBusLine = require("../icons/remix/RiBusLine.js");
+var _RiCarLine = require("../icons/remix/RiCarLine.js");
+var _RiSnowflakeLine = require("../icons/remix/RiSnowflakeLine.js");
+/**
+ * The glyph each built-in vehicle draws.
+ *
+ * Bloom's icon set has no truck and no van, so the two largest bodies borrow
+ * the closest shapes it does have — a bus for the van (a box on wheels at road
+ * scale) and a crate for the box truck (the body IS the box). The refrigerated
+ * van is the snowflake rather than a second vehicle outline: what distinguishes
+ * it is the temperature, not the silhouette, and two nearly identical van
+ * glyphs side by side read as a drawing mistake.
+ */
+const VEHICLE_ICON = exports.VEHICLE_ICON = {
+  bike: _RiBikeLine.RiBikeLine,
+  car: _RiCarLine.RiCarLine,
+  van: _RiBusLine.RiBusLine,
+  boxTruck: _RiBox3Line.RiBox3Line,
+  refrigerated: _RiSnowflakeLine.RiSnowflakeLine
+};
+
+/**
+ * The five built-in vehicles, smallest first, with no prices.
+ *
+ * A price-from belongs to a marketplace and a moment, so the defaults carry
+ * none: a picker showing invented amounts is worse than one showing the
+ * capacities alone. Spread an option and add `priceFrom` where the app knows it.
+ */
+const VEHICLE_OPTIONS = exports.VEHICLE_OPTIONS = [{
+  value: 'bike',
+  label: 'Cargo bike',
+  capacity: 'Up to 25 kg · 60 × 40 × 40 cm',
+  fits: ['Documents', 'A food order', 'A small box']
+}, {
+  value: 'car',
+  label: 'Car',
+  capacity: 'Up to 150 kg · 100 × 80 × 60 cm',
+  fits: ['Two suitcases', 'Four boxes', 'A bicycle']
+}, {
+  value: 'van',
+  label: 'Van',
+  capacity: 'Up to 800 kg · 240 × 150 × 140 cm',
+  fits: ['A sofa', 'A studio move', 'Half a pallet']
+}, {
+  value: 'boxTruck',
+  label: 'Box truck',
+  capacity: 'Up to 3,500 kg · 420 × 200 × 210 cm',
+  fits: ['Two pallets', 'A two-bedroom move', 'A tail lift']
+}, {
+  value: 'refrigerated',
+  label: 'Refrigerated van',
+  capacity: 'Up to 700 kg · held at 2–8 °C',
+  fits: ['Fresh produce', 'Chilled catering', 'Flowers']
+}];
+
+/** The picker's default copy. */
+const VEHICLE_PICKER_LABELS = exports.VEHICLE_PICKER_LABELS = {
+  from: 'From',
+  fits: label => `What fits in a ${label}`,
+  unavailable: 'Not available for this load'
+};
+
+/**
+ * The picker's geometry, as the numbers rather than as prose.
+ *
+ * `gap` is the space between two option cards; `chipGap` the space inside a
+ * `fits` row. `narrowWidth` is the picker's OWN width under which each card
+ * drops to its compact inset — the same measurement the card itself offers,
+ * taken once here so every card in one picker agrees.
+ */
+const VEHICLE_PICKER_GEOMETRY = exports.VEHICLE_PICKER_GEOMETRY = {
+  gap: 12,
+  chipGap: 8,
+  headingGap: 16,
+  narrowWidth: 400
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/vehicle-picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiBikeLine","require","_RiBox3Line","_RiBusLine","_RiCarLine","_RiSnowflakeLine","VEHICLE_ICON","exports","bike","RiBikeLine","car","RiCarLine","van","RiBusLine","boxTruck","RiBox3Line","refrigerated","RiSnowflakeLine","VEHICLE_OPTIONS","value","label","capacity","fits","VEHICLE_PICKER_LABELS","from","unavailable","VEHICLE_PICKER_GEOMETRY","gap","chipGap","headingGap","narrowWidth"],"sourceRoot":"../../../src","sources":["vehicle-picker/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,YAAqD,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACnEE,IAAI,EAAEC,sBAAU;EAChBC,GAAG,EAAEC,oBAAS;EACdC,GAAG,EAAEC,oBAAS;EACdC,QAAQ,EAAEC,sBAAU;EACpBC,YAAY,EAAEC;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAsD,GAAAX,OAAA,CAAAW,eAAA,GAAG,CACpE;EACEC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,YAAY;EACnBC,QAAQ,EAAE,+BAA+B;EACzCC,IAAI,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,aAAa;AACnD,CAAC,EACD;EACEH,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,iCAAiC;EAC3CC,IAAI,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,WAAW;AACnD,CAAC,EACD;EACEH,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE,mCAAmC;EAC7CC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,eAAe;AACnD,CAAC,EACD;EACEH,KAAK,EAAE,UAAU;EACjBC,KAAK,EAAE,WAAW;EAClBC,QAAQ,EAAE,qCAAqC;EAC/CC,IAAI,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,aAAa;AAC3D,CAAC,EACD;EACEH,KAAK,EAAE,cAAc;EACrBC,KAAK,EAAE,kBAAkB;EACzBC,QAAQ,EAAE,+BAA+B;EACzCC,IAAI,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,SAAS;AACvD,CAAC,CACF;;AAED;AACO,MAAMC,qBAAoD,GAAAhB,OAAA,CAAAgB,qBAAA,GAAG;EAClEC,IAAI,EAAE,MAAM;EACZF,IAAI,EAAGF,KAAa,IAAK,kBAAkBA,KAAK,EAAE;EAClDK,WAAW,EAAE;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAAnB,OAAA,CAAAmB,uBAAA,GAAG;EACrCC,GAAG,EAAE,EAAE;EACPC,OAAO,EAAE,CAAC;EACVC,UAAU,EAAE,EAAE;EACdC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}

package/lib/commonjs/vehicle-picker/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VEHICLE_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.VEHICLE_ICON;
+  }
+});
+Object.defineProperty(exports, "VEHICLE_OPTIONS", {
+  enumerable: true,
+  get: function () {
+    return _constants.VEHICLE_OPTIONS;
+  }
+});
+Object.defineProperty(exports, "VEHICLE_PICKER_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.VEHICLE_PICKER_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "VEHICLE_PICKER_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.VEHICLE_PICKER_LABELS;
+  }
+});
+Object.defineProperty(exports, "VehiclePicker", {
+  enumerable: true,
+  get: function () {
+    return _VehiclePicker.VehiclePicker;
+  }
+});
+Object.defineProperty(exports, "vehicleOptionName", {
+  enumerable: true,
+  get: function () {
+    return _shared.vehicleOptionName;
+  }
+});
+var _VehiclePicker = require("./VehiclePicker.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/vehicle-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_VehiclePicker","require","_constants","_shared"],"sourceRoot":"../../../src","sources":["vehicle-picker/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/vehicle-picker/shared.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vehicleOptionName = vehicleOptionName;
+/**
+ * What a vehicle card ANNOUNCES.
+ *
+ * The card draws four things a name computation cannot reach: the capacity
+ * line, the chips under the hairline, the price and — the one that matters —
+ * the reason a blocked option is blocked. A user who cannot see the dimming has
+ * to be told, in the control's own name, that this row is out and why.
+ *
+ * The price is read WITH its label ("From €8.90"): a bare amount inside a
+ * sentence of capacities reads as another measurement.
+ *
+ * Pure, and exported so the join can be walked without a render.
+ */
+function vehicleOptionName(option, parts) {
+  const price = option.priceFrom === undefined || option.priceFrom === '' ? undefined : `${parts.from} ${option.priceFrom}`;
+  return [option.label, option.capacity, price, parts.reason].filter(part => typeof part === 'string' && part !== '').join(', ');
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/vehicle-picker/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["vehicleOptionName","option","parts","price","priceFrom","undefined","from","label","capacity","reason","filter","part","join"],"sourceRoot":"../../../src","sources":["vehicle-picker/shared.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAC/BC,MAAuE,EACvEC,KAAwC,EAChC;EACR,MAAMC,KAAK,GACTF,MAAM,CAACG,SAAS,KAAKC,SAAS,IAAIJ,MAAM,CAACG,SAAS,KAAK,EAAE,GACrDC,SAAS,GACT,GAAGH,KAAK,CAACI,IAAI,IAAIL,MAAM,CAACG,SAAS,EAAE;EACzC,OAAO,CAACH,MAAM,CAACM,KAAK,EAAEN,MAAM,CAACO,QAAQ,EAAEL,KAAK,EAAED,KAAK,CAACO,MAAM,CAAC,CACxDC,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CACzEC,IAAI,CAAC,IAAI,CAAC;AACf","ignoreList":[]}

package/lib/commonjs/vehicle-picker/types.js

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

package/lib/commonjs/vehicle-picker/types.js.map

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