jfs-components 0.0.74 → 0.0.77

package/lib/commonjs/icons/Icon.js

@@ -9,6 +9,8 @@ var _reactNative = require("react-native");
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _registry = require("./registry");
 var _MediaSource = _interopRequireDefault(require("../utils/MediaSource"));
+var _Skeleton = _interopRequireDefault(require("../skeleton/Skeleton"));
+var _SkeletonGroup = require("../skeleton/SkeletonGroup");
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -42,14 +44,28 @@ function Icon({
   size = 24,
   color = '#141414',
   style,
+  loading,
   ...rest
 }) {
+  // Skeleton context — always read; we short-circuit below.
+  const {
+    active: groupActive
+  } = (0, _SkeletonGroup.useSkeleton)();
+  const isLoading = loading ?? groupActive;
   const containerStyle = [{
     width: size,
     height: size,
     alignItems: 'center',
     justifyContent: 'center'
   }, style];
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+      kind: "other",
+      width: size,
+      height: size,
+      style: style
+    });
+  }
   const iconData = name && (0, _registry.hasIcon)(name) ? (0, _registry.getIcon)(name) : null;
   if (iconData) {
     const viewBoxParts = iconData.viewBox.split(' ');