@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/chat-people/ContactRow.js

@@ -0,0 +1,222 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContactRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _AvatarPresence = require("../chat-indicators/AvatarPresence.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiArrowRightSLine = require("../icons/remix/RiArrowRightSLine.js");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared = require("./shared.js");
+var _tokens = require("../styles/tokens.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); }
+/**
+ * `ContactRow`: one person in a list of people.
+ *
+ *   avatar with presence · name (`body-medium`) over the subtitle
+ *   (`caption-1-regular`, secondary) · one trailing affordance
+ *
+ * The trailing slot is DERIVED from the handlers by default — a `checkbox` with
+ * `onSelectedChange`, an action button with `onAction`, nothing otherwise —
+ * for the same reason `CallControls` derives its buttons: a `trailing` prop and
+ * a handler prop that disagree is a control that does nothing, and there is no
+ * way for the row to notice.
+ *
+ * SELECTION IS ONE TARGET, NOT TWO. When the row is a checkbox row, the ROW is
+ * the `role="checkbox"` and the mark inside it is DRAWN, not a `Checkbox`
+ * component. Nesting Bloom's `Checkbox` here would put a second
+ * `role="checkbox"` inside the first — two hit areas that disagree about which
+ * one the user meant, and a screen reader announcing the same control twice.
+ * The mark is a 20px circle (the picker idiom) rather than a square, so it
+ * cannot be mistaken for the settings checkbox it is not.
+ */const AVATAR = {
+  small: 36,
+  medium: 44
+};
+function resolveTrailing(props) {
+  if (props.trailing !== undefined) return props.trailing;
+  if (props.onSelectedChange !== undefined) return 'checkbox';
+  if (props.onAction !== undefined) return 'action';
+  return 'none';
+}
+function ContactRowComponent(props) {
+  const {
+    name,
+    avatar,
+    avatarVariant,
+    subtitle,
+    status,
+    trailingSlot,
+    selected = false,
+    onSelectedChange,
+    actionLabel = 'Add',
+    onAction,
+    actionDone = false,
+    actionDoneLabel = 'Added',
+    onPress,
+    disabled = false,
+    size = 'medium',
+    style,
+    textStyle,
+    testID
+  } = props;
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const trailing = resolveTrailing(props);
+  const checkboxRow = trailing === 'checkbox' && onSelectedChange !== undefined;
+  const pressable = checkboxRow || onPress !== undefined;
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarPresence.AvatarPresence, {
+      source: avatar,
+      variant: avatarVariant,
+      name: name,
+      size: AVATAR[size],
+      status: status,
+      presenceRingColor: paint.surface,
+      presenceLabel: ""
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-medium",
+        numberOfLines: 1,
+        style: [{
+          color: paint.text
+        }, textStyle],
+        testID: testID ? `${testID}-name` : undefined,
+        children: name
+      }), subtitle === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        testID: testID ? `${testID}-subtitle` : undefined,
+        children: subtitle
+      })]
+    }), trailingSlot !== undefined ? trailingSlot : trailing === 'chevron' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowRightSLine.RiArrowRightSLine, {
+      width: 20,
+      height: 20,
+      fill: paint.textTertiary
+    }) : checkboxRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        borderWidth: selected ? 0 : 1.5,
+        borderColor: paint.textTertiary,
+        backgroundColor: selected ? paint.accent : 'transparent',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      testID: testID ? `${testID}-checkbox` : undefined,
+      children: selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+        width: 14,
+        height: 14,
+        fill: paint.onAccent
+      }) : null
+    }) : null]
+  });
+  const shell = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    flex: 1,
+    minWidth: 0,
+    borderRadius: 12,
+    backgroundColor: hovered && pressable || checkboxRow && selected ? paint.rowHighlight : 'transparent',
+    paddingTop: 8,
+    paddingRight: 10,
+    paddingBottom: 8,
+    paddingLeft: 10,
+    opacity: disabled ? _tokens.DISABLED_OPACITY : 1
+  };
+  const main = checkboxRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    role: "checkbox",
+    accessibilityLabel: name,
+    "aria-checked": selected,
+    accessibilityState: {
+      checked: selected,
+      disabled
+    },
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onPress: () => onSelectedChange?.(!selected),
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    style: shell,
+    testID: testID ? `${testID}-select` : undefined,
+    children: body
+  }) : onPress === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: shell,
+    children: body
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    role: "button",
+    accessibilityLabel: subtitle === undefined ? name : `${name}, ${subtitle}`,
+    "aria-disabled": disabled || undefined,
+    accessibilityState: {
+      disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    style: shell,
+    testID: testID ? `${testID}-open` : undefined,
+    children: body
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [main, trailing === 'action' && onAction !== undefined ? actionDone ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+        paddingRight: 6
+      },
+      testID: testID ? `${testID}-action-done` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+        width: 16,
+        height: 16,
+        fill: paint.textSecondary
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-medium",
+        style: {
+          color: paint.textSecondary
+        },
+        children: actionDoneLabel
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "secondary",
+      size: "small",
+      disabled: disabled,
+      onPress: onAction,
+      testID: testID ? `${testID}-action` : undefined,
+      children: actionLabel
+    }) : null]
+  });
+}
+const ContactRow = exports.ContactRow = /*#__PURE__*/(0, _react.memo)(ContactRowComponent);
+ContactRow.displayName = 'ContactRow';
+//# sourceMappingURL=ContactRow.js.map

