@lowentry/mui 1.4.5 → 2.0.1

package/TextField/index.js

@@ -1,33 +0,0 @@
-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 TextField$1 from '@mui/material/TextField';
-import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
-
-var css_248z = ".lowentry-mui--textfield{cursor:auto}";
-styleInject(css_248z);
-
-var _excluded = ["className", "onClick", "children"];
-var TextField = LeRed.memo(function (_ref) {
-  var className = _ref.className,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var onClicked = LeRed.useCallback(function (event) {
-    try {
-      event.stopPropagation();
-    } catch (e) {}
-    if (onClick) {
-      onClick(event);
-    }
-  }, [onClick]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField$1, _extends({
-    className: 'lowentry-mui--textfield ' + (className !== null && className !== void 0 ? className : ''),
-    autoComplete: "off",
-    onClick: onClicked
-  }, props), children));
-});
-
-export { TextField as default };
-//# sourceMappingURL=index.js.map

package/TextField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/components/TextField.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport MuiTextField from '@mui/material/TextField';\nimport './TextField.less';\n\n\nconst TextField = LeRed.memo(({className, onClick, children, ...props}) =>\n{\n\tconst onClicked = LeRed.useCallback((event) =>\n\t{\n\t\ttry\n\t\t{\n\t\t\tevent.stopPropagation();\n\t\t}\n\t\tcatch(e)\n\t\t{\n\t\t}\n\t\t\n\t\tif(onClick)\n\t\t{\n\t\t\tonClick(event);\n\t\t}\n\t}, [onClick]);\n\t\n\t\n\treturn (<>\n\t\t<MuiTextField className={'lowentry-mui--textfield ' + (className ?? '')} autoComplete=\"off\" onClick={onClicked} {...props}>{children}</MuiTextField>\n\t</>);\n});\nexport default TextField;\n"],"names":["TextField","LeRed","memo","_ref","className","onClick","children","props","_objectWithoutProperties","_excluded","onClicked","useCallback","event","stopPropagation","e","React","createElement","Fragment","MuiTextField","_extends","autoComplete"],"mappings":";;;;;;;;;;;AAMMA,IAAAA,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EAC7B;AAAA,EAAA,IAD+BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAEpE,IAAMC,SAAS,GAAGT,KAAK,CAACU,WAAW,CAAC,UAACC,KAAK,EAC1C;IACC,IACA;MACCA,KAAK,CAACC,eAAe,EAAE,CAAA;AACxB,KAAC,CACD,OAAMC,CAAC,EACP,EACA;AAEA,IAAA,IAAGT,OAAO,EACV;MACCA,OAAO,CAACO,KAAK,CAAC,CAAA;AACf,KAAA;AACD,GAAC,EAAE,CAACP,OAAO,CAAC,CAAC,CAAA;AAGb,EAAA,oBAAQU,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,WAAY,EAAAC,QAAA,CAAA;IAACf,SAAS,EAAE,0BAA0B,IAAIA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAE;AAACgB,IAAAA,YAAY,EAAC,KAAK;AAACf,IAAAA,OAAO,EAAEK,SAAAA;AAAU,GAAA,EAAKH,KAAK,CAAA,EAAGD,QAAuB,CAClJ,CAAC,CAAA;AACJ,CAAC;;;;"}

package/api-extractor.json

@@ -1,43 +0,0 @@
-{
-  "projectFolder": ".",
-  "mainEntryPointFilePath": "<projectFolder>/build/index.d.ts",
-  "bundledPackages": [],
-  "compiler": {
-    "tsconfigFilePath": "<projectFolder>/tsconfig.json"
-  },
-  "dtsRollup": {
-    "enabled": true,
-    "untrimmedFilePath": "<projectFolder>/dist/index.d.ts"
-  },
-  "apiReport": {
-    "enabled": false,
-    "includeForgottenExports": true
-  },
-  "docModel": {
-    "enabled": false,
-    "includeForgottenExports": true
-  },
-  "tsdocMetadata": {
-    "enabled": false
-  },
-  "messages": {
-    "compilerMessageReporting": {
-      "default": {
-        "logLevel": "none"
-      }
-    },
-    "extractorMessageReporting": {
-      "default": {
-        "logLevel": "none"
-      },
-      "ae-wrong-input-file-type": {
-        "logLevel": "none"
-      }
-    },
-    "tsdocMessageReporting": {
-      "default": {
-        "logLevel": "none"
-      }
-    }
-  }
-}

package/index.js

@@ -1,38 +0,0 @@
-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';
-export { L as LoadingSpinner, a as LoadingSpinnerWidget } from './LoadingSpinner-4ccdb773.js';
-export { default as MenuButton } from './MenuButton/index.js';
-export { default as MuiRoot } from './MuiRoot/index.js';
-export { default as NumericTextField } from './NumericTextField/index.js';
-export { default as RemovableNumericTextField } from './RemovableNumericTextField/index.js';
-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/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/Avatar';
-import '@lowentry/utils';
-import 'dayjs';
-import '@mui/material/Button';
-import '@mui/material/Stack';
-import '@mui/material/TextField';
-import '@mui/x-date-pickers/DatePicker';
-import '@mui/icons-material/ArrowBackIosNew';
-import '@mui/icons-material/ArrowForwardIos';
-import './style-inject.es-1f59c1d0.js';
-import '@mui/material/Dialog';
-import '@mui/material/Backdrop';
-import '@mui/material/CircularProgress';
-import '@mui/material/Menu';
-import '@mui/material/CssBaseline';
-import '@mui/material/styles/ThemeProvider';
-import '@mui/x-date-pickers/LocalizationProvider';
-import '@mui/x-date-pickers/AdapterDayjs';
-import './LeMuiUtils-c46ed1cc.js';
-//# sourceMappingURL=index.js.map

package/index.js.map

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

package/src/LeMuiUtils.js

@@ -1,52 +0,0 @@
-import {LeUtils, STRING, INT_LAX} from '@lowentry/utils';
-
-
-const HIDDEN_CHAR = '\u200B';
-
-
-export const LeMuiUtils = {
-	onSelectEnsureMinimumOffset:
-		(charactersCount) =>
-		{
-			charactersCount = Math.max(0, INT_LAX(charactersCount));
-			if(charactersCount <= 0)
-			{
-				return () =>
-				{
-				};
-			}
-			
-			return (event) =>
-			{
-				if(event && event.target)
-				{
-					if(event.target.selectionEnd < charactersCount)
-					{
-						event.target.setSelectionRange(charactersCount, charactersCount);
-					}
-					else if(event.target.selectionStart < charactersCount)
-					{
-						event.target.setSelectionRange(charactersCount, event.target.selectionEnd);
-					}
-				}
-			};
-		},
-	
-	prependHiddenChar:
-		(string) =>
-		{
-			string = STRING(string);
-			if(string.startsWith(HIDDEN_CHAR))
-			{
-				return string;
-			}
-			return HIDDEN_CHAR + string;
-		},
-	
-	purgePrependedHiddenChar:
-		(string) =>
-		{
-			string = STRING(string);
-			return LeUtils.trimStart(string, ['\u200B', ' ', '\t', '\r', '\n']);
-		},
-};

package/src/components/Avatar.jsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import MuiAvatar from '@mui/material/Avatar';
-
-
-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/DatePicker.jsx

@@ -1,120 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {IS_ARRAY} from '@lowentry/utils';
-import Dayjs from 'dayjs';
-import Button from '@mui/material/Button';
-import Stack from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import {DatePicker as MuiDatePicker} from '@mui/x-date-pickers/DatePicker';
-import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
-import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
-import './DatePicker.less';
-
-
-const DatePickerTextField = LeRed.memo(({dateFormat, value, className, children, ...props}) =>
-{
-	const onClick = LeRed.useMemo(() =>
-	{
-		if(props?.ownerState?.open)
-		{
-			return null;
-		}
-		let propsLoop = props?.InputProps?.endAdornment?.props;
-		while(propsLoop)
-		{
-			if(propsLoop.onClick)
-			{
-				return propsLoop.onClick;
-			}
-			if(propsLoop?.children)
-			{
-				propsLoop = propsLoop.children;
-				continue;
-			}
-			if(IS_ARRAY(propsLoop))
-			{
-				let continueLoop = false;
-				for(const propsLoopItem of propsLoop)
-				{
-					if(propsLoopItem?.props)
-					{
-						propsLoop = propsLoopItem.props;
-						continueLoop = true;
-					}
-				}
-				if(continueLoop)
-				{
-					continue;
-				}
-			}
-			propsLoop = propsLoop?.props;
-		}
-		return null;
-	}, [props?.ownerState?.open, props?.InputProps?.endAdornment?.props]);
-	
-	
-	const onSelect = LeRed.useCallback((event) =>
-	{
-		event.target.selectionStart = event.target.selectionEnd;
-		event.preventDefault();
-	}, []);
-	
-	
-	return (<>
-		<Button variant="outlined" onClick={onClick}>
-			<TextField {...props} className={'lowentry-mui--date-picker--textfield ' + (className ?? '')} variant="outlined" value={Dayjs(value).format(dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}>{children}</TextField>
-		</Button>
-	</>);
-});
-
-
-const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>
-{
-	/** @type {*} */
-	const textFieldProps = LeRed.useMemo(() =>
-	{
-		if(!dateFormat)
-		{
-			return {dateFormat:'ddd, D MMM YYYY'};
-		}
-		return {dateFormat};
-	}, [dateFormat]);
-	
-	const [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);
-	
-	
-	const onChanged = LeRed.useCallback((...args) =>
-	{
-		if(onChange)
-		{
-			onChange(...args);
-		}
-	}, [onChange]);
-	
-	
-	return (<>
-		<Stack className={'lowentry-mui--date-picker ' + (className ?? '')} direction="row" justifyContent="space-between" spacing={1} {...props}>
-			<Button className="lowentry-mui--date-picker--arrow-button" variant="text" color="primary" onClick={() => onChanged(Dayjs(value).subtract(1, 'day'))}><ArrowBackIosNewIcon/></Button>
-			<MuiDatePicker
-				open={datepickerOpen}
-				onOpen={openDatepicker}
-				onClose={closeDatepicker}
-				showDaysOutsideCurrentMonth={true}
-				views={['day']}
-				format="YYYY-MM-DD"
-				label=""
-				value={value}
-				onChange={onChanged}
-				slots={{
-					textField:DatePickerTextField,
-					toolbar:  (props) => null,
-				}}
-				slotProps={{
-					textField:textFieldProps,
-				}}
-			/>
-			<Button className="lowentry-mui--date-picker--arrow-button" variant="text" color="primary" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>
-		</Stack>
-	</>);
-});
-export default DatePicker;

package/src/components/DatePicker.less

@@ -1,32 +0,0 @@
-.lowentry-mui--date-picker
-{
-	padding: 0.5rem;
-	
-	.lowentry-mui--date-picker--arrow-button
-	{
-		min-width: 0;
-		padding:   6px 12px;
-	}
-	
-	.lowentry-mui--date-picker--textfield
-	{
-		max-width: 150px;
-		cursor:    pointer !important;
-		
-		.MuiInputBase-input
-		{
-			text-align: center;
-			padding:    10px 0;
-		}
-		
-		.MuiOutlinedInput-notchedOutline
-		{
-			border: 0 !important;
-		}
-		
-		*
-		{
-			cursor: pointer !important;
-		}
-	}
-}

package/src/components/Dialog.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, STRING} from '@lowentry/utils';
-import MuiDialog from '@mui/material/Dialog';
-import './Dialog.less';
-
-
-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'))
-		{
-			// prevent closing when clicking on the backdrop, only allow escape-key closing
-			return;
-		}
-		
-		if(onClose)
-		{
-			onClose(event, reason);
-		}
-	}, [onClose]);
-	
-	
-	return (<>
-		<MuiDialog className="lowentry-mui--dialog" onClose={onClosed} aria-labelledby={ariaLabelId} open={false} {...props}>
-			<span className="lowentry-mui--dialog--arialabel" id={ariaLabelId} style={{display:'none'}}>{ariaLabel ?? ''}</span>
-			{children}
-		</MuiDialog>
-	</>);
-});
-export default Dialog;

