@react-native-vector-icons/common 0.0.1-alpha.1 → 0.0.1-alpha.11

package/src/create-icon-set.tsx

@@ -1,17 +1,10 @@
 import React, { forwardRef, type Ref } from 'react';
 
-import {
-  Platform,
-  PixelRatio,
-  processColor,
-  Text,
-  type TextProps,
-  type TextStyle,
-} from 'react-native';
+import { PixelRatio, Platform, Text, type TextProps, type TextStyle, processColor } from 'react-native';
 
-import ensureNativeModuleAvailable from './ensure-native-module-available';
-import createIconSourceCache from './create-icon-source-cache';
 import NativeIconAPI from './NativeVectorIcons';
+import createIconSourceCache from './create-icon-source-cache';
+import ensureNativeModuleAvailable from './ensure-native-module-available';
 
 export const DEFAULT_ICON_SIZE = 12;
 export const DEFAULT_ICON_COLOR = 'black';
@@ -27,12 +20,10 @@ export const createIconSet = <GM extends Record<string, number>>(
   glyphMap: GM,
   fontFamily: string,
   fontFile: string,
-  fontStyle?: TextProps['style']
+  fontStyle?: TextProps['style'],
 ) => {
   // Android doesn't care about actual fontFamily name, it will only look in fonts folder.
-  const fontBasename = fontFile
-    ? fontFile.replace(/\.(otf|ttf)$/, '')
-    : fontFamily;
+  const fontBasename = fontFile ? fontFile.replace(/\.(otf|ttf)$/, '') : fontFamily;
 
   const fontReference = Platform.select({
     windows: `/Assets/${fontFile}#${fontFamily}`,
@@ -88,7 +79,9 @@ export const createIconSet = <GM extends Record<string, number>>(
     );
   };
 
-  const WrappedIcon = forwardRef<Text, IconProps<keyof typeof glyphMap>>((props, ref) => <Icon innerRef={ref} {...props} />);
+  const WrappedIcon = forwardRef<Text, IconProps<keyof typeof glyphMap>>((props, ref) => (
+    <Icon innerRef={ref} {...props} />
+  ));
   WrappedIcon.displayName = 'Icon';
 
   const imageSourceCache = createIconSourceCache();
@@ -96,7 +89,7 @@ export const createIconSet = <GM extends Record<string, number>>(
   const getImageSourceSync = (
     name: keyof GM,
     size = DEFAULT_ICON_SIZE,
-    color: TextStyle['color'] = DEFAULT_ICON_COLOR
+    color: TextStyle['color'] = DEFAULT_ICON_COLOR,
   ) => {
     ensureNativeModuleAvailable();
 
@@ -110,13 +103,12 @@ export const createIconSet = <GM extends Record<string, number>>(
     }
 
     try {
-      const imagePath =
-        NativeIconAPI.getImageForFontSync(
-          fontReference,
-          glyph,
-          size,
-          processedColor as number // FIXME what if a non existant colour was passed in?
-        );
+      const imagePath = NativeIconAPI.getImageForFontSync(
+        fontReference,
+        glyph,
+        size,
+        processedColor as number, // FIXME what if a non existant colour was passed in?
+      );
       const value = { uri: imagePath, scale: PixelRatio.get() };
       imageSourceCache.setValue(cacheKey, value);
       return value;
@@ -129,7 +121,7 @@ export const createIconSet = <GM extends Record<string, number>>(
   const getImageSource = async (
     name: keyof GM,
     size = DEFAULT_ICON_SIZE,
-    color: TextStyle['color'] = DEFAULT_ICON_COLOR
+    color: TextStyle['color'] = DEFAULT_ICON_COLOR,
   ) => {
     ensureNativeModuleAvailable();
 
@@ -147,7 +139,7 @@ export const createIconSet = <GM extends Record<string, number>>(
         fontReference,
         glyph,
         size,
-        processedColor as number // FIXME what if a non existant colour was passed in?
+        processedColor as number, // FIXME what if a non existant colour was passed in?
       );
       const value = { uri: imagePath, scale: PixelRatio.get() };
       imageSourceCache.setValue(cacheKey, value);
@@ -165,18 +157,22 @@ export const createIconSet = <GM extends Record<string, number>>(
     ensureNativeModuleAvailable();
 
     const [filename, extension] = fontFile.split('.'); // FIXME: what if filename has two dots?
+    if (!filename) {
+      // NOTE: Thie is impossible but TypeScript doesn't know that
+      throw new Error('Font needs a filename.');
+    }
     if (!extension) {
       throw new Error('Font needs a filename extensison.');
     }
 
-    await NativeIconAPI.loadFontWithFileName(filename!, extension, 'react-native-vector-icons');
+    await NativeIconAPI.loadFontWithFileName(filename, extension, 'react-native-vector-icons');
   };
 
   loadFont();
 
   const IconNamespace = Object.assign(WrappedIcon, {
-    getImageSource: getImageSource,
-    getImageSourceSync: getImageSourceSync,
+    getImageSource,
+    getImageSourceSync,
   });
 
   return IconNamespace;

package/src/create-icon-source-cache.ts

@@ -3,27 +3,24 @@ const TYPE_ERROR = 'error';
 
 type ValueData = { uri: string; scale: number };
 
-type Value =
-  | { type: typeof TYPE_VALUE; data: ValueData }
-  | { type: typeof TYPE_ERROR; data: Error };
+type Value = { type: typeof TYPE_VALUE; data: ValueData } | { type: typeof TYPE_ERROR; data: Error };
 
 export default function createIconSourceCache() {
   const cache = new Map<string, Value>();
 
-  const setValue = (key: string, value: ValueData) =>
-    cache.set(key, { type: TYPE_VALUE, data: value });
+  const setValue = (key: string, value: ValueData) => cache.set(key, { type: TYPE_VALUE, data: value });
 
-  const setError = (key: string, error: Error) =>
-    cache.set(key, { type: TYPE_ERROR, data: error });
+  const setError = (key: string, error: Error) => cache.set(key, { type: TYPE_ERROR, data: error });
 
   const has = (key: string) => cache.has(key);
 
   const get = (key: string) => {
-    if (!cache.has(key)) {
+    const value = cache.get(key);
+    if (!value) {
       return undefined;
     }
 
-    const { type, data } = cache.get(key)!;
+    const { type, data } = value;
     if (type === TYPE_ERROR) {
       throw data;
     }

package/src/ensure-native-module-available.ts

@@ -3,7 +3,7 @@ import NativeIconAPI from './NativeVectorIcons';
 export default function ensureNativeModuleAvailable() {
   if (!NativeIconAPI) {
     throw new Error(
-      'The native RNVectorIcons API is not available, did you properly integrate the module? Please verify your autolinking setup and recompile.'
+      'The native RNVectorIcons API is not available, did you properly integrate the module? Please verify your autolinking setup and recompile.',
     );
   }
 }

package/src/scripts/getFonts.ts

@@ -44,7 +44,7 @@ const getFonts = (dir: string) => {
     }
 
     const fonts = fs.readdirSync(fontDir);
-    fonts.forEach((font) => console.log(`${fontDir}/${font}`));
+    fonts.forEach((font) => console.log(`${fontDir}/${font}`)); // eslint-disable-line no-console
   });
 };
 

package/lib/commonjs/icon-button.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.createIconButtonComponent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _objectUtils = require("./object-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    padding: 8
-  },
-  touchable: {
-    overflow: 'hidden'
-  },
-  icon: {
-    marginRight: 10
-  },
-  text: {
-    fontWeight: '600',
-    backgroundColor: 'transparent'
-  }
-});
-const IOS7_BLUE = '#007AFF';
-const TEXT_PROP_NAMES = ['ellipsizeMode', 'numberOfLines', 'textBreakStrategy', 'selectable', 'suppressHighlighting', 'allowFontScaling', 'adjustsFontSizeToFit', 'minimumFontScale'];
-const TOUCHABLE_PROP_NAMES = ['accessible', 'accessibilityLabel', 'accessibilityHint', 'accessibilityComponentType', 'accessibilityRole', 'accessibilityStates', 'accessibilityTraits', 'onFocus', 'onBlur', 'disabled', 'onPress', 'onPressIn', 'onPressOut', 'onLayout', 'onLongPress', 'nativeID', 'testID', 'delayPressIn', 'delayPressOut', 'delayLongPress', 'activeOpacity', 'underlayColor', 'selectionColor', 'onShowUnderlay', 'onHideUnderlay', 'hasTVPreferredFocus', 'tvParallaxProperties'];
-const createIconButtonComponent = Icon => ({
-  name,
-  color = 'white',
-  borderRadius = 5,
-  iconStyle,
-  style,
-  backgroundColor = IOS7_BLUE,
-  size = 20,
-  children,
-  ...restProps
-}) => {
-  const iconProps = {
-    ...(0, _objectUtils.pick)(restProps, ...TEXT_PROP_NAMES),
-    style,
-    name,
-    size,
-    color
-  };
-  const touchableProps = (0, _objectUtils.pick)(restProps, ...TOUCHABLE_PROP_NAMES);
-  const props = (0, _objectUtils.omit)(restProps, ...Object.keys(iconProps), ...Object.keys(touchableProps));
-  iconProps.style = iconStyle ? [styles.icon, iconStyle] : styles.icon;
-  const colorStyle = {
-    color
-  };
-  const blockStyle = {
-    backgroundColor,
-    borderRadius
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({
-    style: [styles.touchable, blockStyle]
-  }, touchableProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: [styles.container, blockStyle, style]
-  }, props), /*#__PURE__*/_react.default.createElement(Icon, iconProps), typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [styles.text, colorStyle],
-    selectable: false
-  }, children) : children));
-};
-exports.createIconButtonComponent = createIconButtonComponent;
-var _default = exports.default = createIconButtonComponent;
-//# sourceMappingURL=icon-button.js.map

package/lib/commonjs/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_objectUtils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","styles","StyleSheet","create","container","flexDirection","justifyContent","alignItems","padding","touchable","overflow","icon","marginRight","text","fontWeight","backgroundColor","IOS7_BLUE","TEXT_PROP_NAMES","TOUCHABLE_PROP_NAMES","createIconButtonComponent","Icon","name","color","borderRadius","iconStyle","style","size","children","restProps","iconProps","pick","touchableProps","props","omit","keys","colorStyle","blockStyle","createElement","TouchableHighlight","View","Text","selectable","exports","_default"],"sourceRoot":"../../src","sources":["icon-button.tsx"],"mappings":"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"}

package/lib/commonjs/object-utils.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pick = exports.omit = void 0;
-const pick = (obj, ...keys) => keys.flat().filter(key => Object.prototype.hasOwnProperty.call(obj, key)).reduce((acc, key) => {
-  acc[key] = obj[key];
-  return acc;
-}, {});
-exports.pick = pick;
-const omit = (obj, ...keysToOmit) => {
-  const keysToOmitSet = new Set(keysToOmit.flat());
-  return Object.getOwnPropertyNames(obj).filter(key => !keysToOmitSet.has(key)).reduce((acc, key) => {
-    acc[key] = obj[key];
-    return acc;
-  }, {});
-};
-exports.omit = omit;
-//# sourceMappingURL=object-utils.js.map

package/lib/commonjs/object-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","obj","keys","flat","filter","key","Object","prototype","hasOwnProperty","call","reduce","acc","exports","omit","keysToOmit","keysToOmitSet","Set","getOwnPropertyNames","has"],"sourceRoot":"../../src","sources":["object-utils.ts"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAGA,CAACC,GAAwB,EAAE,GAAGC,IAAc,KAC9DA,IAAI,CACDC,IAAI,CAAC,CAAC,CACNC,MAAM,CAAEC,GAAG,IAAKC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACR,GAAG,EAAEI,GAAG,CAAC,CAAC,CAC/DK,MAAM,CACL,CAACC,GAAG,EAAEN,GAAG,KAAK;EACZM,GAAG,CAACN,GAAG,CAAC,GAAGJ,GAAG,CAACI,GAAG,CAAC;EACnB,OAAOM,GAAG;AACZ,CAAC,EACD,CAAC,CACH,CAAC;AAACC,OAAA,CAAAZ,IAAA,GAAAA,IAAA;AAEC,MAAMa,IAAI,GAAGA,CAACZ,GAAwB,EAAE,GAAGa,UAAoB,KAAK;EACzE,MAAMC,aAAa,GAAG,IAAIC,GAAG,CAACF,UAAU,CAACX,IAAI,CAAC,CAAC,CAAC;EAEhD,OAAOG,MAAM,CAACW,mBAAmB,CAAChB,GAAG,CAAC,CACnCG,MAAM,CAAEC,GAAG,IAAK,CAACU,aAAa,CAACG,GAAG,CAACb,GAAG,CAAC,CAAC,CACxCK,MAAM,CACL,CAACC,GAAG,EAAEN,GAAG,KAAK;IACZM,GAAG,CAACN,GAAG,CAAC,GAAGJ,GAAG,CAACI,GAAG,CAAC;IACnB,OAAOM,GAAG;EACZ,CAAC,EACD,CAAC,CACH,CAAC;AACL,CAAC;AAACC,OAAA,CAAAC,IAAA,GAAAA,IAAA"}