package/lib/commonjs/chat-people/ContactRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_AvatarPresence","_useInteractionState","_RiArrowRightSLine","_RiCheckLine","_useTheme","_index","_shared","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AVATAR","small","medium","resolveTrailing","props","trailing","undefined","onSelectedChange","onAction","ContactRowComponent","name","avatar","avatarVariant","subtitle","status","trailingSlot","selected","actionLabel","actionDone","actionDoneLabel","onPress","disabled","size","style","textStyle","testID","theme","useTheme","paint","useMemo","resolveChatPeoplePaint","state","hovered","onIn","onOut","useInteractionState","checkboxRow","pressable","body","jsxs","Fragment","children","jsx","AvatarPresence","source","variant","presenceRingColor","surface","presenceLabel","View","flex","minWidth","gap","Text","numberOfLines","color","text","textSecondary","RiArrowRightSLine","width","height","fill","textTertiary","pointerEvents","borderRadius","borderWidth","borderColor","backgroundColor","accent","alignItems","justifyContent","RiCheckLine","onAccent","shell","flexDirection","rowHighlight","paddingTop","paddingRight","paddingBottom","paddingLeft","opacity","DISABLED_OPACITY","main","Pressable","role","accessibilityLabel","accessibilityState","checked","onHoverIn","onHoverOut","Button","ContactRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/ContactRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,OAAA,GAAAV,OAAA;AAAoD,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,MAAMkB,MAA0C,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAE5E,SAASC,eAAeA,CAACC,KAAsB,EAAsB;EACnE,IAAIA,KAAK,CAACC,QAAQ,KAAKC,SAAS,EAAE,OAAOF,KAAK,CAACC,QAAQ;EACvD,IAAID,KAAK,CAACG,gBAAgB,KAAKD,SAAS,EAAE,OAAO,UAAU;EAC3D,IAAIF,KAAK,CAACI,QAAQ,KAAKF,SAAS,EAAE,OAAO,QAAQ;EACjD,OAAO,MAAM;AACf;AAEA,SAASG,mBAAmBA,CAACL,KAAsB,EAAE;EACnD,MAAM;IACJM,IAAI;IACJC,MAAM;IACNC,aAAa;IACbC,QAAQ;IACRC,MAAM;IACNC,YAAY;IACZC,QAAQ,GAAG,KAAK;IAChBT,gBAAgB;IAChBU,WAAW,GAAG,KAAK;IACnBT,QAAQ;IACRU,UAAU,GAAG,KAAK;IAClBC,eAAe,GAAG,OAAO;IACzBC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,SAAS;IACTC;EACF,CAAC,GAAGrB,KAAK;EACT,MAAMsB,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,8BAAsB,EAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACnE,MAAM;IAAEK,KAAK,EAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAC7D,MAAM9B,QAAQ,GAAGF,eAAe,CAACC,KAAK,CAAC;EACvC,MAAMgC,WAAW,GAAG/B,QAAQ,KAAK,UAAU,IAAIE,gBAAgB,KAAKD,SAAS;EAC7E,MAAM+B,SAAS,GAAGD,WAAW,IAAIhB,OAAO,KAAKd,SAAS;EAEtD,MAAMgC,IAAI,gBACR,IAAA1D,WAAA,CAAA2D,IAAA,EAAA3D,WAAA,CAAA4D,QAAA;IAAAC,QAAA,gBACE,IAAA7D,WAAA,CAAA8D,GAAA,EAACtE,eAAA,CAAAuE,cAAc;MACbC,MAAM,EAAEjC,MAAO;MACfkC,OAAO,EAAEjC,aAAc;MACvBF,IAAI,EAAEA,IAAK;MACXY,IAAI,EAAEtB,MAAM,CAACsB,IAAI,CAAE;MACnBR,MAAM,EAAEA,MAAO;MACfgC,iBAAiB,EAAElB,KAAK,CAACmB,OAAQ;MACjCC,aAAa,EAAC;IAAE,CACjB,CAAC,eACF,IAAApE,WAAA,CAAA2D,IAAA,EAACrE,YAAA,CAAA+E,IAAI;MAAC1B,KAAK,EAAE;QAAE2B,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAX,QAAA,gBAC5C,IAAA7D,WAAA,CAAA8D,GAAA,EAACjE,MAAA,CAAA4E,IAAI;QACHR,OAAO,EAAC,aAAa;QACrBS,aAAa,EAAE,CAAE;QACjB/B,KAAK,EAAE,CAAC;UAAEgC,KAAK,EAAE3B,KAAK,CAAC4B;QAAK,CAAC,EAAEhC,SAAS,CAAE;QAC1CC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGnB,SAAU;QAAAmC,QAAA,EAE7C/B;MAAI,CACD,CAAC,EACNG,QAAQ,KAAKP,SAAS,GAAG,IAAI,gBAC5B,IAAA1B,WAAA,CAAA8D,GAAA,EAACjE,MAAA,CAAA4E,IAAI;QACHR,OAAO,EAAC,mBAAmB;QAC3BS,aAAa,EAAE,CAAE;QACjB/B,KAAK,EAAE;UAAEgC,KAAK,EAAE3B,KAAK,CAAC6B;QAAc,CAAE;QACtChC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGnB,SAAU;QAAAmC,QAAA,EAEjD5B;MAAQ,CACL,CACP;IAAA,CACG,CAAC,EACNE,YAAY,KAAKT,SAAS,GACzBS,YAAY,GACVV,QAAQ,KAAK,SAAS,gBACxB,IAAAzB,WAAA,CAAA8D,GAAA,EAACpE,kBAAA,CAAAoF,iBAAiB;MAACC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,IAAI,EAAEjC,KAAK,CAACkC;IAAa,CAAE,CAAC,GACpE1B,WAAW,gBACb,IAAAxD,WAAA,CAAA8D,GAAA,EAACxE,YAAA,CAAA+E,IAAI;MACHc,aAAa,EAAC,MAAM;MACpBxC,KAAK,EAAE;QACLoC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVI,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEjD,QAAQ,GAAG,CAAC,GAAG,GAAG;QAC/BkD,WAAW,EAAEtC,KAAK,CAACkC,YAAY;QAC/BK,eAAe,EAAEnD,QAAQ,GAAGY,KAAK,CAACwC,MAAM,GAAG,aAAa;QACxDC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MACF7C,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGnB,SAAU;MAAAmC,QAAA,EAEjDzB,QAAQ,gBAAG,IAAApC,WAAA,CAAA8D,GAAA,EAACnE,YAAA,CAAAgG,WAAW;QAACZ,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEjC,KAAK,CAAC4C;MAAS,CAAE,CAAC,GAAG;IAAI,CAC3E,CAAC,GACL,IAAI;EAAA,CACR,CACH;EAED,MAAMC,KAAK,GAAG;IACZC,aAAa,EAAE,KAAc;IAC7BL,UAAU,EAAE,QAAiB;IAC7BjB,GAAG,EAAE,EAAE;IACPF,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXa,YAAY,EAAE,EAAE;IAChBG,eAAe,EACZnC,OAAO,IAAIK,SAAS,IAAMD,WAAW,IAAIpB,QAAS,GAAGY,KAAK,CAAC+C,YAAY,GAAG,aAAa;IAC1FC,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE3D,QAAQ,GAAG4D,wBAAgB,GAAG;EACzC,CAAC;EAED,MAAMC,IAAI,GAAG9C,WAAW,gBACtB,IAAAxD,WAAA,CAAA8D,GAAA,EAACxE,YAAA,CAAAiH,SAAS;IACRC,IAAI,EAAC,UAAU;IACfC,kBAAkB,EAAE3E,IAAK;IACzB,gBAAcM,QAAS;IACvBsE,kBAAkB,EAAE;MAAEC,OAAO,EAAEvE,QAAQ;MAAEK;IAAS,CAAE;IACpD,iBAAeA,QAAQ,IAAIf,SAAU;IACrCe,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,CAAA,KAAMb,gBAAgB,GAAG,CAACS,QAAQ,CAAE;IAC7CwE,SAAS,EAAEvD,IAAK;IAChBwD,UAAU,EAAEvD,KAAM;IAClBX,KAAK,EAAEkD,KAAM;IACbhD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGnB,SAAU;IAAAmC,QAAA,EAE/CH;EAAI,CACI,CAAC,GACVlB,OAAO,KAAKd,SAAS,gBACvB,IAAA1B,WAAA,CAAA8D,GAAA,EAACxE,YAAA,CAAA+E,IAAI;IAAC1B,KAAK,EAAEkD,KAAM;IAAAhC,QAAA,EAAEH;EAAI,CAAO,CAAC,gBAEjC,IAAA1D,WAAA,CAAA8D,GAAA,EAACxE,YAAA,CAAAiH,SAAS;IACRC,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAExE,QAAQ,KAAKP,SAAS,GAAGI,IAAI,GAAG,GAAGA,IAAI,KAAKG,QAAQ,EAAG;IAC3E,iBAAeQ,QAAQ,IAAIf,SAAU;IACrCgF,kBAAkB,EAAE;MAAEjE;IAAS,CAAE;IACjCA,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBoE,SAAS,EAAEvD,IAAK;IAChBwD,UAAU,EAAEvD,KAAM;IAClBX,KAAK,EAAEkD,KAAM;IACbhD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGnB,SAAU;IAAAmC,QAAA,EAE7CH;EAAI,CACI,CACZ;EAED,oBACE,IAAA1D,WAAA,CAAA2D,IAAA,EAACrE,YAAA,CAAA+E,IAAI;IACH1B,KAAK,EAAE,CAAC;MAAEmD,aAAa,EAAE,KAAK;MAAEL,UAAU,EAAE,QAAQ;MAAEjB,GAAG,EAAE;IAAE,CAAC,EAAE7B,KAAK,CAAE;IACvEE,MAAM,EAAEA,MAAO;IAAAgB,QAAA,GAEdyC,IAAI,EACJ7E,QAAQ,KAAK,QAAQ,IAAIG,QAAQ,KAAKF,SAAS,GAC9CY,UAAU,gBACR,IAAAtC,WAAA,CAAA2D,IAAA,EAACrE,YAAA,CAAA+E,IAAI;MACH1B,KAAK,EAAE;QAAEmD,aAAa,EAAE,KAAK;QAAEL,UAAU,EAAE,QAAQ;QAAEjB,GAAG,EAAE,CAAC;QAAEyB,YAAY,EAAE;MAAE,CAAE;MAC/EpD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAc,GAAGnB,SAAU;MAAAmC,QAAA,gBAErD,IAAA7D,WAAA,CAAA8D,GAAA,EAACnE,YAAA,CAAAgG,WAAW;QAACZ,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEjC,KAAK,CAAC6B;MAAc,CAAE,CAAC,eACjE,IAAA7E,WAAA,CAAA8D,GAAA,EAACjE,MAAA,CAAA4E,IAAI;QAACR,OAAO,EAAC,eAAe;QAACtB,KAAK,EAAE;UAAEgC,KAAK,EAAE3B,KAAK,CAAC6B;QAAc,CAAE;QAAAhB,QAAA,EACjEtB;MAAe,CACZ,CAAC;IAAA,CACH,CAAC,gBAEP,IAAAvC,WAAA,CAAA8D,GAAA,EAACvE,OAAA,CAAAuH,MAAM;MACL7C,OAAO,EAAC,WAAW;MACnBvB,IAAI,EAAC,OAAO;MACZD,QAAQ,EAAEA,QAAS;MACnBD,OAAO,EAAEZ,QAAS;MAClBiB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGnB,SAAU;MAAAmC,QAAA,EAE/CxB;IAAW,CACN,CACT,GACC,IAAI;EAAA,CACJ,CAAC;AAEX;AAEO,MAAM0E,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAACpF,mBAAmB,CAAC;AACnDkF,UAAU,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/commonjs/chat-people/MemberList.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemberList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiSearchLine = require("../icons/remix/RiSearchLine.js");
+var _RiUserAddLine = require("../icons/remix/RiUserAddLine.js");
+var _index = require("../text-field/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _MemberRow = require("./MemberRow.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); }
+/**
+ * `MemberList`: a group's people, with a search field and an "Add members" row.
+ *
+ * The search field is CONTROLLED and filters nothing here. Which members match
+ * "an" depends on how the app normalises accents, whether it searches handles
+ * and phone numbers, and whether the list is paged from a server — none of
+ * which a component can guess, and all of which it would get wrong silently.
+ * Pass the filtered `members`; `emptyState` covers the search that found
+ * nobody.
+ */
+
+function MemberListComponent({
+  members,
+  search,
+  onSearchChange,
+  searchPlaceholder = 'Search members',
+  onAddMembers,
+  addMembersLabel,
+  onMemberPress,
+  onPromote,
+  onRestrict,
+  onRemove,
+  title,
+  emptyState,
+  labels,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const l = {
+    ..._shared.MEMBER_LABELS,
+    ...labels
+  };
+  const addLabel = addMembersLabel ?? 'Add members';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 6
+    }, style],
+    testID: testID,
+    children: [onSearchChange === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.TextField, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TextFieldIcon, {
+        icon: _RiSearchLine.RiSearchLine
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TextFieldInput, {
+        label: searchPlaceholder,
+        placeholder: searchPlaceholder,
+        value: search ?? '',
+        onChangeText: onSearchChange,
+        testID: testID ? `${testID}-search` : undefined
+      })]
+    }), onAddMembers === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: addLabel,
+      onPress: onAddMembers,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        borderRadius: 12,
+        paddingTop: 10,
+        paddingRight: 10,
+        paddingBottom: 10,
+        paddingLeft: 10
+      },
+      testID: testID ? `${testID}-add` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: 20,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: paint.accentSubtle
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiUserAddLine.RiUserAddLine, {
+          width: 20,
+          height: 20,
+          fill: paint.onAccentSubtle
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-medium",
+        style: {
+          color: paint.accent
+        },
+        children: addLabel
+      })]
+    }), title === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "caption-1-semibold",
+      style: {
+        color: paint.textSecondary,
+        paddingTop: 8,
+        paddingRight: 10,
+        paddingBottom: 2,
+        paddingLeft: 10
+      },
+      testID: testID ? `${testID}-title` : undefined,
+      children: title
+    }), members.length === 0 ? emptyState : members.map(member => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MemberRow.MemberRow, {
+      ...member,
+      labels: member.labels ?? l,
+      onPress: onMemberPress === undefined ? undefined : () => onMemberPress(member.id),
+      onPromote: onPromote === undefined ? undefined : () => onPromote(member.id),
+      onRestrict: onRestrict === undefined ? undefined : () => onRestrict(member.id),
+      onRemove: onRemove === undefined ? undefined : () => onRemove(member.id),
+      testID: testID ? `${testID}-member-${member.id}` : undefined
+    }, member.id))]
+  });
+}
+const MemberList = exports.MemberList = /*#__PURE__*/(0, _react.memo)(MemberListComponent);
+MemberList.displayName = 'MemberList';
+//# sourceMappingURL=MemberList.js.map

