@jescon-technologies/react-native-ui-kit 0.0.14 → 0.0.15

package/src/Hoc/HIcons.tsx

@@ -15,69 +15,60 @@ import AntDesignI from 'react-native-vector-icons/AntDesign';
 
 import type { IconProps } from 'react-native-vector-icons/Icon';
 
-/**
- * Shared icon props type
- */
 type Props = IconProps;
 
-/**
- * Wrapper components (typed)
- */
-export const MaterialCommunityIcons: React.FC<Props> = (props) => (
-  <MaterialCommunityIconsI {...props} />
-);
-
-export const SimpleLineIcons: React.FC<Props> = (props) => (
-  <SimpleLineIconsI {...props} />
-);
-
-export const MaterialIcons: React.FC<Props> = (props) => (
-  <MaterialIconsI {...props} />
-);
-
-export const FontAwesome: React.FC<Props> = (props) => (
-  <FontAwesomeI {...props} />
-);
-
-export const Foundation: React.FC<Props> = (props) => (
-  <FoundationI {...props} />
-);
-
-export const EvilIcons: React.FC<Props> = (props) => (
-  <EvilIconsI {...props} />
-);
-
-export const Ionicons: React.FC<Props> = (props) => (
-  <IoniconsI {...props} />
-);
-
-export const Octicons: React.FC<Props> = (props) => (
-  <OcticonsI {...props} />
-);
-
-export const Feather: React.FC<Props> = (props) => (
-  <FeatherI {...props} />
-);
+export interface IconsProps extends Props {
+  icongroup?: number | null;
+}
+
+// Wrappers (kept, but note: declare BEFORE the map)
+export const MaterialCommunityIcons: React.FC<Props> = (p) => <MaterialCommunityIconsI {...p} />;
+export const SimpleLineIcons:       React.FC<Props> = (p) => <SimpleLineIconsI {...p} />;
+export const MaterialIcons:         React.FC<Props> = (p) => <MaterialIconsI {...p} />;
+export const FontAwesome:           React.FC<Props> = (p) => <FontAwesomeI {...p} />;
+export const Foundation:            React.FC<Props> = (p) => <FoundationI {...p} />;
+export const EvilIcons:             React.FC<Props> = (p) => <EvilIconsI {...p} />;
+export const Ionicons:              React.FC<Props> = (p) => <IoniconsI {...p} />;
+export const Octicons:              React.FC<Props> = (p) => <OcticonsI {...p} />;
+export const Feather:               React.FC<Props> = (p) => <FeatherI {...p} />;
+export const Entypo:                React.FC<Props> = (p) => <EntypoI {...p} />;
+export const Zocial:                React.FC<Props> = (p) => <ZocialI {...p} />;
+export const FontAwesome5:          React.FC<Props> = (p) => <FontAwesome5I {...p} />;
+export const AntDesign:             React.FC<Props> = (p) => <AntDesignI {...p} />;
+
+// If you actually need Fontisto, add:
+// import FontistoI from 'react-native-vector-icons/Fontisto';
+// export const Fontisto: React.FC<Props> = (p) => <FontistoI {...p} />;
+
+const components: Record<number, React.ComponentType<Props>> = {
+  1:  AntDesign,
+  2:  MaterialIcons,
+  3:  MaterialCommunityIcons,
+  4:  FontAwesome,
+  5:  FontAwesome5,
+  6:  Foundation,
+  7:  EvilIcons,
+  8:  Ionicons,
+  9:  Octicons,
+  10: Feather,
+  11: Entypo,
+  12: Zocial,
+  14: SimpleLineIcons,
+};
 
-export const Entypo: React.FC<Props> = (props) => (
-  <EntypoI {...props} />
-);
+const DEFAULT_ICON_GROUP = 5;
 
