@dryanovski/react-native-components 1.0.1 → 1.0.2

package/lib/module/components/Card/Card.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { View } from 'react-native';
+import Styles from "./styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Card component to display content within a styled container
+ * @param {React.ReactNode} children - The content to be displayed inside the card
+ * @param {ViewStyle} style - Additional styles for the card container
+ * @returns {JSX.Element} The Card component
+ * @example
+ * <Card style={{ margin: 10 }}>
+ *   <Text>This is a card</Text>
+ * </Card>
+ */
+export const Card = ({
+  children,
+  style,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: [Styles.container, style],
+    ...props,
+    children: children
+  });
+};
+Card.displayName = 'Card';
+export default Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Styles","jsx","_jsx","Card","children","style","props","container","displayName"],"sourceRoot":"../../../../src","sources":["components/Card/Card.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAyB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC1E,oBACEJ,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE,CAACL,MAAM,CAACO,SAAS,EAAEF,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC9CA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDD,IAAI,CAACK,WAAW,GAAG,MAAM;AAEzB,eAAeL,IAAI","ignoreList":[]}

package/lib/module/components/Card/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import Style from "../../utils/Style.js";
+const DEFAULT_CARD = {
+  card_background_color: '#fff',
+  card_border_radius: 8,
+  card_padding: 16,
+  card_shadow_color: '#000',
+  card_shadow_offset: {
+    width: 0,
+    height: 2
+  },
+  card_shadow_opacity: 0.1,
+  card_shadow_radius: 4,
+  card_elevation: 3
+};
+export const Styles = Style.create({
+  container: {
+    backgroundColor: DEFAULT_CARD.card_background_color,
+    borderRadius: DEFAULT_CARD.card_border_radius,
+    padding: DEFAULT_CARD.card_padding,
+    shadowColor: DEFAULT_CARD.card_shadow_color,
+    shadowOffset: DEFAULT_CARD.card_shadow_offset,
+    shadowOpacity: DEFAULT_CARD.card_shadow_opacity,
+    shadowRadius: DEFAULT_CARD.card_shadow_radius,
+    elevation: DEFAULT_CARD.card_elevation
+  }
+});
+export default Styles;
+//# sourceMappingURL=styles.js.map

package/lib/module/components/Card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Style","DEFAULT_CARD","card_background_color","card_border_radius","card_padding","card_shadow_color","card_shadow_offset","width","height","card_shadow_opacity","card_shadow_radius","card_elevation","Styles","create","container","backgroundColor","borderRadius","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,sBAAmB;AAErC,MAAMC,YAAY,GAAG;EACnBC,qBAAqB,EAAE,MAAM;EAC7BC,kBAAkB,EAAE,CAAC;EACrBC,YAAY,EAAE,EAAE;EAChBC,iBAAiB,EAAE,MAAM;EACzBC,kBAAkB,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,mBAAmB,EAAE,GAAG;EACxBC,kBAAkB,EAAE,CAAC;EACrBC,cAAc,EAAE;AAClB,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGZ,KAAK,CAACa,MAAM,CAAC;EACjCC,SAAS,EAAE;IACTC,eAAe,EAAEd,YAAY,CAACC,qBAAqB;IACnDc,YAAY,EAAEf,YAAY,CAACE,kBAAkB;IAC7Cc,OAAO,EAAEhB,YAAY,CAACG,YAAY;IAClCc,WAAW,EAAEjB,YAAY,CAACI,iBAAiB;IAC3Cc,YAAY,EAAElB,YAAY,CAACK,kBAAkB;IAC7Cc,aAAa,EAAEnB,YAAY,CAACQ,mBAAmB;IAC/CY,YAAY,EAAEpB,YAAY,CAACS,kBAAkB;IAC7CY,SAAS,EAAErB,YAAY,CAACU;EAC1B;AACF,CAAC,CAAC;AAEF,eAAeC,MAAM","ignoreList":[]}

package/lib/module/components/Card/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Card/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,8 @@
 "use strict";
 
+// Export Components
+export * from "./components/Card/Card.js";
+
 // Provider
 export * from "./providers/ThemeProvider.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,8BAA2B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,2BAAwB;;AAEtC;AACA,cAAc,8BAA2B","ignoreList":[]}

package/lib/module/utils/Style.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const Style = StyleSheet;
+export default Style;
+//# sourceMappingURL=Style.js.map