package/lib/commonjs/chat-people/MemberList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiSearchLine","_RiUserAddLine","_index","_useTheme","_index2","_MemberRow","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MemberListComponent","members","search","onSearchChange","searchPlaceholder","onAddMembers","addMembersLabel","onMemberPress","onPromote","onRestrict","onRemove","title","emptyState","labels","style","testID","theme","useTheme","paint","useMemo","resolveChatPeoplePaint","l","MEMBER_LABELS","addLabel","jsxs","View","gap","children","undefined","TextField","jsx","TextFieldIcon","icon","RiSearchLine","TextFieldInput","label","placeholder","value","onChangeText","Pressable","role","accessibilityLabel","onPress","flexDirection","alignItems","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","justifyContent","backgroundColor","accentSubtle","RiUserAddLine","fill","onAccentSubtle","Text","variant","color","accent","textSecondary","length","map","member","MemberRow","id","MemberList","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/MemberList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-people/MemberRow.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemberRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AvatarPresence = require("../chat-indicators/AvatarPresence.js");
+var _dropdownMenu = require("../dropdown-menu");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiForbidLine = require("../icons/remix/RiForbidLine.js");
+var _RiMore2Line = require("../icons/remix/RiMore2Line.js");
+var _RiShieldUserLine = require("../icons/remix/RiShieldUserLine.js");
+var _RiUserMinusLine = require("../icons/remix/RiUserMinusLine.js");
+var _RiVipCrownLine = require("../icons/remix/RiVipCrownLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.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); }
+/**
+ * `MemberRow`: one person inside a group.
+ *
+ *   avatar with presence · name + role badge · "last seen recently"
+ *   · a more menu (promote · restrict · remove)
+ *
+ * THE BADGE IS A WORD, NOT A COLOUR. `owner` is amber and `admin` is the
+ * accent, but each also carries a glyph and its own text, because a role told
+ * apart by hue alone is a role one reader in twelve cannot read at all — and
+ * "who can remove me from this group" is not a detail to encode in a tint.
+ *
+ * The menu appears only when at least one of `onPromote` / `onRestrict` /
+ * `onRemove` is given, and lists only the actions that exist. `trailingSlot`
+ * replaces it entirely for a caller who wants their own.
+ */
+
+function MemberRowComponent({
+  name,
+  avatar,
+  avatarVariant,
+  subtitle,
+  status,
+  role = 'member',
+  roleLabel,
+  onPress,
+  onPromote,
+  onRestrict,
+  onRemove,
+  trailingSlot,
+  labels,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatPeoplePaint)(theme), [theme]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const l = {
+    ..._shared.MEMBER_LABELS,
+    ...labels
+  };
+  const badge = (0, _shared.memberBadgeLabel)(role, l, roleLabel);
+  const owner = role === 'owner';
+  const BadgeGlyph = owner ? _RiVipCrownLine.RiVipCrownLine : _RiShieldUserLine.RiShieldUserLine;
+  const badgeColor = owner ? paint.owner : paint.onAccentSubtle;
+  const badgeFill = owner ? paint.ownerSubtle : paint.accentSubtle;
+  const actions = [onPromote === undefined ? undefined : {
+    key: 'promote',
+    label: l.promote,
+    icon: _RiShieldUserLine.RiShieldUserLine,
+    onPress: onPromote,
+    destructive: false
+  }, onRestrict === undefined ? undefined : {
+    key: 'restrict',
+    label: l.restrict,
+    icon: _RiForbidLine.RiForbidLine,
+    onPress: onRestrict,
+    destructive: false
+  }, onRemove === undefined ? undefined : {
+    key: 'remove',
+    label: l.remove,
+    icon: _RiUserMinusLine.RiUserMinusLine,
+    onPress: onRemove,
+    destructive: true
+  }].filter(action => action !== undefined);
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarPresence.AvatarPresence, {
+      source: avatar,
+      variant: avatarVariant,
+      name: name,
+      size: 40,
+      status: status,
+      presenceRingColor: paint.surface,
+      presenceLabel: ""
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.text,
+            flexShrink: 1
+          },
+          testID: testID ? `${testID}-name` : undefined,
+          children: name
+        }), badge === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 3,
+            borderRadius: 999,
+            backgroundColor: badgeFill,
+            paddingTop: 1,
+            paddingRight: 7,
+            paddingBottom: 1,
+            paddingLeft: 5
+          },
+          testID: testID ? `${testID}-role` : undefined,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BadgeGlyph, {
+            width: 11,
+            height: 11,
+            fill: badgeColor
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "caption-2-semibold",
+            style: {
+              color: badgeColor
+            },
+            children: badge
+          })]
+        })]
+      }), subtitle === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        children: subtitle
+      })]
+    })]
+  });
+  const shell = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    flex: 1,
+    minWidth: 0,
+    borderRadius: 12,
+    backgroundColor: hovered && onPress !== undefined ? paint.rowHighlight : 'transparent',
+    paddingTop: 8,
+    paddingRight: 8,
+    paddingBottom: 8,
+    paddingLeft: 10
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    }, style],
+    testID: testID,
+    children: [onPress === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: shell,
+      children: body
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: badge === undefined ? name : `${name}, ${badge}`,
+      onPress: onPress,
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      style: shell,
+      testID: testID ? `${testID}-open` : undefined,
+      children: body
+    }), trailingSlot !== undefined ? trailingSlot : actions.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+        asChild: true,
+        label: l.actions(name),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          role: "button",
+          accessibilityLabel: l.actions(name),
+          hitSlop: {
+            top: 8,
+            bottom: 8,
+            left: 8,
+            right: 8
+          },
+          style: {
+            width: 32,
+            height: 32,
+            borderRadius: 16,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          testID: testID ? `${testID}-actions` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMore2Line.RiMore2Line, {
+            width: 18,
+            height: 18,
+            fill: paint.textSecondary
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+        minWidth: 200,
+        children: actions.map(action => {
+          const Icon = action.icon;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuItem, {
+            onPress: action.onPress,
+            variant: action.destructive ? 'destructive' : 'default',
+            leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+              width: 16,
+              height: 16,
+              fill: action.destructive ? paint.negative : paint.textSecondary
+            }),
+            children: action.label
+          }, action.key);
+        })
+      })]
+    })]
+  });
+}
+const MemberRow = exports.MemberRow = /*#__PURE__*/(0, _react.memo)(MemberRowComponent);
+MemberRow.displayName = 'MemberRow';
+//# sourceMappingURL=MemberRow.js.map

