@rahmatsaputra-my-id/react-js-library 0.0.25 → 0.0.26

package/dist/components/TouchableOpacity/TouchableOpacity.component.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import { ITouchableOpacityProps } from './TouchableOpacity.types';
-declare const TouchableOpacity: ({ children, onPress, style, ...props }: ITouchableOpacityProps) => JSX.Element | null;
+declare const TouchableOpacity: ({ children, onPress, style, disabled, ...props }: ITouchableOpacityProps & {
+    disabled?: boolean | undefined;
+}) => JSX.Element | null;
 export default TouchableOpacity;

package/dist/index.es.js

@@ -198,12 +198,13 @@ var styles$e = {
 };
 
 var TouchableOpacity = function (_a) {
-    var children = _a.children, onPress = _a.onPress, style = _a.style, props = __rest(_a, ["children", "onPress", "style"]);
-    var handleOnPress = function () {
-        if (onPress)
-            onPress();
+    var children = _a.children, onPress = _a.onPress, style = _a.style, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["children", "onPress", "style", "disabled"]);
+    var handleOnPress = function (event) {
+        if (!disabled && onPress) {
+            onPress(event);
+        }
     };
-    return (jsx("div", __assign({ onClick: handleOnPress, style: __assign(__assign({}, styles$e.content), style) }, props, { children: children })));
+    return (jsx("div", __assign({ onClick: handleOnPress, style: __assign(__assign(__assign({}, styles$e.content), style), { opacity: disabled ? 0.5 : 1, pointerEvents: disabled ? 'none' : 'auto' }) }, props, { children: children })));
 };
 
 var Colors = {