package/lib/module/icon-button.js

@@ -1,64 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { StyleSheet, Text, TouchableHighlight, View } from 'react-native';
-import { pick, omit } from './object-utils';
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    padding: 8
-  },
-  touchable: {
-    overflow: 'hidden'
-  },
-  icon: {
-    marginRight: 10
-  },
-  text: {
-    fontWeight: '600',
-    backgroundColor: 'transparent'
-  }
-});
-const IOS7_BLUE = '#007AFF';
-const TEXT_PROP_NAMES = ['ellipsizeMode', 'numberOfLines', 'textBreakStrategy', 'selectable', 'suppressHighlighting', 'allowFontScaling', 'adjustsFontSizeToFit', 'minimumFontScale'];
-const TOUCHABLE_PROP_NAMES = ['accessible', 'accessibilityLabel', 'accessibilityHint', 'accessibilityComponentType', 'accessibilityRole', 'accessibilityStates', 'accessibilityTraits', 'onFocus', 'onBlur', 'disabled', 'onPress', 'onPressIn', 'onPressOut', 'onLayout', 'onLongPress', 'nativeID', 'testID', 'delayPressIn', 'delayPressOut', 'delayLongPress', 'activeOpacity', 'underlayColor', 'selectionColor', 'onShowUnderlay', 'onHideUnderlay', 'hasTVPreferredFocus', 'tvParallaxProperties'];
-export const createIconButtonComponent = Icon => ({
-  name,
-  color = 'white',
-  borderRadius = 5,
-  iconStyle,
-  style,
-  backgroundColor = IOS7_BLUE,
-  size = 20,
-  children,
-  ...restProps
-}) => {
-  const iconProps = {
-    ...pick(restProps, ...TEXT_PROP_NAMES),
-    style,
-    name,
-    size,
-    color
-  };
-  const touchableProps = pick(restProps, ...TOUCHABLE_PROP_NAMES);
-  const props = omit(restProps, ...Object.keys(iconProps), ...Object.keys(touchableProps));
-  iconProps.style = iconStyle ? [styles.icon, iconStyle] : styles.icon;
-  const colorStyle = {
-    color
-  };
-  const blockStyle = {
-    backgroundColor,
-    borderRadius
-  };
-  return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
-    style: [styles.touchable, blockStyle]
-  }, touchableProps), /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, blockStyle, style]
-  }, props), /*#__PURE__*/React.createElement(Icon, iconProps), typeof children === 'string' ? /*#__PURE__*/React.createElement(Text, {
-    style: [styles.text, colorStyle],
-    selectable: false
-  }, children) : children));
-};
-export default createIconButtonComponent;
-//# sourceMappingURL=icon-button.js.map

