authscape 1.0.324 → 1.0.326

package/index.js

@@ -115,6 +115,83 @@ function AuthScapeApp(_ref) {
 }
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoSaveTextField = AutoSaveTextField;
+var _react = _interopRequireWildcard(require("react"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function AutoSaveTextField(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "outlined" : _ref$variant,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout,
+    _ref$isMultiLine = _ref.isMultiLine,
+    isMultiLine = _ref$isMultiLine === void 0 ? false : _ref$isMultiLine,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$onChanged = _ref.onChanged,
+    onChanged = _ref$onChanged === void 0 ? null : _ref$onChanged;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    text = _useState2[0],
+    setText = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isComponentMounted = _useState4[0],
+    setComponentMounted = _useState4[1];
+  (0, _react.useEffect)(function () {
+    // Set the componentMounted flag to true after the initial render
+    setComponentMounted(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (isComponentMounted) {
+      // Simulate saving text to a server or any storage mechanism
+      // In a real-world scenario, you would send a request to a server to save the text
+      // For this example, we'll just update the savedText state after 2 seconds
+      var saveTimeout = setTimeout(function () {
+        if (onChanged != null) {
+          onChanged(text);
+        }
+      }, timeout);
+
+      // Clean up the timeout to avoid unnecessary saves if the text changes again
+      return function () {
+        return clearTimeout(saveTimeout);
+      };
+    }
+  }, [text, isComponentMounted]);
+  var handleTextChange = function handleTextChange(event) {
+    var newText = event.target.value;
+    setText(newText);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    label: label,
+    fullWidth: fullWidth,
+    variant: variant,
+    multiline: isMultiLine,
+    rows: rows,
+    value: text,
+    onChange: handleTextChange
+  }));
+}
+;
+"use strict";
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.324",
+  "version": "1.0.326",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/AutoSaveTextField.js

@@ -0,0 +1,50 @@
+import React, { useState, useEffect } from 'react';
+import TextField from '@mui/material/TextField';
+
+export function AutoSaveTextField ({label = "", variant = "outlined", timeout = 2000, isMultiLine = false, rows = 1, fullWidth = false, onChanged = null}) {
+  const [text, setText] = useState('');
+  const [isComponentMounted, setComponentMounted] = useState(false);
+
+  useEffect(() => {
+    // Set the componentMounted flag to true after the initial render
+    setComponentMounted(true);
+  }, []);
+
+  useEffect(() => {
+
+    if (isComponentMounted)
+    {
+        // Simulate saving text to a server or any storage mechanism
+        // In a real-world scenario, you would send a request to a server to save the text
+        // For this example, we'll just update the savedText state after 2 seconds
+        const saveTimeout = setTimeout(() => {
+        if (onChanged != null)
+        {
+            onChanged(text);
+        }
+        }, timeout);
+
+        // Clean up the timeout to avoid unnecessary saves if the text changes again
+        return () => clearTimeout(saveTimeout);
+    }
+  }, [text, isComponentMounted]);
+
+  const handleTextChange = (event) => {
+    const newText = event.target.value;
+    setText(newText);
+  };
+
+  return (
+    <div>
+      <TextField
+        label={label}
+        fullWidth={fullWidth}
+        variant={variant}
+        multiline={isMultiLine}
+        rows={rows}
+        value={text}
+        onChange={handleTextChange}
+      />
+    </div>
+  );
+};