@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/commonjs/shipment-request/ShipmentLoadPicker.js

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShipmentLoadPicker = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useContainerWidth = require("../hooks/use-container-width.js");
+var _SelectionCard = require("../listing-editor/SelectionCard.js");
+var _index = require("../segmented-control/index.js");
+var _index2 = require("../stepper/index.js");
+var _index3 = require("../text-field/index.js");
+var _index4 = require("../textarea/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index5 = 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); }
+/**
+ * What is being moved, how big it is, how heavy and how many.
+ *
+ *   kind      the editor's selectable cards, one answer: a 44 icon tile, the
+ *             kind at `headline-semibold`, what it covers under it, a radio
+ *             indicator on the right
+ *   size      a `SegmentedControl` of single letters, with the chosen rung's
+ *             sentence under it — four words never fit in one control at phone
+ *             width, and a control whose every option carries a sentence is a
+ *             list, not a segmented control
+ *   weight    a `TextField` with its unit as a `TextFieldSuffix`, beside the
+ *             quantity from 480 wide and stacked under it below
+ *   quantity  a `StepperRow` from 1
+ *   notes     an auto-resizing `Textarea`, drawn only when asked for
+ *
+ * **THE VALUE IS ONE OBJECT AND IT ARRIVES WHOLE.** `onValueChange` is called
+ * with the next `ShipmentLoad`, never with a patch: a form that merges patches
+ * in four places has four chances to drop a field, and this one has none.
+ *
+ * **THE UNIT IS NOT PART OF THE VALUE.** `weight` holds digits and at most one
+ * dot (`sanitizeWeight`), so an app parses a number; the "kg" beside it is
+ * drawn, announced, and never stored.
+ *
+ * Validation is the app's. `errors` is keyed by field and each message sits
+ * under its own control, in the error colour — the kind's under the cards.
+ */
+
+function ShipmentLoadPickerComponent({
+  value,
+  onValueChange,
+  kinds = _constants.SHIPMENT_LOAD_KINDS,
+  sizes = _constants.SHIPMENT_LOAD_SIZES,
+  notes = false,
+  maxQuantity = 20,
+  errors = {},
+  labels: labelOverrides,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _SelectionCard.resolveSelectionPaint)(theme), [theme]);
+  const labels = (0, _react.useMemo)(() => ({
+    ..._constants.SHIPMENT_LOAD_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const wide = width === null || width >= _constants.SHIPMENT_REQUEST_GEOMETRY.narrowWidth;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosenSize = sizes.find(size => size.value === value.size);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [{
+      gap: _constants.SHIPMENT_REQUEST_GEOMETRY.controlGap
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldLabel, {
+        children: labels.kind
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.kind,
+        style: {
+          gap: 12
+        },
+        testID: id('kind'),
+        children: kinds.map(kind => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionCard.SelectionCard, {
+          selection: "single",
+          selected: value.kind === kind.value,
+          onPress: () => {
+            if (value.kind !== kind.value) onValueChange({
+              ...value,
+              kind: kind.value
+            });
+          },
+          title: kind.label,
+          description: kind.description,
+          icon: kind.icon,
+          compact: !wide,
+          disabled: disabled || kind.disabled === true,
+          accessibilityLabel: (0, _shared.joinShipmentName)([kind.label, kind.description]),
+          testID: id(`kind-${kind.value}`)
+        }, kind.value))
+      }), errors.kind ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldHint, {
+        isInvalid: true,
+        children: errors.kind
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldLabel, {
+        children: labels.size
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SegmentedControl, {
+        type: "radio",
+        label: labels.size,
+        value: value.size ?? '',
+        onValueChange: size => {
+          if (size !== '') onValueChange({
+            ...value,
+            size
+          });
+        },
+        disabled: disabled,
+        style: {
+          alignSelf: 'stretch'
+        },
+        testID: id('size'),
+        children: sizes.map(size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SegmentedControlItem, {
+          value: size.value,
+          disabled: disabled || size.disabled,
+          accessibilityLabel: (0, _shared.joinShipmentName)([size.label, size.detail]),
+          testID: id(`size-${size.value}`),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SegmentedControlItemText, {
+            children: size.label
+          })
+        }, size.value))
+      }), chosenSize?.detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        testID: id('size-detail'),
+        children: chosenSize.detail
+      }) : null, errors.size ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldHint, {
+        isInvalid: true,
+        children: errors.size
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: wide ? 'row' : 'column',
+        // The stepper has no label above it, so on a wide form the two
+        // columns line up on their BOTTOM edge — the field and the counter,
+        // not the field and the word above it.
+        alignItems: wide ? 'flex-end' : 'stretch',
+        gap: _constants.SHIPMENT_REQUEST_GEOMETRY.controlGap
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [{
+          gap: 8
+        }, wide ? {
+          width: _constants.SHIPMENT_REQUEST_GEOMETRY.weightWidth
+        } : null],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldLabel, {
+          children: labels.weight
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.TextField, {
+          isInvalid: !!errors.weight,
+          disabled: disabled,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldInput, {
+            label: labels.weight,
+            placeholder: null,
+            value: value.weight,
+            onChangeText: text => onValueChange({
+              ...value,
+              weight: (0, _shared.sanitizeWeight)(text)
+            }),
+            keyboardType: "decimal-pad",
+            inputMode: "decimal",
+            isInvalid: !!errors.weight,
+            disabled: disabled,
+            testID: id('weight')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldSuffix, {
+            label: labels.weightUnit,
+            children: labels.weightUnit
+          })]
+        }), errors.weight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldHint, {
+          isInvalid: true,
+          children: errors.weight
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: wide ? 1 : undefined,
+          minWidth: 0,
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StepperRow, {
+          title: labels.quantity,
+          value: value.quantity,
+          onValueChange: quantity => onValueChange({
+            ...value,
+            quantity
+          }),
+          min: 1,
+          max: maxQuantity,
+          formatValue: labels.quantityValue,
+          size: "small",
+          disabled: disabled,
+          style: {
+            paddingTop: 0,
+            paddingBottom: 0
+          },
+          testID: id('quantity')
+        }), errors.quantity ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.TextFieldHint, {
+          isInvalid: true,
+          children: errors.quantity
+        }) : null]
+      })]
+    }), notes ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Textarea, {
+      label: labels.notes,
+      placeholder: labels.notesPlaceholder,
+      value: value.notes ?? '',
+      onChangeText: text => onValueChange({
+        ...value,
+        notes: text
+      }),
+      rows: 3,
+      autoResize: true,
+      maxRows: 6,
+      disabled: disabled,
+      testID: id('notes')
+    }) : null]
+  });
+}
+const ShipmentLoadPicker = exports.ShipmentLoadPicker = /*#__PURE__*/(0, _react.memo)(ShipmentLoadPickerComponent);
+ShipmentLoadPicker.displayName = 'ShipmentLoadPicker';
+//# sourceMappingURL=ShipmentLoadPicker.js.map