package/lib/module/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","Text","TouchableHighlight","View","pick","omit","styles","create","container","flexDirection","justifyContent","alignItems","padding","touchable","overflow","icon","marginRight","text","fontWeight","backgroundColor","IOS7_BLUE","TEXT_PROP_NAMES","TOUCHABLE_PROP_NAMES","createIconButtonComponent","Icon","name","color","borderRadius","iconStyle","style","size","children","restProps","iconProps","touchableProps","props","Object","keys","colorStyle","blockStyle","createElement","_extends","selectable"],"sourceRoot":"../../src","sources":["icon-button.tsx"],"mappings":"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"}

package/lib/module/object-utils.js

@@ -1,12 +0,0 @@
-export const pick = (obj, ...keys) => keys.flat().filter(key => Object.prototype.hasOwnProperty.call(obj, key)).reduce((acc, key) => {
-  acc[key] = obj[key];
-  return acc;
-}, {});
-export const omit = (obj, ...keysToOmit) => {
-  const keysToOmitSet = new Set(keysToOmit.flat());
-  return Object.getOwnPropertyNames(obj).filter(key => !keysToOmitSet.has(key)).reduce((acc, key) => {
-    acc[key] = obj[key];
-    return acc;
-  }, {});
-};
-//# sourceMappingURL=object-utils.js.map