package/src/components/Dialog.less

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

package/src/components/InitiallyInvisible.jsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, INT_LAX} from '@lowentry/utils';
-
-
-const InitiallyInvisible = LeRed.memo(({frames, transition, style, children, opacityKey, ...other}) =>
-{
-	const [opacity, setOpacity] = LeRed.useState(0);
-	
-	
-	LeRed.useEffect(() =>
-	{
-		setOpacity(0);
-		return LeUtils.setAnimationFrameTimeout(() => setOpacity(1), Math.max((opacityKey ? 2 : 0), INT_LAX(frames))).remove;
-	}, [opacityKey]);
-	
-	
-	return (<div style={{width:'100%', height:'100%', opacity, transition:(((opacity > 0) && transition) ? ('opacity ' + transition) : 'none'), ...(style ?? {})}} {...other}>{children}</div>);
-});
-export default InitiallyInvisible;

package/src/components/LoadingSpinner/LoadingSpinner.jsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import Backdrop from '@mui/material/Backdrop';
-import CircularProgress from '@mui/material/CircularProgress';
-import './LoadingSpinner.less';
-
-
-let loadingSpinnerCount = {};
-
-const LoadingSpinnerGrab = ({type}) =>
-{
-	loadingSpinnerCount[type] = (loadingSpinnerCount[type] || 0) + 1;
-	if(loadingSpinnerCount[type] === 1)
-	{
-		LeRed.trigger('lowentry-mui--loading-spinner--' + type);
-	}
-};
-
-const LoadingSpinnerRelease = ({type}) =>
-{
-	loadingSpinnerCount[type] = (loadingSpinnerCount[type] || 1) - 1;
-	if(loadingSpinnerCount[type] === 0)
-	{
-		LeRed.trigger('lowentry-mui--loading-spinner--' + type);
-	}
-};
-
-
-export const LoadingSpinner = LeRed.memo(({type}) =>
-{
-	LeRed.useEffect(() =>
-	{
-		LoadingSpinnerGrab({type});
-		return () => LoadingSpinnerRelease({type});
-	}, [type]);
-	
-	return null;
-});
-
-
-export const LoadingSpinnerWidget = LeRed.memo(({type, className, sx, children, ...props}) =>
-{
-	LeRed.useTriggerable('lowentry-mui--loading-spinner--' + type);
-	
-	return (<>
-		<Backdrop className={'lowentry-mui--loading-spinner lowentry-mui--loading-spinner--' + type + ' ' + (className ?? '')} sx={{zIndex:(theme) => theme.zIndex.drawer + 1, ...(sx ?? {})}} open={(loadingSpinnerCount[type] || 0) > 0} {...props}>
-			<CircularProgress color="inherit" size="min(120px,30vw)"/>
-		</Backdrop>
-	</>);
-});

