@lowentry/mui 1.2.12 → 1.2.13

package/Avatar/index.js

@@ -0,0 +1,44 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import { LeRed } from '@lowentry/react-redux';
+import { Avatar as Avatar$1 } from '@mui/material';
+
+var _excluded = ["src", "slotProps", "retryOptions", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Avatar = LeRed.memo(function (_ref) {
+  var _slotProps$img3, _slotProps$img4;
+  var src = _ref.src,
+    slotProps = _ref.slotProps,
+    retryOptions = _ref.retryOptions,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _LeRed$useRetryingIma = LeRed.useRetryingImageUrl(src, retryOptions),
+    _LeRed$useRetryingIma2 = _slicedToArray(_LeRed$useRetryingIma, 2),
+    imgSrc = _LeRed$useRetryingIma2[0],
+    onImgError = _LeRed$useRetryingIma2[1];
+  var onError = LeRed.useCallback(function () {
+    var _slotProps$img;
+    onImgError.apply(void 0, arguments);
+    if (slotProps !== null && slotProps !== void 0 && (_slotProps$img = slotProps.img) !== null && _slotProps$img !== void 0 && _slotProps$img.onError) {
+      var _slotProps$img2;
+      (_slotProps$img2 = slotProps.img).onError.apply(_slotProps$img2, arguments);
+    }
+  }, [onImgError, slotProps === null || slotProps === void 0 || (_slotProps$img3 = slotProps.img) === null || _slotProps$img3 === void 0 ? void 0 : _slotProps$img3.onError]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar$1, _extends({
+    src: imgSrc,
+    slotProps: _objectSpread(_objectSpread({}, slotProps !== null && slotProps !== void 0 ? slotProps : {}), {}, {
+      img: _objectSpread(_objectSpread({
+        referrerPolicy: 'no-referrer'
+      }, (_slotProps$img4 = slotProps === null || slotProps === void 0 ? void 0 : slotProps.img) !== null && _slotProps$img4 !== void 0 ? _slotProps$img4 : {}), {}, {
+        onError: onError
+      })
+    })
+  }, props), children));
+});
+
+export { Avatar as default };
+//# sourceMappingURL=index.js.map

package/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Avatar.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {Avatar as MuiAvatar} from '@mui/material';\n\n\nconst Avatar = LeRed.memo(({src, slotProps, retryOptions, children, ...props}) =>\n{\n\tconst [imgSrc, onImgError] = LeRed.useRetryingImageUrl(src, retryOptions);\n\t\n\t\n\tconst onError = LeRed.useCallback((...args) =>\n\t{\n\t\tonImgError(...args);\n\t\t\n\t\tif(slotProps?.img?.onError)\n\t\t{\n\t\t\tslotProps.img.onError(...args);\n\t\t}\n\t}, [onImgError, slotProps?.img?.onError]);\n\t\n\t\n\treturn (<>\n\t\t<MuiAvatar src={imgSrc} slotProps={{...(slotProps ?? {}), img:{referrerPolicy:'no-referrer', ...(slotProps?.img ?? {}), onError:onError}}} {...props}>\n\t\t\t{children}\n\t\t</MuiAvatar>\n\t</>);\n});\nexport default Avatar;\n"],"names":["Avatar","LeRed","memo","_ref","_slotProps$img3","_slotProps$img4","src","slotProps","retryOptions","children","props","_objectWithoutProperties","_excluded","_LeRed$useRetryingIma","useRetryingImageUrl","_LeRed$useRetryingIma2","_slicedToArray","imgSrc","onImgError","onError","useCallback","_slotProps$img","apply","arguments","img","_slotProps$img2","React","createElement","Fragment","MuiAvatar","_extends","_objectSpread","referrerPolicy"],"mappings":";;;;;;;;;;;AAKMA,IAAAA,MAAM,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC1B;EAAA,IAAAC,eAAA,EAAAC,eAAA,CAAA;AAAA,EAAA,IAD4BC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAE3E,IAAAC,qBAAA,GAA6BZ,KAAK,CAACa,mBAAmB,CAACR,GAAG,EAAEE,YAAY,CAAC;IAAAO,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,MAAM,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,sBAAA,CAAA,CAAA,CAAA,CAAA;AAGzB,EAAA,IAAMI,OAAO,GAAGlB,KAAK,CAACmB,WAAW,CAAC,YAClC;AAAA,IAAA,IAAAC,cAAA,CAAA;AACCH,IAAAA,UAAU,CAAAI,KAAA,CAAAC,KAAAA,CAAAA,EAAAA,SAAQ,CAAC,CAAA;AAEnB,IAAA,IAAGhB,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,IAAA,CAAAc,cAAA,GAATd,SAAS,CAAEiB,GAAG,cAAAH,cAAA,KAAA,KAAA,CAAA,IAAdA,cAAA,CAAgBF,OAAO,EAC1B;AAAA,MAAA,IAAAM,eAAA,CAAA;AACC,MAAA,CAAAA,eAAA,GAAAlB,SAAS,CAACiB,GAAG,EAACL,OAAO,CAAAG,KAAA,CAAAG,eAAA,EAAAF,SAAQ,CAAC,CAAA;AAC/B,KAAA;GACA,EAAE,CAACL,UAAU,EAAEX,SAAS,KAATA,IAAAA,IAAAA,SAAS,gBAAAH,eAAA,GAATG,SAAS,CAAEiB,GAAG,cAAApB,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,eAAA,CAAgBe,OAAO,CAAC,CAAC,CAAA;AAGzC,EAAA,oBAAQO,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,QAAS,EAAAC,QAAA,CAAA;AAACxB,IAAAA,GAAG,EAAEW,MAAO;AAACV,IAAAA,SAAS,EAAAwB,aAAA,CAAAA,aAAA,CAAOxB,EAAAA,EAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAA,EAAA,EAAA,EAAA;MAAGiB,GAAG,EAAAO,aAAA,CAAAA,aAAA,CAAA;AAAEC,QAAAA,cAAc,EAAC,aAAA;AAAa,OAAA,EAAA,CAAA3B,eAAA,GAAME,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEiB,GAAG,cAAAnB,eAAA,KAAA,KAAA,CAAA,GAAAA,eAAA,GAAI,EAAE,CAAA,EAAA,EAAA,EAAA;AAAGc,QAAAA,OAAO,EAACA,OAAAA;AAAO,OAAA,CAAA;AAAC,KAAA,CAAA;AAAE,GAAA,EAAKT,KAAK,CAAA,EAClJD,QACS,CACV,CAAC,CAAA;AACJ,CAAC;;;;"}