package/lib/module/object-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","obj","keys","flat","filter","key","Object","prototype","hasOwnProperty","call","reduce","acc","omit","keysToOmit","keysToOmitSet","Set","getOwnPropertyNames","has"],"sourceRoot":"../../src","sources":["object-utils.ts"],"mappings":"AAAA,OAAO,MAAMA,IAAI,GAAGA,CAACC,GAAwB,EAAE,GAAGC,IAAc,KAC9DA,IAAI,CACDC,IAAI,CAAC,CAAC,CACNC,MAAM,CAAEC,GAAG,IAAKC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACR,GAAG,EAAEI,GAAG,CAAC,CAAC,CAC/DK,MAAM,CACL,CAACC,GAAG,EAAEN,GAAG,KAAK;EACZM,GAAG,CAACN,GAAG,CAAC,GAAGJ,GAAG,CAACI,GAAG,CAAC;EACnB,OAAOM,GAAG;AACZ,CAAC,EACD,CAAC,CACH,CAAC;AAEL,OAAO,MAAMC,IAAI,GAAGA,CAACX,GAAwB,EAAE,GAAGY,UAAoB,KAAK;EACzE,MAAMC,aAAa,GAAG,IAAIC,GAAG,CAACF,UAAU,CAACV,IAAI,CAAC,CAAC,CAAC;EAEhD,OAAOG,MAAM,CAACU,mBAAmB,CAACf,GAAG,CAAC,CACnCG,MAAM,CAAEC,GAAG,IAAK,CAACS,aAAa,CAACG,GAAG,CAACZ,GAAG,CAAC,CAAC,CACxCK,MAAM,CACL,CAACC,GAAG,EAAEN,GAAG,KAAK;IACZM,GAAG,CAACN,GAAG,CAAC,GAAGJ,GAAG,CAACI,GAAG,CAAC;IACnB,OAAOM,GAAG;EACZ,CAAC,EACD,CAAC,CACH,CAAC;AACL,CAAC"}