package/lib/commonjs/shipment-request/ShipmentLoadPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useContainerWidth","_SelectionCard","_index","_index2","_index3","_index4","_useTheme","_index5","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShipmentLoadPickerComponent","value","onValueChange","kinds","SHIPMENT_LOAD_KINDS","sizes","SHIPMENT_LOAD_SIZES","notes","maxQuantity","errors","labels","labelOverrides","disabled","style","testID","theme","useTheme","paint","useMemo","resolveSelectionPaint","SHIPMENT_LOAD_LABELS","width","onLayout","useContainerWidth","wide","SHIPMENT_REQUEST_GEOMETRY","narrowWidth","id","part","undefined","chosenSize","find","size","jsxs","View","gap","controlGap","children","jsx","TextFieldLabel","kind","role","accessibilityLabel","map","SelectionCard","selection","selected","onPress","title","label","description","icon","compact","joinShipmentName","TextFieldHint","isInvalid","SegmentedControl","type","alignSelf","SegmentedControlItem","detail","SegmentedControlItemText","Text","variant","color","textSecondary","flexDirection","alignItems","weightWidth","weight","TextField","TextFieldInput","placeholder","onChangeText","text","sanitizeWeight","keyboardType","inputMode","TextFieldSuffix","weightUnit","flex","minWidth","StepperRow","quantity","min","max","formatValue","quantityValue","paddingTop","paddingBottom","Textarea","notesPlaceholder","rows","autoResize","maxRows","ShipmentLoadPicker","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentLoadPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shipment-request/ShipmentOptionsList.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShipmentOptionsList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _index2 = require("../settings-list/index.js");
+var _index3 = require("../switch/index.js");
+var _index4 = require("../text-field/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index5 = 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); }
+/**
+ * The answers that change what a job costs.
+ *
+ * Three groups, and the CONTROL is the difference between them:
+ *
+ *   extras  independent of each other, so each is a `SettingsListItem` with a
+ *           `Switch` and its own price at the end of the row. A switch is the
+ *           control for "and also this"
+ *   access  exactly one is true — a place is on the ground, up stairs, or has a
+ *           lift — so they are a `radiogroup` of chips, and choosing one
+ *           unchooses the rest without the user having to
+ *   window  the same, over collection times
+ *
+ * **A PRICE HERE IS A STRING.** `"+€12.00"`, `"Included"` — drawn where the
+ * option is and never added to anything. The running total belongs to
+ * `PriceSummary`, which is what `ShipmentRequestForm` puts under this.
+ *
+ * **A SWITCH DRAWS NO TEXT**, so each one is named with its row's title and its
+ * price: the caption beside a switch is a SIBLING on both platforms, and a
+ * screen reader that reads only the control announces "switch, off".
+ */
+
+const TABULAR = {
+  fontVariant: ['tabular-nums']
+};
+function ShipmentOptionsListComponent({
+  extras,
+  selectedExtras = [],
+  onExtrasChange,
+  accessOptions,
+  access = null,
+  onAccessChange,
+  windows,
+  window: windowId = null,
+  onWindowChange,
+  labels: labelOverrides,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const labels = (0, _react.useMemo)(() => ({
+    ..._constants.SHIPMENT_OPTIONS_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosen = new Set(selectedExtras);
+  const priceText = price => price === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+    variant: "body-2-medium",
+    numberOfLines: 1,
+    style: [{
+      color: theme.colors.textSecondary
+    }, TABULAR],
+    children: price
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      gap: _constants.SHIPMENT_REQUEST_GEOMETRY.controlGap
+    }, style],
+    children: [extras?.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      testID: id('extras'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.TextFieldLabel, {
+        children: labels.extras
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.SettingsListGroup, {
+        children: extras.map(extra => {
+          const on = chosen.has(extra.key);
+          const blocked = disabled || extra.disabled === true;
+          const name = (0, _shared.joinShipmentName)([extra.title, extra.description, extra.price]);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.SettingsListItem, {
+            icon: extra.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(extra.icon, {
+              width: 20,
+              height: 20,
+              fill: theme.colors.text
+            }) : undefined,
+            title: extra.title,
+            description: extra.description,
+            disabled: blocked
+            // The ROW is not the control. A pressable row wrapping a
+            // switch is two targets for one answer, and on web the outer
+            // one is a button containing a checkbox.
+            ,
+            showChevron: false,
+            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 10
+              },
+              children: [priceText(extra.price), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Switch, {
+                checked: on,
+                onCheckedChange: () => onExtrasChange?.((0, _shared.toggleShipmentExtra)(extras, selectedExtras, extra.key)),
+                disabled: blocked,
+                accessibilityLabel: name,
+                testID: id(`extra-${extra.key}`)
+              })]
+            })
+          }, extra.key);
+        })
+      })]
+    }) : null, accessOptions?.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.TextFieldLabel, {
+        children: labels.access
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.access,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: _constants.SHIPMENT_REQUEST_GEOMETRY.chipGap
+        },
+        testID: id('access'),
+        children: accessOptions.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+          role: "radio",
+          size: "xl",
+          variant: "outlined",
+          selected: access === option.value,
+          disabled: disabled || option.disabled,
+          leadingIcon: option.icon,
+          onPress: () => onAccessChange?.(option.value),
+          accessibilityLabel: (0, _shared.joinShipmentName)([option.label, option.price]),
+          testID: id(`access-${option.value}`),
+          children: (0, _shared.joinShipmentName)([option.label, option.price], ' · ')
+        }, option.value))
+      })]
+    }) : null, windows?.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.TextFieldLabel, {
+        children: labels.window
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.window,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: _constants.SHIPMENT_REQUEST_GEOMETRY.chipGap
+        },
+        testID: id('window'),
+        children: windows.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+          role: "radio",
+          size: "xl",
+          variant: "outlined",
+          selected: windowId === option.id,
+          disabled: disabled || option.disabled,
+          onPress: () => onWindowChange?.(option.id),
+          accessibilityLabel: (0, _shared.joinShipmentName)([option.label, option.price]),
+          testID: id(`window-${option.id}`),
+          children: (0, _shared.joinShipmentName)([option.label, option.price], ' · ')
+        }, option.id))
+      })]
+    }) : null]
+  });
+}
+const ShipmentOptionsList = exports.ShipmentOptionsList = /*#__PURE__*/(0, _react.memo)(ShipmentOptionsListComponent);
+ShipmentOptionsList.displayName = 'ShipmentOptionsList';
+//# sourceMappingURL=ShipmentOptionsList.js.map

package/lib/commonjs/shipment-request/ShipmentOptionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_index4","_useTheme","_index5","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TABULAR","fontVariant","ShipmentOptionsListComponent","extras","selectedExtras","onExtrasChange","accessOptions","access","onAccessChange","windows","window","windowId","onWindowChange","labels","labelOverrides","disabled","style","testID","theme","useTheme","useMemo","SHIPMENT_OPTIONS_LABELS","id","part","undefined","chosen","Set","priceText","price","jsx","Text","variant","numberOfLines","color","colors","textSecondary","children","jsxs","View","gap","SHIPMENT_REQUEST_GEOMETRY","controlGap","length","TextFieldLabel","SettingsListGroup","map","extra","on","key","blocked","name","joinShipmentName","title","description","SettingsListItem","icon","width","height","fill","text","showChevron","rightElement","flexDirection","alignItems","Switch","checked","onCheckedChange","toggleShipmentExtra","accessibilityLabel","role","flexWrap","chipGap","option","Chip","size","selected","value","leadingIcon","onPress","label","ShipmentOptionsList","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentOptionsList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shipment-request/ShipmentRequestForm.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShipmentRequestForm = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../price-breakdown/index.js");
+var _index2 = require("../route-stops/index.js");
+var _index3 = require("../sortable-media/index.js");
+var _FilterSection = require("../stay-filters/FilterSection.js");
+var _ShipmentLoadPicker = require("./ShipmentLoadPicker.js");
+var _ShipmentOptionsList = require("./ShipmentOptionsList.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); }
+/**
+ * Describing a job: where it goes, what is being moved, what it looks like,
+ * what changes the price, and what that price currently is.
+ *
+ * It is the REGISTER a Bloom multi-part form is written in — one column of
+ * sections, each a heading over its controls with a hairline under it, no card
+ * per section and no step counter. The one decision it makes is the ORDER, and
+ * the order is the order of the questions a carrier needs answered:
+ *
+ *   1  route    `RouteStops` — the origin, the destination, the stops between
+ *   2  load     `ShipmentLoadPicker` — kind, size, weight, quantity, notes
+ *   3  photos   `SortablePhotoGrid` — drawn only when `photos` is given
+ *   4  options  `ShipmentOptionsList` — the answers that move the number
+ *   5  price    `PriceSummary` — last, so the options and the number they move
+ *               are on one screen
+ *
+ * **IT DRAWS NOTHING OF ITS OWN.** Every section is an existing Bloom family
+ * handed its props unchanged: there is one component that knows what a route
+ * looks like, one that knows what a photo grid looks like, one that knows what
+ * an itemised price looks like, and a form that redrew any of them would be a
+ * copy that drifts. A section whose props are absent is not drawn — a job that
+ * needs no photograph should not be asked for one.
+ *
+ * **THE LAST SECTION HAS NO RULE UNDER IT**, and the footer sits below it with
+ * none either: a divider is a separator between two things, and there is
+ * nothing after the last one.
+ */
+
+function ShipmentRequestFormComponent({
+  route,
+  load,
+  onLoadChange,
+  loadProps,
+  photos,
+  options,
+  price,
+  footer,
+  labels: labelOverrides,
+  disabled = false,
+  accessibilityLabel = 'Shipment request',
+  style,
+  testID
+}) {
+  const labels = (0, _react.useMemo)(() => ({
+    ..._constants.SHIPMENT_REQUEST_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+
+  // Which sections exist, so the LAST one can drop its rule without every
+  // section having to know what follows it.
+  const sections = [{
+    key: 'route',
+    title: labels.route,
+    description: labels.routeDescription,
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RouteStops, {
+      ...route,
+      testID: route.testID ?? id('route')
+    })
+  }, {
+    key: 'load',
+    title: labels.load,
+    description: labels.loadDescription,
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShipmentLoadPicker.ShipmentLoadPicker, {
+      ...loadProps,
+      value: load,
+      onValueChange: onLoadChange,
+      disabled: disabled || loadProps?.disabled,
+      testID: id('load')
+    })
+  }];
+  if (photos) {
+    sections.push({
+      key: 'photos',
+      title: labels.photos,
+      description: labels.photosDescription,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.SortablePhotoGrid, {
+        ...photos,
+        disabled: disabled || photos.disabled,
+        testID: id('photos')
+      })
+    });
+  }
+  if (options) {
+    sections.push({
+      key: 'options',
+      title: labels.options,
+      description: labels.optionsDescription,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShipmentOptionsList.ShipmentOptionsList, {
+        ...options,
+        disabled: disabled || options.disabled,
+        testID: id('options')
+      })
+    });
+  }
+  if (price) {
+    sections.push({
+      key: 'price',
+      title: labels.price,
+      description: labels.priceDescription,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PriceSummary, {
+        ...price,
+        testID: id('price')
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    role: "form",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    children: [sections.map((section, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterSection.FilterSection, {
+      title: section.title,
+      description: section.description === '' ? undefined : section.description,
+      divider: index < sections.length - 1,
+      testID: id(`section-${section.key}`),
+      children: section.content
+    }, section.key)), footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        paddingTop: 24
+      },
+      testID: id('footer'),
+      children: footer
+    }) : null]
+  });
+}
+const ShipmentRequestForm = exports.ShipmentRequestForm = /*#__PURE__*/(0, _react.memo)(ShipmentRequestFormComponent);
+ShipmentRequestForm.displayName = 'ShipmentRequestForm';
+//# sourceMappingURL=ShipmentRequestForm.js.map

package/lib/commonjs/shipment-request/ShipmentRequestForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_FilterSection","_ShipmentLoadPicker","_ShipmentOptionsList","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShipmentRequestFormComponent","route","load","onLoadChange","loadProps","photos","options","price","footer","labels","labelOverrides","disabled","accessibilityLabel","style","testID","useMemo","SHIPMENT_REQUEST_LABELS","id","part","undefined","sections","key","title","description","routeDescription","content","jsx","RouteStops","loadDescription","ShipmentLoadPicker","value","onValueChange","push","photosDescription","SortablePhotoGrid","optionsDescription","ShipmentOptionsList","priceDescription","PriceSummary","jsxs","View","role","children","map","section","index","FilterSection","divider","length","paddingTop","ShipmentRequestForm","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentRequestForm.tsx"],"mappings":"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","ignoreList":[]}