react-crud-mobile 1.0.869 → 1.0.871

package/dist/elements/UI.d.ts

@@ -41,6 +41,7 @@ declare const UI: {
     Entity: (props: ListInputType) => import("react").JSX.Element;
     Element: (props: ListInputType) => import("react").JSX.Element;
     Quantity: (props: ListInputType) => import("react").JSX.Element;
+    Slider: (props: InputType) => import("react").JSX.Element;
     SafeView: typeof SafeView;
 };
 export default UI;

package/dist/elements/core/UISlider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChildType } from 'react-crud-utils';
+export default function UISlider(props: ChildType): import("react").JSX.Element;

package/dist/react-crud-mobile.cjs.development.js

@@ -11,6 +11,7 @@ var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
 var vectorIcons = require('@expo/vector-icons');
+var Slider = _interopDefault(require('@react-native-community/slider'));
 var Toast = require('react-native-toast-message');
 var Toast__default = _interopDefault(Toast);
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
@@ -636,6 +637,32 @@ function UISwitch(props) {
   });
 }
 
+function UISlider(props) {
+  var scope = props.scope;
+  var initial = scope.getValue();
+  var _useState = React.useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  var onChange = function onChange(v) {
+    scope.changeValue(v);
+    setValue(v);
+  };
+  var step = scope.getPart('step', 1);
+  var min = scope.getPart('min', 0);
+  var max = scope.getPart('min', 100);
+  return /*#__PURE__*/jsxRuntime.jsx(Slider, {
+    minimumValue: min,
+    maximumValue: max,
+    step: step,
+    minimumTrackTintColor: "#1EB1FC",
+    maximumTrackTintColor: "#d3d3d3",
+    thumbTintColor: "#1EB1FC",
+    value: value,
+    style: scope.getStyle('element'),
+    onValueChange: onChange // Alterna o estado
+  });
+}
+
 function UIOption(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
@@ -1741,6 +1768,8 @@ function UIElement(props) {
         checked: isChecked()
       }, defaultsInput, {
         onChange: onCheck
+      })), scope.is('slider') && /*#__PURE__*/jsxRuntime.jsx(UISlider, _extends({}, defaultsInput, {
+        onChange: onCheck
       })), scope.is('type', 'select') && /*#__PURE__*/jsxRuntime.jsx(UISelect, _extends({}, defaultsInput, defaultsUI, {
         value: scope.getSelectedValue()
       })), scope.is('type', 'toggle') && /*#__PURE__*/jsxRuntime.jsx(UIToggle, _extends({}, defaultsInput, defaultsUI, {
@@ -2261,6 +2290,11 @@ var UI = {
       type: "quantity"
     }));
   },
+  Slider: function Slider(props) {
+    return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
+      type: "slider"
+    }));
+  },
   SafeView: SafeView
 };