-export const Zocial: React.FC<Props> = (props) => (
-  <ZocialI {...props} />
-);
+function Icons({ icongroup, ...rest }: IconsProps): React.ReactElement {
+  const group =
+    typeof icongroup === 'number' && Number.isInteger(icongroup) && icongroup >= 1 && icongroup in components
+      ? icongroup
+      : DEFAULT_ICON_GROUP;
 
-export const FontAwesome5: React.FC<Props> = (props) => (
-  <FontAwesome5I {...props} />
-);
+  const IconComponent = components[group] ?? components[DEFAULT_ICON_GROUP];
 
-export const AntDesign: React.FC<Props> = (props) => (
-  <AntDesignI {...props} />
-);
+  return <IconComponent {...rest} />;
+}
 
-/**
- * Default export object (same usage style as your JS version)
- */
 const HIcons = {
   MaterialCommunityIcons,
   SimpleLineIcons,
@@ -92,6 +83,7 @@ const HIcons = {
   Zocial,
   FontAwesome5,
   AntDesign,
+  Icons,
 };
 
 export default HIcons;

package/src/Hoc/HShadowButton.tsx

@@ -0,0 +1,101 @@
+import { StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle } from 'react-native';
+import { isBNU, isNU, isNUQ, normalize } from '../CommonStyle/ComponentFunctions';
+import HIcons from './HIcons';
+import { Global } from '../Common/Global';
+import React from 'react';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface HShadowButtonProps {
+  /** Disables the button when true. */
+  disabled?: boolean;
+  /** Invoked on press. Receives `true` when pressed. */
+  buttonCallback?: (pressed: boolean) => void;
+  /** Outer button (TouchableOpacity) style. */
+  buttonstyle?: StyleProp<ViewStyle>;
+
+  /** Render the leading icon when true. */
+  useicon?: boolean;
+  /** Icon group index (e.g. FontAwesome vs MaterialIcons). Defaults to 5. */
+  icongroup?: number;
+  /** Icon name string. Defaults to 'file-alt'. */
+  iconname?: string;
+  /** Icon color. Defaults to `Global.AppTheme.primary_color`. */
+  iconcolor?: string;
+  /** Icon size. Defaults to `normalize(15)`. */
+  iconsize?: number;
+  /** Extra icon container style. */
+  iconstyle?: StyleProp<ViewStyle>;
+
+  /** Render the label when true. */
+  usetext?: boolean;
+  /** Label text. */
+  displaytext?: string;
+  /** Text style. Defaults provided in component. */
+  textstyle?: StyleProp<TextStyle>;
+  /** Max lines for the label. Defaults to 1. */
+  numberOfLines?: number;
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export default function HShadowButton(props: HShadowButtonProps): React.ReactElement {
+  const {
+    disabled,
+    buttonCallback,
+    buttonstyle,
+    useicon,
+    icongroup,
+    iconname,
+    iconcolor,
+    iconsize,
+    iconstyle,
+    usetext,
+    displaytext,
+    textstyle,
+    numberOfLines,
+  } = props;
+
+  return (
+    <TouchableOpacity
+      disabled={!!disabled}
+      onPress={() => {
+        if (isNU(buttonCallback)) {
+          buttonCallback!(true);
+        }
+      }}
+      style={isNU(buttonstyle) ? buttonstyle : {}}
+    >
+      {useicon ? (
+        <HIcons.Icons
+          icongroup={isNU(icongroup) ? icongroup : 5}
+          name={isBNU(iconname) ? iconname : 'file-alt'}
+          color={isNU(iconcolor) ? iconcolor : Global.AppTheme.primary_color}
+          size={isNU(iconsize) ? iconsize : normalize(15)}
+          style={iconstyle ? iconstyle : {}}
+        />
+      ) : null}
+      {usetext ? (
+        <Text
+          numberOfLines={numberOfLines || 1}
+          adjustsFontSizeToFit={true}
+          style={
+            textstyle
+              ? textstyle
+              : {
+                  color: Global.AppTheme.primary_color,
+                  fontSize: normalize(6),
+                  textAlign: 'center',
+                }
+          }
+        >
+          {isNUQ(displaytext) ? displaytext : null}
+        </Text>
+      ) : null}
+    </TouchableOpacity>
+  );
+}