jfs-components 0.0.73 → 0.0.77

package/lib/module/icons/Icon.js

@@ -5,6 +5,8 @@ import { View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { getIcon, hasIcon } from './registry';
 import MediaSource from '../utils/MediaSource';
+import Skeleton from '../skeleton/Skeleton';
+import { useSkeleton } from '../skeleton/SkeletonGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Generic Icon component.
@@ -36,14 +38,28 @@ function Icon({
   size = 24,
   color = '#141414',
   style,
+  loading,
   ...rest
 }) {
+  // Skeleton context — always read; we short-circuit below.
+  const {
+    active: groupActive
+  } = useSkeleton();
+  const isLoading = loading ?? groupActive;
   const containerStyle = [{
     width: size,
     height: size,
     alignItems: 'center',
     justifyContent: 'center'
   }, style];
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(Skeleton, {
+      kind: "other",
+      width: size,
+      height: size,
+      style: style
+    });
+  }
   const iconData = name && hasIcon(name) ? getIcon(name) : null;
   if (iconData) {
     const viewBoxParts = iconData.viewBox.split(' ');