react-crud-mobile 1.3.556 → 1.3.558
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -15
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/elements/core/UIButton.tsx +4 -10
- package/src/elements/core/UIModal.tsx +1 -1
package/dist/index.js
CHANGED
|
@@ -403,7 +403,6 @@ function LoadingIcon({ color }) {
|
|
|
403
403
|
}
|
|
404
404
|
|
|
405
405
|
// src/elements/core/UIButton.tsx
|
|
406
|
-
var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
|
|
407
406
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
408
407
|
var BUTTONS_SIZE = { small: { minWidth: 30, height: 30 } };
|
|
409
408
|
function UIButton(props) {
|
|
@@ -418,11 +417,6 @@ function UIButton(props) {
|
|
|
418
417
|
let label = scope.getLabel();
|
|
419
418
|
let icon = scope.getPart("icon");
|
|
420
419
|
let children = import_react_crud_utils5.ComponentUtils.getChild(props, "button");
|
|
421
|
-
const pressed = (0, import_react_native_reanimated.useSharedValue)(0);
|
|
422
|
-
const animatedStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => ({
|
|
423
|
-
transform: [{ translateY: (0, import_react_native_reanimated.withTiming)(pressed.value ? 2 : 0, { duration: 80 }) }],
|
|
424
|
-
opacity: (0, import_react_native_reanimated.withTiming)(pressed.value ? 0.9 : 1, { duration: 80 })
|
|
425
|
-
}));
|
|
426
420
|
if (!color) color = "primaryLight";
|
|
427
421
|
const styles13 = {
|
|
428
422
|
buttonLabel: {
|
|
@@ -532,7 +526,7 @@ function UIButton(props) {
|
|
|
532
526
|
] }) });
|
|
533
527
|
}
|
|
534
528
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
|
|
535
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Pressable, { onPress: onClick,
|
|
529
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Pressable, { onPress: onClick, style: ({ pressed }) => [buttonStyle, pressed && { opacity: 0.5 }], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
|
|
536
530
|
icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UI_default.Icon, { size: iconSize, style: iconStyle, value: icon }),
|
|
537
531
|
label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Text, { style: buttonLabel, children: label })
|
|
538
532
|
] }) }),
|
|
@@ -1529,7 +1523,7 @@ function UIModal(props) {
|
|
|
1529
1523
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UIToast, {})
|
|
1530
1524
|
] });
|
|
1531
1525
|
};
|
|
1532
|
-
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native17.Modal, { animationType: "slide",
|
|
1526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native17.Modal, { animationType: "slide", visible: true, onRequestClose: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ModalInner, {}) }, key);
|
|
1533
1527
|
}
|
|
1534
1528
|
var styles9 = import_react_native17.StyleSheet.create({
|
|
1535
1529
|
modalTop: {
|