@ainias42/react-bootstrap-mobile 0.2.11 → 0.2.12

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.2.10
+ *   @ainias42/react-bootstrap-mobile v0.2.11
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -23716,7 +23716,8 @@ const FileInputController = withMemo(function FileInputController(_a) {
     errors
   } = (0,external_react_hook_form_namespaceObject.useFormState)();
   const {
-    clearErrors
+    clearErrors,
+    setError
   } = (0,external_react_hook_form_namespaceObject.useFormContext)();
   const errorMessage = (_g = (_e = (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : (_d = errors[`${name}.src`]) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : (_f = errors[`${name}.name`]) === null || _f === void 0 ? void 0 : _f.message) !== null && _g !== void 0 ? _g : (_h = errors[`${name}.type`]) === null || _h === void 0 ? void 0 : _h.message;
   const internalOnChange = (0,external_react_.useCallback)(arg => {
@@ -23726,8 +23727,14 @@ const FileInputController = withMemo(function FileInputController(_a) {
     clearErrors(`${name}.type`);
     field.onChange(arg);
   }, [clearErrors, field, name]);
+  const setErrorMessage = (0,external_react_.useCallback)(error => {
+    setError(name, {
+      message: error
+    });
+  }, []);
   return /*#__PURE__*/external_react_default().createElement(FileInput, FileInputController_extends({}, otherProps, field, {
     onChangeFile: internalOnChange,
+    onError: setErrorMessage,
     value: field.value,
     error: errorMessage
   }));
@@ -24633,7 +24640,8 @@ const FullScreen = withMemo(function FullScreen(_a) {
     var _a, _b;
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    if (document.fullscreenElement || document.webkitFullscreenElement) {
+    const fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement;
+    if (fullscreenElement === containerRef.current) {
       if ('exitFullscreen' in document) {
         document.exitFullscreen();
       } else {
@@ -24641,7 +24649,6 @@ const FullScreen = withMemo(function FullScreen(_a) {
         // @ts-ignore
         document.webkitCancelFullScreen();
       }
-      onLeaveFullscreen === null || onLeaveFullscreen === void 0 ? void 0 : onLeaveFullscreen();
       return;
     }
     if ('webkitRequestFullscreen' in document.body) {
@@ -24651,7 +24658,6 @@ const FullScreen = withMemo(function FullScreen(_a) {
     } else {
       (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.requestFullscreen();
     }
-    onEnterFullscreen === null || onEnterFullscreen === void 0 ? void 0 : onEnterFullscreen();
   }, [onEnterFullscreen, onLeaveFullscreen]);
   // Effects
   (0,external_react_.useEffect)(() => {
@@ -24666,6 +24672,29 @@ const FullScreen = withMemo(function FullScreen(_a) {
     window === null || window === void 0 ? void 0 : window.addEventListener('keyup', listener);
     return () => window === null || window === void 0 ? void 0 : window.removeEventListener('keyup', listener);
   }, [fullscreenKey, toggleFullscreen, window]);
+  (0,external_react_.useEffect)(() => {
+    if (!containerRef.current) {
+      return;
+    }
+    const container = containerRef.current;
+    const listener = () => {
+      // @ts-ignore
+      const fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement;
+      if (fullscreenElement === container) {
+        console.log("LOG-d enter fullscreen");
+        onEnterFullscreen === null || onEnterFullscreen === void 0 ? void 0 : onEnterFullscreen();
+      } else {
+        console.log("LOG-d leave fullscreen");
+        onLeaveFullscreen === null || onLeaveFullscreen === void 0 ? void 0 : onLeaveFullscreen();
+      }
+    };
+    container.addEventListener('fullscreenchange', listener);
+    container.addEventListener('webkitfullscreenchange', listener);
+    return () => {
+      container.removeEventListener('fullscreenchange', listener);
+      container.removeEventListener('webkitfullscreenchange', listener);
+    };
+  }, [onEnterFullscreen, onLeaveFullscreen]);
   // Other
   // Render Functions
   const element = as !== null && as !== void 0 ? as : 'span';