package/lib/typescript/src/icon-button.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type TextStyle, type ViewStyle, type TouchableHighlightProps, type TouchableNativeFeedbackProps } from 'react-native';
-import type { IconProps } from './create-icon-set';
-export type IconButtonProps<T> = IconProps<T> & TouchableHighlightProps & TouchableNativeFeedbackProps & {
-    color?: TextStyle['color'];
-    borderRadius?: number;
-    iconStyle?: TextStyle;
-    style?: ViewStyle | TextStyle;
-    backgroundColor?: ViewStyle['backgroundColor'];
-};
-export declare const createIconButtonComponent: <T extends string>(Icon: (props: IconProps<T>) => JSX.Element) => ({ name, color, borderRadius, iconStyle, style, backgroundColor, size, children, ...restProps }: IconButtonProps<T>) => React.JSX.Element;
-export default createIconButtonComponent;
-//# sourceMappingURL=icon-button.d.ts.map

package/lib/typescript/src/icon-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EAClC,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAgEnD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,GAC3C,uBAAuB,GACvB,4BAA4B,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAGhD,CAAC;AAEJ,eAAO,MAAM,yBAAyB,oDACc,WAAW,8IAkD5D,CAAC;AAEJ,eAAe,yBAAyB,CAAC"}

package/lib/typescript/src/object-utils.d.ts

@@ -1,3 +0,0 @@
-export declare const pick: (obj: Record<string, any>, ...keys: string[]) => Record<string, object | undefined>;
-export declare const omit: (obj: Record<string, any>, ...keysToOmit: string[]) => Record<string, object | undefined>;
-//# sourceMappingURL=object-utils.d.ts.map

package/lib/typescript/src/object-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-utils.d.ts","sourceRoot":"","sources":["../../../src/object-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAAS,OAAO,MAAM,EAAE,GAAG,CAAC,WAAW,MAAM,EAAE,uCAU3D,CAAC;AAEN,eAAO,MAAM,IAAI,QAAS,OAAO,MAAM,EAAE,GAAG,CAAC,iBAAiB,MAAM,EAAE,uCAYrE,CAAC"}

package/src/icon-button.tsx

