jfs-components 0.1.23 → 0.1.28

package/lib/commonjs/components/UpiHandle/UpiHandle.js

@@ -14,9 +14,6 @@ var _Icon = _interopRequireDefault(require("../../icons/Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-// Default static asset from the component folder.
-// Consumers can override the image via the `source` prop if needed.
-const DEFAULT_AVATAR_IMAGE = require('./Image.png');
 const IS_WEB = _reactNative.Platform.OS === 'web';
 const IS_IOS = _reactNative.Platform.OS === 'ios';
 const PRESS_DELAY = IS_IOS ? 130 : 0;
@@ -89,7 +86,7 @@ function resolveUpiHandleTokens(modes) {
  * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
  * @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
  * @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set.
- * @param {UnifiedSource} [props.source] - Unified avatar source (URI, inline SVG XML, `require()` asset, SVG React component, or React element). Smart-detects raster vs SVG so the same prop works on iOS, Android and web.
+ * @param {UnifiedSource} [props.source] - Unified avatar source (URI, inline SVG XML, `require()` asset, SVG React component, or React element). Smart-detects raster vs SVG so the same prop works on iOS, Android and web. Providing a source force-sets `UPI Handle Image: True` (avatar shown); omitting it force-sets `False` (avatar hidden), overriding any `UPI Handle Image` value passed via `modes`.
  * @param {ImageSourcePropType|UnifiedSource} [props.avatarSource] - Deprecated alias for `source`; kept for back-compat.
  * @param {Function} [props.onClick] - Click/tap handler. Works as an alias for `onPress`.
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers
@@ -124,10 +121,24 @@ function UpiHandle({
   const {
     modes: globalModes
   } = (0, _JFSThemeProvider.useTokens)();
-  const modes = (0, _react.useMemo)(() => globalModes === _reactUtils.EMPTY_MODES && propModes === _reactUtils.EMPTY_MODES ? _reactUtils.EMPTY_MODES : {
-    ...globalModes,
-    ...propModes
-  }, [globalModes, propModes]);
+
+  // The avatar is fully driven by the presence of a `source`. It force-sets the
+  // Figma "UPI Handle Image" collection to `True` when a source is provided and
+  // `False` otherwise. This is applied last so it overrides any consumer-passed
+  // `UPI Handle Image` mode, keeping the avatar visibility and the token layout
+  // (symmetric padding in the hidden-image state) in lockstep with the source.
+  const hasSource = source != null || avatarSource != null;
+  const modes = (0, _react.useMemo)(() => {
+    const base = globalModes === _reactUtils.EMPTY_MODES && propModes === _reactUtils.EMPTY_MODES ? _reactUtils.EMPTY_MODES : {
+      ...globalModes,
+      ...propModes
+    };
+    return {
+      ...base,
+      'UPI Handle Image': hasSource ? 'True' : 'False'
+    };
+  }, [globalModes, propModes, hasSource]);
+  const showImageResolved = hasSource;
   const tokens = (0, _react.useMemo)(() => resolveUpiHandleTokens(modes), [modes]);
 
   // Focus is a sustained visible state (web-only). Setter is gated so it
@@ -161,11 +172,12 @@ function UpiHandle({
 
   // `source` wins; `avatarSource` is the legacy fallback. Both are accepted
   // as a UnifiedSource (string / number / {uri} / component / element), and
-  // the legacy `ImageSourcePropType` shapes naturally fit that union too.
-  const resolvedAvatarSource = source ?? avatarSource ?? DEFAULT_AVATAR_IMAGE;
+  // the legacy `ImageSourcePropType` shapes naturally fit that union too. This
+  // is only read when `showImageResolved` is true, which requires a source.
+  const resolvedAvatarSource = source ?? avatarSource;
   const avatarSize = tokens.avatarStyle.width ?? 23;
   const innerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [showImageResolved && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: tokens.avatarStyle,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSource.default, {
         source: resolvedAvatarSource,

package/lib/commonjs/components/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ActionTile", {
     return _ActionTile.default;
   }
 });
+Object.defineProperty(exports, "Additem", {
+  enumerable: true,
+  get: function () {
+    return _Additem.default;
+  }
+});
 Object.defineProperty(exports, "AllocationComparisonChart", {
   enumerable: true,
   get: function () {
@@ -63,6 +69,12 @@ Object.defineProperty(exports, "Attached", {
     return _Attached.default;
   }
 });
+Object.defineProperty(exports, "AutoplayControl", {
+  enumerable: true,
+  get: function () {
+    return _AutoplayControl.default;
+  }
+});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
@@ -375,6 +387,12 @@ Object.defineProperty(exports, "FormField", {
     return _FormField.default;
   }
 });
+Object.defineProperty(exports, "FormUpload", {
+  enumerable: true,
+  get: function () {
+    return _FormUpload.default;
+  }
+});
 Object.defineProperty(exports, "FullscreenModal", {
   enumerable: true,
   get: function () {
@@ -387,6 +405,12 @@ Object.defineProperty(exports, "Gauge", {
     return _Gauge.default;
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
   get: function () {
@@ -543,6 +567,12 @@ Object.defineProperty(exports, "Nudge", {
     return _Nudge.default;
   }
 });
+Object.defineProperty(exports, "NumberPagination", {
+  enumerable: true,
+  get: function () {
+    return _NumberPagination.default;
+  }
+});
 Object.defineProperty(exports, "Numpad", {
   enumerable: true,
   get: function () {
@@ -627,6 +657,12 @@ Object.defineProperty(exports, "ProductOverview", {
     return _ProductOverview.default;
   }
 });
+Object.defineProperty(exports, "ProfileCard", {
+  enumerable: true,
+  get: function () {
+    return _ProfileCard.default;
+  }
+});
 Object.defineProperty(exports, "ProgressBadge", {
   enumerable: true,
   get: function () {
@@ -1029,6 +1065,9 @@ var _FilterBar = _interopRequireDefault(require("./FilterBar/FilterBar"));
 var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal/FullscreenModal"));
 var _Form = _interopRequireWildcard(require("./Form/Form"));
 var _FormField = _interopRequireDefault(require("./FormField/FormField"));
+var _Grid = _interopRequireDefault(require("./Grid/Grid"));
+var _FormUpload = _interopRequireDefault(require("./FormUpload/FormUpload"));
+var _Additem = _interopRequireDefault(require("./FormUpload/Additem"));
 var _ContentSheet = _interopRequireDefault(require("./ContentSheet/ContentSheet"));
 var _CircularProgressBar = _interopRequireDefault(require("./CircularProgressBar/CircularProgressBar"));
 var _CircularProgressBarDoted = _interopRequireDefault(require("./CircularProgressBarDoted/CircularProgressBarDoted"));
@@ -1124,6 +1163,7 @@ var _CompareTable = _interopRequireDefault(require("./CompareTable/CompareTable"
 var _Table = _interopRequireWildcard(require("./Table/Table"));
 var _PoweredByLabel = _interopRequireDefault(require("./PoweredByLabel/PoweredByLabel"));
 var _ProductLabel = _interopRequireDefault(require("./ProductLabel/ProductLabel"));
+var _ProfileCard = _interopRequireDefault(require("./ProfileCard/ProfileCard"));
 var _ProductMerchandisingCard = _interopRequireDefault(require("./ProductMerchandisingCard/ProductMerchandisingCard"));
 var _ProductOverview = _interopRequireDefault(require("./ProductOverview/ProductOverview"));
 var _ProjectionMarker = _interopRequireDefault(require("./ProjectionMarker/ProjectionMarker"));
@@ -1140,5 +1180,7 @@ var _Text = _interopRequireDefault(require("./Text/Text"));
 var _TextSegment = _interopRequireDefault(require("./TextSegment/TextSegment"));
 var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl/SegmentedControl"));
 var _Toggle = _interopRequireDefault(require("./Toggle/Toggle"));
+var _AutoplayControl = _interopRequireDefault(require("./AutoplayControl/AutoplayControl"));
+var _NumberPagination = _interopRequireDefault(require("./NumberPagination/NumberPagination"));
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }