@lowentry/mui 1.2.13 → 1.2.15

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

@@ -7,7 +7,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".lowentry-mui--mui-root{height:100%;width:100%}@media not (hover:hover),not (pointer:fine){.lowentry-mui--mui-root .MuiButtonBase-root:not(.allow-mobile-hover):hover{background-color:hsla(0,0%,100%,0)!important}}";
+var css_248z = ".lowentry-mui--mui-root{height:100%;width:100%}@media not (hover:hover),not (pointer:fine){.lowentry-mui--mui-root .MuiButtonBase-root:not(.allow-mobile-hover):hover .MuiTouchRipple-root{background-color:hsla(0,0%,100%,0)!important}}";
 styleInject(css_248z);
 
 var _excluded = ["theme", "className", "children"];

package/package.json

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

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/components/MuiRoot.less

@@ -5,7 +5,7 @@
 	
 	@media not (hover: hover), not (pointer: fine) // mobile devices
 	{
-		.MuiButtonBase-root:not(.allow-mobile-hover):hover
+		.MuiButtonBase-root:not(.allow-mobile-hover):hover .MuiTouchRipple-root
 		{
 			background-color: rgba(255, 255, 255, 0) !important;
 		}