@@ -1,142 +0,0 @@
-import React from 'react';
-import {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-  type TextStyle,
-  type ViewStyle,
-  type TouchableHighlightProps,
-  type TouchableNativeFeedbackProps,
-} from 'react-native';
-import { pick, omit } from './object-utils';
-import type { IconProps } from './create-icon-set';
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    padding: 8,
-  },
-  touchable: {
-    overflow: 'hidden',
-  },
-  icon: {
-    marginRight: 10,
-  },
-  text: {
-    fontWeight: '600',
-    backgroundColor: 'transparent',
-  },
-});
-
-const IOS7_BLUE = '#007AFF';
-
-const TEXT_PROP_NAMES = [
-  'ellipsizeMode',
-  'numberOfLines',
-  'textBreakStrategy',
-  'selectable',
-  'suppressHighlighting',
-  'allowFontScaling',
-  'adjustsFontSizeToFit',
-  'minimumFontScale',
-];
-
-const TOUCHABLE_PROP_NAMES = [
-  'accessible',
-  'accessibilityLabel',
-  'accessibilityHint',
-  'accessibilityComponentType',
-  'accessibilityRole',
-  'accessibilityStates',
-  'accessibilityTraits',
-  'onFocus',
-  'onBlur',
-  'disabled',
-  'onPress',
-  'onPressIn',
-  'onPressOut',
-  'onLayout',
-  'onLongPress',
-  'nativeID',
-  'testID',
-  'delayPressIn',
-  'delayPressOut',
-  'delayLongPress',
-  'activeOpacity',
-  'underlayColor',
-  'selectionColor',
-  'onShowUnderlay',
-  'onHideUnderlay',
-  'hasTVPreferredFocus',
-  'tvParallaxProperties',
-];
-
-export type IconButtonProps<T> = IconProps<T> &
-  TouchableHighlightProps &
-  TouchableNativeFeedbackProps & {
-    color?: TextStyle['color'];
-    borderRadius?: number;
-    iconStyle?: TextStyle;
-    style?: ViewStyle | TextStyle; // FIXME: should this be both
-    backgroundColor?: ViewStyle['backgroundColor'];
-    // size: PropTypes.number,
-    // children: PropTypes.node,
-  };
-
-export const createIconButtonComponent =
-  <T extends string>(Icon: (props: IconProps<T>) => JSX.Element) =>
-  ({
-    name,
-    color = 'white',
-    borderRadius = 5,
-    iconStyle,
-    style,
-    backgroundColor = IOS7_BLUE,
-    size = 20,
-    children,
-    ...restProps
-  }: IconButtonProps<T>) => {
-    const iconProps = {
-      ...pick(restProps, ...TEXT_PROP_NAMES),
-      style,
-      name,
-      size,
-      color,
-    };
-
-    const touchableProps = pick(restProps, ...TOUCHABLE_PROP_NAMES);
-
-    const props = omit(
-      restProps,
-      ...Object.keys(iconProps),
-      ...Object.keys(touchableProps)
-    );
-
-    iconProps.style = iconStyle ? [styles.icon, iconStyle] : styles.icon;
-
-    const colorStyle = { color };
-    const blockStyle = { backgroundColor, borderRadius };
-
-    return (
-      <TouchableHighlight
-        style={[styles.touchable, blockStyle]}
-        {...touchableProps}
-      >
-        <View style={[styles.container, blockStyle, style]} {...props}>
-          <Icon {...iconProps} />
-          {typeof children === 'string' ? (
-            <Text style={[styles.text, colorStyle]} selectable={false}>
-              {children}
-            </Text>
-          ) : (
-            children
-          )}
-        </View>
-      </TouchableHighlight>
-    );
-  };
-
-export default createIconButtonComponent;

package/src/object-utils.ts

@@ -1,25 +0,0 @@
-export const pick = (obj: Record<string, any>, ...keys: string[]) =>
-  keys
-    .flat()
-    .filter((key) => Object.prototype.hasOwnProperty.call(obj, key))
-    .reduce(
-      (acc, key) => {
-        acc[key] = obj[key];
-        return acc;
-      },
-      {} as Record<string, object | undefined>
-    );
-
-export const omit = (obj: Record<string, any>, ...keysToOmit: string[]) => {
-  const keysToOmitSet = new Set(keysToOmit.flat());
-
-  return Object.getOwnPropertyNames(obj)
-    .filter((key) => !keysToOmitSet.has(key))
-    .reduce(
-      (acc, key) => {
-        acc[key] = obj[key];
-        return acc;
-      },
-      {} as Record<string, object | undefined>
-    );
-};