secullum-react-native-ui 4.18.5 → 4.18.6

package/lib/components/DropDown.js

@@ -205,8 +205,7 @@ class DropDown extends React.Component {
                 modalOverlay: {
                     justifyContent: this.shouldDisplaySearchField()
                         ? 'flex-start'
-                        : 'center',
-                    paddingTop: this.shouldDisplaySearchField() && react_native_1.Platform.OS === 'ios' ? 44 : 0
+                        : 'center'
                 },
                 modalContainer: {
                     maxHeight: '95%',

package/lib/components/Modal.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const React = require("react");
 const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const layout_1 = require("../modules/layout");
 const react_native_1 = require("react-native");
 // From the most specific to the most generic, in the order Yoga resolves each edge.
 // paddingStart/End map to left/right in LTR, which is the only case we support.
@@ -52,20 +51,17 @@ class Modal extends React.Component {
                     styles.overlay,
                     overlayStyle
                 ]);
-                // sec-issues#14678: On edge-to-edge the modal window is the whole screen,
-                // including the system bar areas, and React Native no longer applies
-                // fitsSystemWindows to that window. The safe area is added to the padding
-                // of the consumer that already declared it and is applied last, so that
-                // no overlayStyle accidentally overrides it. On Android, when the navigation
-                // bar moves to the side, the inset comes in from the left or right instead
-                // of from the bottom.
-                const safeAreaStyle = (0, layout_1.isEdgeToEdge)() && insets
+                // sec-issues#14678, sec-issues#14736: the modal window covers the
+                // system bar areas, so the content has to account for them itself.
+                // There is intentionally no platform-specific condition here because
+                // the insets are the overlap between the provider view and the system
+                // bars, so they already come in as zero when the window does not cover them.
+                const safeAreaStyle = insets
                     ? {
                         paddingTop: resolvePadding(flattenedOverlayStyle, 'top') + insets.top,
                         paddingBottom: resolvePadding(flattenedOverlayStyle, 'bottom') +
                             insets.bottom,
-                        paddingLeft: resolvePadding(flattenedOverlayStyle, 'left') +
-                            insets.left,
+                        paddingLeft: resolvePadding(flattenedOverlayStyle, 'left') + insets.left,
                         paddingRight: resolvePadding(flattenedOverlayStyle, 'right') +
                             insets.right
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.18.5",
+  "version": "4.18.6",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [