related-ui-components 1.9.8 → 1.9.9

package/lib/module/components/CustomIcon/CustomIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Image } from 'expo-image';
+import { jsx as _jsx } from "react/jsx-runtime";
+const CustomIcon = ({
+  source,
+  size = 24,
+  color,
+  style
+}) => {
+  const combinedStyle = StyleSheet.flatten([{
+    width: size,
+    height: size
+  }, color && {
+    tintColor: color
+  }, style]);
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    style: combinedStyle,
+    contentFit: "contain",
+    accessibilityRole: "image"
+  });
+};
+export default CustomIcon;
+//# sourceMappingURL=CustomIcon.js.map

package/lib/module/components/CustomIcon/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Image","jsx","_jsx","CustomIcon","source","size","color","style","combinedStyle","flatten","width","height","tintColor","contentFit","accessibilityRole"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CustomIcon/CustomIcon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAmB,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9C,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGT,UAAU,CAACU,OAAO,CAAC,CACvC;IACEC,KAAK,EAAEL,IAAI;IACXM,MAAM,EAAEN;EACV,CAAC,EACDC,KAAK,IAAI;IAACM,SAAS,EAAEN;EAAK,CAAC,EAC3BC,KAAK,CACN,CAAC;EAEF,oBACEL,IAAA,CAACF,KAAK;IACJI,MAAM,EAAEA,MAAO;IACfG,KAAK,EAAEC,aAAc;IACrBK,UAAU,EAAC,SAAS;IACpBC,iBAAiB,EAAC;EAAO,CAC1B,CAAC;AAEN,CAAC;AAED,eAAeX,UAAU","ignoreList":[]}

package/lib/module/components/CustomIcon/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as CustomIcon } from "./CustomIcon.js";
+export * from "./CustomIcon.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/CustomIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","CustomIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CustomIcon/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAO,iBAAc;AACnD,cAAc,iBAAc","ignoreList":[]}

package/lib/module/components/index.js

@@ -18,4 +18,5 @@ export * from "./Marquee/index.js";
 export * from "./RedeemedVoucher/index.js";
 export * from "./Button/index.js";
 export * from "./Skeleton/index.js";
+export * from "./CustomIcon/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAe,mBAAU;AACzB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,6BAAoB;AAClC,cAAc,wBAAe;AAC7B,cAAc,0BAAiB;AAC/B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,mBAAU;AACxB,cAAc,qBAAY","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAe,mBAAU;AACzB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,6BAAoB;AAClC,cAAc,wBAAe;AAC7B,cAAc,0BAAiB;AAC/B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc","ignoreList":[]}

package/lib/typescript/src/components/CustomIcon/CustomIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ImageSourcePropType, StyleProp } from 'react-native';
+import { ImageStyle } from 'expo-image';
+interface CustomIconProps {
+    source: ImageSourcePropType;
+    size?: number;
+    color?: string;
+    style?: StyleProp<ImageStyle>;
+}
+declare const CustomIcon: React.FC<CustomIconProps>;
+export default CustomIcon;
+//# sourceMappingURL=CustomIcon.d.ts.map

package/lib/typescript/src/components/CustomIcon/CustomIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/CustomIcon/CustomIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAS,UAAU,EAAC,MAAM,YAAY,CAAC;AAE9C,UAAU,eAAe;IACvB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/CustomIcon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CustomIcon } from "./CustomIcon";
+export * from "./CustomIcon";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/CustomIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CustomIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AACpD,cAAc,cAAc,CAAC"}

package/lib/typescript/src/components/index.d.ts

@@ -16,4 +16,5 @@ export * from "./Marquee";
 export * from "./RedeemedVoucher";
 export * from "./Button";
 export * from "./Skeleton";
+export * from "./CustomIcon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAe,UAAU,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAe,UAAU,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "1.9.8",
+  "version": "1.9.9",
   "main": "./lib\\module\\index.js",
   "scripts": {
     "start": "expo start",

package/src/components/CustomIcon/CustomIcon.tsx

@@ -0,0 +1,40 @@
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import type { ImageSourcePropType, StyleProp } from 'react-native';
+import { Image, ImageStyle} from 'expo-image';
+
+interface CustomIconProps {
+  source: ImageSourcePropType;
+  size?: number;
+  color?: string;
+  style?: StyleProp<ImageStyle>;
+}
+
+const CustomIcon: React.FC<CustomIconProps> = ({
+  source,
+  size = 24,
+  color,
+  style, 
+}) => {
+  const combinedStyle = StyleSheet.flatten([
+    {
+      width: size,
+      height: size,
+    },
+    color && {tintColor: color},
+    style,
+  ]);
+
+  return (
+    <Image
+      source={source}
+      style={combinedStyle}
+      contentFit="contain" 
+      accessibilityRole="image" 
+    />
+  );
+};
+
+export default CustomIcon;
+

package/src/components/CustomIcon/index.ts

@@ -0,0 +1,2 @@
+export { default as CustomIcon} from "./CustomIcon";
+export * from "./CustomIcon";

package/src/components/index.ts

@@ -15,4 +15,5 @@ export * from "./CloseIcon";
 export * from "./Marquee";
 export * from "./RedeemedVoucher";
 export * from "./Button";
-export * from "./Skeleton";
+export * from "./Skeleton";
+export * from "./CustomIcon"