react-native-nano-icons 0.1.1 → 0.1.3

package/src/specs/NanoIconViewNativeComponent.ts

@@ -0,0 +1,15 @@
+import { codegenNativeComponent } from 'react-native';
+import type { CodegenTypes as CT, ViewProps } from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  fontFamily: string;
+  codepoints: ReadonlyArray<CT.Int32>;
+  colors: ReadonlyArray<CT.Int32>;
+  fontSize: CT.Float;
+  advanceWidth: CT.Int32;
+  unitsPerEm: CT.Int32;
+  iconWidth: CT.Float;
+  iconHeight: CT.Float;
+}
+
+export default codegenNativeComponent<NativeProps>('NanoIconView');

package/src/types.ts

@@ -0,0 +1,27 @@
+import type { ComponentRef, Ref } from 'react';
+import type {
+  AccessibilityRole,
+  ColorValue,
+  View,
+  ViewStyle,
+} from 'react-native';
+import type { NanoGlyphMapInput } from './core/types';
+
+type ViewRef = ComponentRef<typeof View>;
+
+export type IconProps<Name> = {
+  name: Name;
+  size?: number;
+  color?: ColorValue | ColorValue[];
+  allowFontScaling?: boolean;
+  style?: ViewStyle;
+  accessible?: boolean;
+  accessibilityLabel?: string;
+  accessibilityRole?: AccessibilityRole;
+  ref?: Ref<ViewRef>;
+  testID?: string;
+};
+
+export type IconComponent<GM extends NanoGlyphMapInput> = React.FC<
+  IconProps<keyof GM['i']>
+>;

package/src/utils/shallowEqualColor.ts

@@ -0,0 +1,17 @@
+import type { ColorValue } from 'react-native';
+
+/** Shallow-compare two color props (single value or array) instead of arr ref for memo equality. */
+export function shallowEqualColor(
+  a: ColorValue | ColorValue[] | undefined,
+  b: ColorValue | ColorValue[] | undefined
+): boolean {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i++) {
+      if (a[i] !== b[i]) return false;
+    }
+    return true;
+  }
+  return false;
+}