package/src/components/LoadingSpinner/LoadingSpinner.less

@@ -1,9 +0,0 @@
-.lowentry-mui--loading-spinner
-{
-	color: rgba(255, 255, 255, 0.04);
-	
-	&.lowentry-mui--loading-spinner--transparent
-	{
-		background: rgba(0, 0, 0, 0);
-	}
-}

package/src/components/LoadingSpinner.jsx

@@ -1 +0,0 @@
-export {LoadingSpinner as default} from './LoadingSpinner/LoadingSpinner.jsx';

package/src/components/LoadingSpinnerWidget.jsx

@@ -1 +0,0 @@
-export {LoadingSpinnerWidget as default} from './LoadingSpinner/LoadingSpinner.jsx';

package/src/components/MenuButton.jsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, ARRAY} from '@lowentry/utils';
-import Button from '@mui/material/Button';
-import Menu from '@mui/material/Menu';
-
-
-const MenuButton = LeRed.memo(({icon, className, ref, onClick, onClose, children, ...props}) =>
-{
-	const buttonRef = LeRed.useRef();
-	const [open, setOpen] = LeRed.useState(false);
-	
-	
-	const onClicked = LeRed.useCallback((event) =>
-	{
-		setOpen(true);
-		
-		if(onClick)
-		{
-			onClick(event);
-		}
-	}, [onClick]);
-	
-	
-	const onClosed = LeRed.useCallback((event) =>
-	{
-		setOpen(false);
-		
-		if(onClose)
-		{
-			onClose(event);
-		}
-	}, [onClose]);
-	
-	
-	return (<>
-		<Button ref={LeRed.mergeRefs(buttonRef, ref)} className={'lowentry-mui--menu-button ' + (className ?? '')} variant="text" color="primary" onClick={onClicked} {...props}>{icon}</Button>
-		<Menu anchorEl={buttonRef.current} open={open} onClose={onClosed}>
-			{LeUtils.mapToArray(ARRAY(children), (child, index) => !!child && LeRed.cloneElement(child, {
-				key:     index,
-				onClick: () =>
-				         {
-					         setOpen(false);
-					         if(child?.props?.onClick)
-					         {
-						         child.props.onClick();
-					         }
-				         },
-				disabled:(typeof child?.props?.disabled !== 'undefined') ? child.props.disabled : !child?.props?.onClick,
-			}))}
-		</Menu>
-	</>);
-});
-export default MenuButton;

