@dropi/react-native-design-system 0.3.27 → 0.3.29

package/lib/molecules/EmptyState/EmptyState.d.ts

@@ -1,11 +1,13 @@
-import type { Variant } from '../../atoms/Buttons/DefaultButton';
+import type { Variant } from "../../atoms/Buttons/DefaultButton";
+import { IconName } from "dropi-lib-icons";
 interface Props {
     imageSource?: string | number;
+    icon?: IconName;
     title?: string;
     message: string;
     buttonLabel?: string;
     onButtonPress?: () => void;
     buttonType?: Variant;
 }
-export declare const EmptyState: ({ imageSource, title, message, buttonLabel, onButtonPress, buttonType }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ imageSource, icon, title, message, buttonLabel, onButtonPress, buttonType, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/molecules/EmptyState/EmptyState.js

@@ -9,18 +9,35 @@ var _expoImage = require("expo-image");
 var _constants = require("../../constants");
 var _atoms = require("../../atoms");
 var _utils = require("../../utils");
+var _reactNative2 = _interopRequireDefault(require("dropi-lib-icons/react-native"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EmptyState = ({
   imageSource,
+  icon,
   title,
   message,
   buttonLabel,
   onButtonPress,
-  buttonType = 'tertiary'
+  buttonType = "tertiary"
 }) => {
+  if (imageSource && icon) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_atoms.Body, {
+      type: "m-regular",
+      style: styles.message,
+      children: "Debe seleccionar un solo tipo de \xEDcono, ya sea imagen o icono integrado."
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [imageSource && /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoImage.Image, {
+    children: [icon && !imageSource && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.warningIconContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.default, {
+        name: icon,
+        size: 20,
+        color: _constants.colors["Gray-500"].light
+      })
+    }), imageSource && !icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoImage.Image, {
       source: imageSource,
       style: styles.image,
       contentFit: "contain"
@@ -38,7 +55,7 @@ const EmptyState = ({
         label: buttonLabel,
         onPress: onButtonPress,
         variant: buttonType,
-        size: 'normal'
+        size: "normal"
       })
     })]
   });
@@ -46,25 +63,34 @@ const EmptyState = ({
 exports.EmptyState = EmptyState;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    paddingVertical: _constants.spacing['size-4']
+    paddingVertical: _constants.spacing["size-4"],
+    alignItems: "center"
   },
   image: {
     width: !_utils.isTablet ? 51 : 72,
     height: !_utils.isTablet ? 48 : 68,
-    alignSelf: 'center',
-    marginBottom: _constants.spacing['size-4']
+    marginBottom: _constants.spacing["size-4"]
   },
   title: {
-    color: _constants.colors['Gray-700'].light,
-    textAlign: 'center',
-    marginBottom: _constants.spacing['size-2']
+    color: _constants.colors["Gray-700"].light,
+    textAlign: "center",
+    marginBottom: _constants.spacing["size-2"]
   },
   message: {
-    color: _constants.colors['Gray-500'].light,
-    textAlign: 'center'
+    color: _constants.colors["Gray-500"].light,
+    textAlign: "center"
   },
   buttonContainer: {
-    marginTop: _constants.spacing['size-5'],
-    alignItems: 'center'
+    marginTop: _constants.spacing["size-5"],
+    alignItems: "center"
+  },
+  warningIconContainer: {
+    backgroundColor: _constants.colors["Gray-50"].light,
+    width: 48,
+    height: 48,
+    borderRadius: 32,
+    justifyContent: "center",
+    alignItems: "center",
+    marginBottom: _constants.spacing["size-4"]
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/react-native-design-system",
-  "version": "0.3.27",
+  "version": "0.3.29",
   "description": "A React Native package built from scratch",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",