package/index.js

@@ -1,3 +1,4 @@
+export { default as Avatar } from './Avatar/index.js';
 export { default as DatePicker } from './DatePicker/index.js';
 export { default as Dialog } from './Dialog/index.js';
 export { default as InitiallyInvisible } from './InitiallyInvisible/index.js';
@@ -9,15 +10,15 @@ export { default as RemovableNumericTextField } from './RemovableNumericTextFiel
 export { default as RemovableTextField } from './RemovableTextField/index.js';
 export { default as Submittable } from './Submittable/index.js';
 export { default as TextField } from './TextField/index.js';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import '@lowentry/react-redux';
+import '@mui/material';
 import '@lowentry/utils';
 import 'dayjs';
-import '@mui/material';
 import '@mui/x-date-pickers';
 import '@mui/icons-material/ArrowBackIosNew';
 import '@mui/icons-material/ArrowForwardIos';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowentry/mui",
-  "version": "1.2.12",
+  "version": "1.2.13",
   "private": false,
   "main": "./index.js",
   "description": "Provides utilities for Material UI.",

package/src/components/Avatar.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import {LeRed} from '@lowentry/react-redux';
+import {Avatar as MuiAvatar} from '@mui/material';
+
+
+const Avatar = LeRed.memo(({src, slotProps, retryOptions, children, ...props}) =>
+{
+	const [imgSrc, onImgError] = LeRed.useRetryingImageUrl(src, retryOptions);
+	
+	
+	const onError = LeRed.useCallback((...args) =>
+	{
+		onImgError(...args);
+		
+		if(slotProps?.img?.onError)
+		{
+			slotProps.img.onError(...args);
+		}
+	}, [onImgError, slotProps?.img?.onError]);
+	
+	
+	return (<>
+		<MuiAvatar src={imgSrc} slotProps={{...(slotProps ?? {}), img:{referrerPolicy:'no-referrer', ...(slotProps?.img ?? {}), onError:onError}}} {...props}>
+			{children}
+		</MuiAvatar>
+	</>);
+});
+export default Avatar;

package/src/index.js

@@ -1,3 +1,4 @@
+export {default as Avatar} from './components/Avatar.jsx';
 export {default as DatePicker} from './components/DatePicker.jsx';
 export {default as Dialog} from './components/Dialog.jsx';
 export {default as InitiallyInvisible} from './components/InitiallyInvisible.jsx';