@bigbinary/neeto-molecules 1.3.8 → 1.3.10

package/dist/Security.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef } from 'react';
+import React__default, { forwardRef, useState, useEffect } from 'react';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { Input, Radio, Form, ActionBlock } from '@bigbinary/neetoui/formik';
 import classnames from 'classnames';
@@ -17,6 +17,61 @@ import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/r
 import { useQuery } from 'react-query';
 import axios from 'axios';
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var propTypes = {exports: {}};
 
 var reactIs = {exports: {}};
@@ -1524,12 +1579,6 @@ var Scrollable = function Scrollable(_ref) {
   }, otherProps), children);
 };
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
@@ -1538,15 +1587,6 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -1797,6 +1837,13 @@ var Security = function Security(_ref) {
     isLoading = _useFetchSettings.isLoading;
   var _useUpdateSetting = useUpdateSetting(url),
     updateSettings = _useUpdateSetting.mutate;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMobileScreen = _useState2[0],
+    setIsMobileScreen = _useState2[1];
+  var isLargerScreen = function isLargerScreen() {
+    return window.innerWidth > 1024;
+  };
   var handleSubmit = function handleSubmit(values, _ref2) {
     var setSubmitting = _ref2.setSubmitting;
     updateSettings(values, {
@@ -1805,13 +1852,23 @@ var Security = function Security(_ref) {
       }
     });
   };
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      if (isLargerScreen()) setIsMobileScreen(false);else setIsMobileScreen(true);
+    };
+    window.addEventListener("resize", handleResize);
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
+  }, []);
   if (isLoading) return /*#__PURE__*/React__default.createElement(PageLoader$1, null);
   return /*#__PURE__*/React__default.createElement(Container, {
     isHeaderFixed: true
   }, /*#__PURE__*/React__default.createElement(Header, {
-    "data-cy": "general-settings-heading",
     breadcrumbs: breadcrumbs,
-    title: title
+    title: title,
+    "data-cy": "general-settings-heading",
+    size: isMobileScreen ? "small" : "large"
   }), /*#__PURE__*/React__default.createElement(Scrollable, {
     className: "w-full pb-6"
   }, /*#__PURE__*/React__default.createElement(Form, {