package/src/components/MuiRoot.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import CssBaseline from '@mui/material/CssBaseline';
-import ThemeProvider from '@mui/material/styles/ThemeProvider';
-import {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';
-import {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs';
-import './MuiRoot.less';
-
-
-const MuiRoot = LeRed.memo(({theme, className, children, ...props}) =>
-{
-	return (<>
-		<CssBaseline/>
-		<ThemeProvider theme={theme}>
-			<LocalizationProvider dateAdapter={AdapterDayjs}>
-				<div className={'lowentry-mui--mui-root ' + (className ?? '')} {...props}>
-					{children}
-				</div>
-			</LocalizationProvider>
-		</ThemeProvider>
-	</>);
-});
-export default MuiRoot;

package/src/components/MuiRoot.less

@@ -1,21 +0,0 @@
-.lowentry-mui--mui-root
-{
-	width:  100%;
-	height: 100%;
-	
-	@media not (hover: hover), not (pointer: fine) // mobile devices
-	{
-		.MuiButtonBase-root.disallow-mobile-hover-background:hover
-		{
-			background-color: rgba(255, 255, 255, 0) !important;
-		}
-		
-		.disallow-mobile-hover-background
-		{
-			.MuiButtonBase-root:hover
-			{
-				background-color: rgba(255, 255, 255, 0) !important;
-			}
-		}
-	}
-}