@dropi/react-native-design-system 0.3.1 → 0.3.3

package/lib/molecules/Select/Select.d.ts

@@ -13,6 +13,7 @@ type SelectProps = {
     errorMessage?: string;
     title?: string;
     disabled?: boolean;
+    onRestablish?: () => void;
 };
-export declare const Select: ({ options, value, onChange, label, placeholder, helper, hasError, errorMessage, title, disabled, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, value, onChange, label, placeholder, helper, hasError, errorMessage, title, disabled, onRestablish, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/molecules/Select/Select.js

@@ -23,7 +23,8 @@ const Select = ({
   hasError = false,
   errorMessage,
   title,
-  disabled = false
+  disabled = false,
+  onRestablish
 }) => {
   const bottomSheetRef = (0, _react.useRef)(null);
   const [isFocus, setIsFocus] = (0, _react.useState)(false);
@@ -58,6 +59,13 @@ const Select = ({
     setIsFocus(false);
     setDraftSelection(null);
   }, []);
+  const handleRestablish = (0, _react.useCallback)(() => {
+    if (onRestablish) {
+      onRestablish();
+      bottomSheetRef.current?.dismiss();
+      setIsFocus(false);
+    }
+  }, [onRestablish]);
   const renderOption = (0, _react.useCallback)(({
     item
   }) => {
@@ -68,13 +76,23 @@ const Select = ({
       onPress: () => handleDraftSelect(item)
     });
   }, [draftSelection, handleDraftSelect]);
-  const footer = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_atoms.DefaultButton, {
-    label: "Guardar",
-    variant: "primary",
-    size: "large",
-    onPress: handleSave,
-    disabled: !hasChanges
-  }), [handleSave, hasChanges]);
+  const footer = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_atoms.DefaultButton, {
+      label: "Guardar",
+      variant: "primary",
+      size: "large",
+      onPress: handleSave,
+      disabled: !hasChanges
+    }), onRestablish && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.footerSecondaryButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_atoms.TextButton, {
+        label: "Restablecer",
+        variant: "primary",
+        size: "large",
+        onPress: handleRestablish
+      })
+    })]
+  }), [handleSave, hasChanges, onRestablish, handleRestablish]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.fieldContainer,
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_atoms.Body, {
@@ -95,6 +113,8 @@ const Select = ({
           color: currentValue ? _constants.colors['Gray-600'].light : _constants.colors['Gray-500'].light,
           flex: 1
         },
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
         children: currentValue?.label ?? placeholder
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.default, {
         name: "dropdown-down",
@@ -178,5 +198,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   optionsList: {
     paddingHorizontal: _constants.spacing['size-5']
+  },
+  footerSecondaryButton: {
+    marginTop: _constants.spacing['size-4']
   }
 });

package/package.json

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