bootstrap-rn 0.3.2 → 0.3.3

package/lib/commonjs/components/modal/Modal.js

@@ -73,7 +73,7 @@ const styles = _StyleSheet.default.create({
     width: auto;
     margin: $modal-dialog-margin;
     // allow clicks to pass through for custom click handling to close modal
-    pointer-events: none;
+    pointer-events: auto; // pointer-events: none;
 
     @include media-breakpoint-up(sm) {
       width: 100%; // added for bootstrap-rn

package/lib/module/components/modal/Modal.js

@@ -64,7 +64,7 @@ const styles = StyleSheet.create({
     width: auto;
     margin: $modal-dialog-margin;
     // allow clicks to pass through for custom click handling to close modal
-    pointer-events: none;
+    pointer-events: auto; // pointer-events: none;
 
     @include media-breakpoint-up(sm) {
       width: 100%; // added for bootstrap-rn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-rn",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Bootstrap RN is a design framework for React Native. The library is inspired by Bootstrap and tries to bring best practices from the Sass/Css world to JavaScript.",
   "author": "Markus Wetzel <markuswetzel@gmx.net>",
   "license": "MIT",

package/src/components/modal/Modal.js

@@ -66,7 +66,7 @@ const styles = StyleSheet.create({
     width: auto;
     margin: $modal-dialog-margin;
     // allow clicks to pass through for custom click handling to close modal
-    pointer-events: none;
+    pointer-events: auto; // pointer-events: none;
 
     @include media-breakpoint-up(sm) {
       width: 100%; // added for bootstrap-rn

package/src/hooks/useScrollbarEffects.js

@@ -1,82 +1,82 @@
-import { useRef, useMemo } from 'react';
-import { Platform, findNodeHandle } from 'react-native';
-
-const computeScrollbarWidth = () => {
-  const documentWidth = document.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - documentWidth);
-};
-
-export default function useScrollbarEffects(elements) {
-  if (Platform.OS !== 'web') {
-    return useMemo(
-      () => ({
-        hide() {},
-        show() {},
-      }),
-      [],
-    );
-  }
-
-  const state = useRef({
-    counter: 0,
-    elements: [],
-    originalWidths: [],
-    originalBodyOverflow: '',
-  });
-
-  return useMemo(
-    () => ({
-      hide() {
-        state.current.counter += 1;
-
-        if (state.current.counter !== 1) {
-          return;
-        }
-
-        const rect = document.body.getBoundingClientRect();
-        const isBodyOverflowing = rect.left + rect.right < window.innerWidth;
-
-        // Set body and fixed elements padding adjustments.
-        const fixedElements = elements
-          .filter((ref) => ref.current)
-          .map((ref) => findNodeHandle(ref.current));
-        state.current.elements = [document.body, ...fixedElements];
-
-        state.current.originalWidths = state.current.elements.map(
-          (el) => el.style.width || '',
-        );
-
-        state.current.originalBodyOverflow = document.body.style.overflow || '';
-
-        if (isBodyOverflowing) {
-          const scrollbarWidth = computeScrollbarWidth();
-
-          state.current.elements.forEach((el) => {
-            // eslint-disable-next-line no-param-reassign
-            el.style.width = `calc(100% - ${scrollbarWidth}px)`;
-          });
-        }
-
-        // Add "overflow: hidden" to body element.
-        document.body.style.overflow = 'hidden';
-      },
-      show() {
-        state.current.counter -= 1;
-
-        if (state.current.counter !== 0) {
-          return;
-        }
-
-        // Remove "overflow: hidden" from body element.
-        document.body.style.overflow = state.current.originalBodyOverflow;
-
-        // Reset body padding adjustments.
-        state.current.elements.forEach((el, key) => {
-          // eslint-disable-next-line no-param-reassign
-          el.style.width = state.current.originalWidths[key] || '';
-        });
-      },
-    }),
-    [],
-  );
-}
+import { useRef, useMemo } from 'react';
+import { Platform, findNodeHandle } from 'react-native';
+
+const computeScrollbarWidth = () => {
+  const documentWidth = document.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - documentWidth);
+};
+
+export default function useScrollbarEffects(elements) {
+  if (Platform.OS !== 'web') {
+    return useMemo(
+      () => ({
+        hide() {},
+        show() {},
+      }),
+      [],
+    );
+  }
+
+  const state = useRef({
+    counter: 0,
+    elements: [],
+    originalWidths: [],
+    originalBodyOverflow: '',
+  });
+
+  return useMemo(
+    () => ({
+      hide() {
+        state.current.counter += 1;
+
+        if (state.current.counter !== 1) {
+          return;
+        }
+
+        const rect = document.body.getBoundingClientRect();
+        const isBodyOverflowing = rect.left + rect.right < window.innerWidth;
+
+        // Set body and fixed elements padding adjustments.
+        const fixedElements = elements
+          .filter((ref) => ref.current)
+          .map((ref) => findNodeHandle(ref.current));
+        state.current.elements = [document.body, ...fixedElements];
+
+        state.current.originalWidths = state.current.elements.map(
+          (el) => el.style.width || '',
+        );
+
+        state.current.originalBodyOverflow = document.body.style.overflow || '';
+
+        if (isBodyOverflowing) {
+          const scrollbarWidth = computeScrollbarWidth();
+
+          state.current.elements.forEach((el) => {
+            // eslint-disable-next-line no-param-reassign
+            el.style.width = `calc(100% - ${scrollbarWidth}px)`;
+          });
+        }
+
+        // Add "overflow: hidden" to body element.
+        document.body.style.overflow = 'hidden';
+      },
+      show() {
+        state.current.counter -= 1;
+
+        if (state.current.counter !== 0) {
+          return;
+        }
+
+        // Remove "overflow: hidden" from body element.
+        document.body.style.overflow = state.current.originalBodyOverflow;
+
+        // Reset body padding adjustments.
+        state.current.elements.forEach((el, key) => {
+          // eslint-disable-next-line no-param-reassign
+          el.style.width = state.current.originalWidths[key] || '';
+        });
+      },
+    }),
+    [],
+  );
+}