package/lib/commonjs/chat-people/MemberRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AvatarPresence","_dropdownMenu","_useInteractionState","_RiForbidLine","_RiMore2Line","_RiShieldUserLine","_RiUserMinusLine","_RiVipCrownLine","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MemberRowComponent","name","avatar","avatarVariant","subtitle","status","role","roleLabel","onPress","onPromote","onRestrict","onRemove","trailingSlot","labels","style","testID","theme","useTheme","paint","useMemo","resolveChatPeoplePaint","state","hovered","onIn","onOut","useInteractionState","l","MEMBER_LABELS","badge","memberBadgeLabel","owner","BadgeGlyph","RiVipCrownLine","RiShieldUserLine","badgeColor","onAccentSubtle","badgeFill","ownerSubtle","accentSubtle","actions","undefined","key","label","promote","icon","destructive","restrict","RiForbidLine","remove","RiUserMinusLine","filter","action","body","jsxs","Fragment","children","jsx","AvatarPresence","source","variant","size","presenceRingColor","surface","presenceLabel","View","flex","minWidth","gap","flexDirection","alignItems","Text","numberOfLines","color","text","flexShrink","borderRadius","backgroundColor","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","fill","textSecondary","shell","rowHighlight","Pressable","accessibilityLabel","onHoverIn","onHoverOut","length","DropdownMenu","DropdownMenuTrigger","asChild","hitSlop","top","bottom","left","right","justifyContent","RiMore2Line","DropdownMenuContent","map","Icon","DropdownMenuItem","leading","negative","MemberRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-people/MemberRow.tsx"],"mappings":"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","ignoreList":[]}