@lowentry/mui 1.2.12 → 1.2.14

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/Dialog/index.js

@@ -2,14 +2,22 @@ import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
 import { LeRed } from '@lowentry/react-redux';
-import { STRING } from '@lowentry/utils';
+import { LeUtils, STRING } from '@lowentry/utils';
 import { Dialog as Dialog$1 } from '@mui/material';
+import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 
-var _excluded = ["onClose", "children"];
+var css_248z = ".lowentry-mui--dialog .lowentry-mui--dialog--arialabel{display:none!important}";
+styleInject(css_248z);
+
+var _excluded = ["onClose", "children", "aria-label"];
 var Dialog = LeRed.memo(function (_ref) {
   var onClose = _ref.onClose,
     children = _ref.children,
+    ariaLabel = _ref['aria-label'],
     props = _objectWithoutProperties(_ref, _excluded);
+  var ariaLabelId = LeRed.useMemo(function () {
+    return 'lowentrymui_dialog_arialabel_' + LeUtils.uniqueId();
+  }, []);
   var onClosed = LeRed.useCallback(function (event, reason) {
     if (!STRING(reason).toLowerCase().includes('escape')) {
       // prevent closing when clicking on the backdrop, only allow escape-key closing
@@ -20,8 +28,16 @@ var Dialog = LeRed.memo(function (_ref) {
     }
   }, [onClose]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog$1, _extends({
-    onClose: onClosed
-  }, props), children));
+    className: "lowentry-mui--dialog",
+    onClose: onClosed,
+    "aria-labelledby": ariaLabelId
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "lowentry-mui--dialog--arialabel",
+    id: ariaLabelId,
+    style: {
+      display: 'none'
+    }
+  }, ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ''), children));
 });
 
 export { Dialog as default };