package/lib/module/utils/Style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Style"],"sourceRoot":"../../../src","sources":["utils/Style.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,KAAK,GAAGD,UAAU;AAE/B,eAAeC,KAAK","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import type { CardProps } from './types';
+/**
+ * Card component to display content within a styled container
+ * @param {React.ReactNode} children - The content to be displayed inside the card
+ * @param {ViewStyle} style - Additional styles for the card container
+ * @returns {JSX.Element} The Card component
+ * @example
+ * <Card style={{ margin: 10 }}>
+ *   <Text>This is a card</Text>
+ * </Card>
+ */
+export declare const Card: React.FC<CardProps>;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMpC,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/components/Card/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const Styles: {
+    container: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+export default Styles;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/Card/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/styles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAWjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/Card/types.d.ts

@@ -0,0 +1,9 @@
+import type { View, ViewStyle } from 'react-native';
+/**
+ * Props for the Card component
+ */
+export type CardProps = {
+    children?: React.ReactNode;
+    style?: ViewStyle;
+} & View;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,IAAI,CAAC"}

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

@@ -1,2 +1,3 @@
+export * from './components/Card/Card';
 export * from './providers/ThemeProvider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AAGvC,cAAc,2BAA2B,CAAC"}

package/lib/typescript/src/utils/Style.d.ts

@@ -0,0 +1,4 @@
+import { StyleSheet } from 'react-native';
+export declare const Style: typeof StyleSheet;
+export default Style;
+//# sourceMappingURL=Style.d.ts.map

package/lib/typescript/src/utils/Style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Style.d.ts","sourceRoot":"","sources":["../../../../src/utils/Style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,KAAK,mBAAa,CAAC;AAEhC,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryanovski/react-native-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Collection of reusable React Native components for building mobile applications.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -17,6 +17,12 @@
     "src",
     "lib"
   ],
+  "scripts": {
+    "test": "jest",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build"
+  },
   "keywords": [
     "react-native",
     "ios",
@@ -106,10 +112,5 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-native": "^5.0.0"
-  },
-  "scripts": {
-    "test": "jest",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli lib"
   }
-}
+}

package/src/components/Card/Card.tsx

@@ -0,0 +1,25 @@
+import { View } from 'react-native';
+import Styles from './styles';
+import type { CardProps } from './types';
+
+/**
+ * Card component to display content within a styled container
+ * @param {React.ReactNode} children - The content to be displayed inside the card
+ * @param {ViewStyle} style - Additional styles for the card container
+ * @returns {JSX.Element} The Card component
+ * @example
+ * <Card style={{ margin: 10 }}>
+ *   <Text>This is a card</Text>
+ * </Card>
+ */
+export const Card: React.FC<CardProps> = ({ children, style, ...props }) => {
+  return (
+    <View style={[Styles.container, style]} {...props}>
+      {children}
+    </View>
+  );
+};
+
+Card.displayName = 'Card';
+
+export default Card;

package/src/components/Card/styles.ts

@@ -0,0 +1,27 @@
+import Style from '../../utils/Style';
+
+const DEFAULT_CARD = {
+  card_background_color: '#fff',
+  card_border_radius: 8,
+  card_padding: 16,
+  card_shadow_color: '#000',
+  card_shadow_offset: { width: 0, height: 2 },
+  card_shadow_opacity: 0.1,
+  card_shadow_radius: 4,
+  card_elevation: 3,
+};
+
+export const Styles = Style.create({
+  container: {
+    backgroundColor: DEFAULT_CARD.card_background_color,
+    borderRadius: DEFAULT_CARD.card_border_radius,
+    padding: DEFAULT_CARD.card_padding,
+    shadowColor: DEFAULT_CARD.card_shadow_color,
+    shadowOffset: DEFAULT_CARD.card_shadow_offset,
+    shadowOpacity: DEFAULT_CARD.card_shadow_opacity,
+    shadowRadius: DEFAULT_CARD.card_shadow_radius,
+    elevation: DEFAULT_CARD.card_elevation,
+  },
+});
+
+export default Styles;

package/src/components/Card/types.ts

@@ -0,0 +1,9 @@
+import type { View, ViewStyle } from 'react-native';
+
+/**
+ * Props for the Card component
+ */
+export type CardProps = {
+  children?: React.ReactNode;
+  style?: ViewStyle;
+} & View;

package/src/index.tsx

@@ -1,2 +1,5 @@
+// Export Components
+export * from './components/Card/Card';
+
 // Provider
 export * from './providers/ThemeProvider';

package/src/utils/Style.ts

@@ -0,0 +1,5 @@
+import { StyleSheet } from 'react-native';
+
+export const Style = StyleSheet;
+
+export default Style;