package/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {STRING} from '@lowentry/utils';\nimport {Dialog as MuiDialog} from '@mui/material';\n\n\nconst Dialog = LeRed.memo(({onClose, children, ...props}) =>\n{\n\tconst onClosed = LeRed.useCallback((event, reason) =>\n\t{\n\t\tif(!STRING(reason).toLowerCase().includes('escape'))\n\t\t{\n\t\t\t// prevent closing when clicking on the backdrop, only allow escape-key closing\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif(onClose)\n\t\t{\n\t\t\tonClose(event, reason);\n\t\t}\n\t}, [onClose]);\n\t\n\t\n\treturn (<>\n\t\t<MuiDialog onClose={onClosed} {...props}>\n\t\t\t{children}\n\t\t</MuiDialog>\n\t</>);\n});\nexport default Dialog;\n"],"names":["Dialog","LeRed","memo","_ref","onClose","children","props","_objectWithoutProperties","_excluded","onClosed","useCallback","event","reason","STRING","toLowerCase","includes","React","createElement","Fragment","MuiDialog","_extends"],"mappings":";;;;;;;;AAMMA,IAAAA,MAAM,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC1B;AAAA,EAAA,IAD4BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAEtD,IAAMC,QAAQ,GAAGR,KAAK,CAACS,WAAW,CAAC,UAACC,KAAK,EAAEC,MAAM,EACjD;AACC,IAAA,IAAG,CAACC,MAAM,CAACD,MAAM,CAAC,CAACE,WAAW,EAAE,CAACC,QAAQ,CAAC,QAAQ,CAAC,EACnD;AACC;AACA,MAAA,OAAA;AACD,KAAA;AAEA,IAAA,IAAGX,OAAO,EACV;AACCA,MAAAA,OAAO,CAACO,KAAK,EAAEC,MAAM,CAAC,CAAA;AACvB,KAAA;AACD,GAAC,EAAE,CAACR,OAAO,CAAC,CAAC,CAAA;AAGb,EAAA,oBAAQY,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,QAAS,EAAAC,QAAA,CAAA;AAAChB,IAAAA,OAAO,EAAEK,QAAAA;AAAS,GAAA,EAAKH,KAAK,CAAA,EACrCD,QACS,CACV,CAAC,CAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/components/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {LeUtils, STRING} from '@lowentry/utils';\nimport {Dialog as MuiDialog} from '@mui/material';\nimport './Dialog.less';\n\n\nconst Dialog = LeRed.memo(({onClose, children, 'aria-label':ariaLabel, ...props}) =>\n{\n\tconst ariaLabelId = LeRed.useMemo(() => 'lowentrymui_dialog_arialabel_' + LeUtils.uniqueId(), []);\n\t\n\t\n\tconst onClosed = LeRed.useCallback((event, reason) =>\n\t{\n\t\tif(!STRING(reason).toLowerCase().includes('escape'))\n\t\t{\n\t\t\t// prevent closing when clicking on the backdrop, only allow escape-key closing\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif(onClose)\n\t\t{\n\t\t\tonClose(event, reason);\n\t\t}\n\t}, [onClose]);\n\t\n\t\n\treturn (<>\n\t\t<MuiDialog className=\"lowentry-mui--dialog\" onClose={onClosed} aria-labelledby={ariaLabelId} {...props}>\n\t\t\t<span className=\"lowentry-mui--dialog--arialabel\" id={ariaLabelId} style={{display:'none'}}>{ariaLabel ?? ''}</span>\n\t\t\t{children}\n\t\t</MuiDialog>\n\t</>);\n});\nexport default Dialog;\n"],"names":["Dialog","LeRed","memo","_ref","onClose","children","ariaLabel","props","_objectWithoutProperties","_excluded","ariaLabelId","useMemo","LeUtils","uniqueId","onClosed","useCallback","event","reason","STRING","toLowerCase","includes","React","createElement","Fragment","MuiDialog","_extends","className","id","style","display"],"mappings":";;;;;;;;;;;;AAOMA,IAAAA,MAAM,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC1B;AAAA,EAAA,IAD4BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAeC,SAAS,GAAAH,IAAA,CAAtB,YAAY,CAAA;AAAeI,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAE9E,EAAA,IAAMC,WAAW,GAAGT,KAAK,CAACU,OAAO,CAAC,YAAA;AAAA,IAAA,OAAM,+BAA+B,GAAGC,OAAO,CAACC,QAAQ,EAAE,CAAA;AAAA,GAAA,EAAE,EAAE,CAAC,CAAA;EAGjG,IAAMC,QAAQ,GAAGb,KAAK,CAACc,WAAW,CAAC,UAACC,KAAK,EAAEC,MAAM,EACjD;AACC,IAAA,IAAG,CAACC,MAAM,CAACD,MAAM,CAAC,CAACE,WAAW,EAAE,CAACC,QAAQ,CAAC,QAAQ,CAAC,EACnD;AACC;AACA,MAAA,OAAA;AACD,KAAA;AAEA,IAAA,IAAGhB,OAAO,EACV;AACCA,MAAAA,OAAO,CAACY,KAAK,EAAEC,MAAM,CAAC,CAAA;AACvB,KAAA;AACD,GAAC,EAAE,CAACb,OAAO,CAAC,CAAC,CAAA;AAGb,EAAA,oBAAQiB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,QAAS,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAC,sBAAsB;AAACtB,IAAAA,OAAO,EAAEU,QAAS;IAAC,iBAAiBJ,EAAAA,WAAAA;AAAY,GAAA,EAAKH,KAAK,CAAA,eACrGc,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMI,IAAAA,SAAS,EAAC,iCAAiC;AAACC,IAAAA,EAAE,EAAEjB,WAAY;AAACkB,IAAAA,KAAK,EAAE;AAACC,MAAAA,OAAO,EAAC,MAAA;AAAM,KAAA;GAAIvB,EAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAS,CAAC,EACnHD,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.14",
   "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/components/Dialog.jsx

@@ -1,11 +1,15 @@
 import React from 'react';
 import {LeRed} from '@lowentry/react-redux';
-import {STRING} from '@lowentry/utils';
+import {LeUtils, STRING} from '@lowentry/utils';
 import {Dialog as MuiDialog} from '@mui/material';
+import './Dialog.less';
 
 
-const Dialog = LeRed.memo(({onClose, children, ...props}) =>
+const Dialog = LeRed.memo(({onClose, children, 'aria-label':ariaLabel, ...props}) =>
 {
+	const ariaLabelId = LeRed.useMemo(() => 'lowentrymui_dialog_arialabel_' + LeUtils.uniqueId(), []);
+	
+	
 	const onClosed = LeRed.useCallback((event, reason) =>
 	{
 		if(!STRING(reason).toLowerCase().includes('escape'))
@@ -22,7 +26,8 @@ const Dialog = LeRed.memo(({onClose, children, ...props}) =>
 	
 	
 	return (<>
-		<MuiDialog onClose={onClosed} {...props}>
+		<MuiDialog className="lowentry-mui--dialog" onClose={onClosed} aria-labelledby={ariaLabelId} {...props}>
+			<span className="lowentry-mui--dialog--arialabel" id={ariaLabelId} style={{display:'none'}}>{ariaLabel ?? ''}</span>
 			{children}
 		</MuiDialog>
 	</>);

package/src/components/Dialog.less

@@ -0,0 +1,7 @@
+.lowentry-mui--dialog
+{
+	.lowentry-mui--dialog--arialabel
+	{
+		display: none !important;
+	}
+}

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';