@lowentry/mui 1.4.4 → 2.0.1

package/src/components/NumericTextField.jsx

@@ -1,115 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {FLOAT_LAX, INT_LAX_ANY, STRING} from '@lowentry/utils';
-import {LeMuiUtils} from '../LeMuiUtils.js';
-import TextField from './TextField.jsx';
-
-
-const getProcessedValue = (value, decimals, allowZero, allowNegative) =>
-{
-	let text = LeMuiUtils.purgePrependedHiddenChar(STRING(value));
-	let val = 0;
-	
-	const negative = text.includes('-');
-	
-	text = text.replace(',', '.').replace(/[^0-9.]/g, '');
-	if(text !== '')
-	{
-		let stringVal = Math.abs(FLOAT_LAX(text)).toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
-		stringVal = stringVal.substring(0, stringVal.length - 1);
-		
-		const textDotCount = text.split('.').length - 1;
-		if((textDotCount <= 0) || (decimals <= 0))
-		{
-			text = stringVal.split('.')[0];
-		}
-		else if((textDotCount === 1) && text.endsWith('.'))
-		{
-			text = stringVal.split('.')[0] + '.';
-		}
-		else
-		{
-			text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
-		}
-		
-		if(!allowZero && (text === '0'))
-		{
-			text = '';
-		}
-	}
-	
-	if(allowNegative && negative)
-	{
-		text = '-' + text;
-	}
-	
-	val = FLOAT_LAX(text);
-	if(val !== 0)
-	{
-		if(decimals > 0)
-		{
-			val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
-		}
-		else
-		{
-			val = Math.round(val);
-		}
-	}
-	
-	return {text, val};
-};
-
-
-const NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>
-{
-	allowZero = !!allowZero;
-	allowNegative = !!allowNegative;
-	decimals = INT_LAX_ANY(decimals, 0);
-	
-	
-	const getVisualValue = LeRed.useCallback((value) =>
-	{
-		return getProcessedValue(value, decimals, allowZero, allowNegative).text;
-	}, [decimals, allowZero, allowNegative]);
-	
-	
-	const [visualValue, setVisualValue] = LeRed.useState(getVisualValue(value));
-	
-	LeRed.useEffect(() =>
-	{
-		const newVisualValue = getVisualValue(value);
-		if(FLOAT_LAX(visualValue) !== FLOAT_LAX(newVisualValue))
-		{
-			setVisualValue(newVisualValue);
-		}
-	}, [value, getVisualValue]);
-	
-	
-	const onChanged = LeRed.useCallback((event) =>
-	{
-		const originalTargetValue = event.target.value;
-		const {text, val} = getProcessedValue(originalTargetValue, decimals, allowZero, allowNegative);
-		
-		setVisualValue(text);
-		
-		if(onChange)
-		{
-			const newEvent = {
-				...event,
-				target:{
-					...event.target,
-					value:    val,
-					valueText:text,
-					valueRaw: originalTargetValue,
-				},
-			};
-			onChange(newEvent);
-		}
-	}, [onChange]);
-	
-	
-	return (<>
-		<TextField className={'lowentry-mui--numeric-textfield ' + (className ?? '')} type="text" inputProps={{inputMode:'decimal', ...(inputProps ?? {})}} value={!!onRenderValue ? onRenderValue(visualValue) : visualValue} onChange={onChanged} {...props}>{children}</TextField>
-	</>);
-});
-export default NumericTextField;

package/src/components/RemovableNumericTextField.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeMuiUtils} from '../LeMuiUtils';
-import NumericTextField from './NumericTextField.jsx';
-
-
-const RemovableNumericTextField = LeRed.memo(({onRemove, onChange, onSelect, className, children, ...props}) =>
-{
-	const onChanged = LeRed.useCallback((event) =>
-	{
-		if(event.target.valueRaw === '')
-		{
-			if(onRemove)
-			{
-				onRemove(event);
-			}
-			return;
-		}
-		
-		if(onChange)
-		{
-			onChange(event);
-		}
-	}, [onRemove, onChange]);
-	
-	
-	const onSelected = LeRed.useCallback((event) =>
-	{
-		LeMuiUtils.onSelectEnsureMinimumOffset(1)(event);
-		if(onSelect)
-		{
-			onSelect(event);
-		}
-	}, [onSelect]);
-	
-	
-	return (<>
-		<NumericTextField className={'lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield ' + (className ?? '')} onRenderValue={LeMuiUtils.prependHiddenChar} onChange={onChanged} onSelect={onSelected} {...props}>{children}</NumericTextField>
-	</>);
-});
-export default RemovableNumericTextField;

package/src/components/RemovableTextField.jsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeMuiUtils} from '../LeMuiUtils';
-import TextField from './TextField.jsx';
-
-
-const RemovableTextField = LeRed.memo(({className, value, onRemove, onChange, onSelect, children, ...props}) =>
-{
-	const onChanged = LeRed.useCallback((event) =>
-	{
-		if(event.target.value === '')
-		{
-			if(onRemove)
-			{
-				onRemove(event);
-			}
-			return;
-		}
-		
-		if(onChange)
-		{
-			const newEvent = {
-				...event,
-				target:{
-					...event.target,
-					value:LeMuiUtils.purgePrependedHiddenChar(event.target.value),
-				},
-			};
-			onChange(newEvent);
-		}
-	}, [onRemove, onChange]);
-	
-	
-	const onSelected = LeRed.useCallback((event) =>
-	{
-		LeMuiUtils.onSelectEnsureMinimumOffset(1)(event);
-		if(onSelect)
-		{
-			onSelect(event);
-		}
-	}, [onSelect]);
-	
-	
-	return (<>
-		<TextField className={'lowentry-mui--removable-textfield ' + (className ?? '')} value={LeMuiUtils.prependHiddenChar(value)} onChange={onChanged} onSelect={onSelected} {...props}>{children}</TextField>
-	</>);
-});
-export default RemovableTextField;

package/src/components/Submittable.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import Stack from '@mui/material/Stack';
-
-
-const Submittable = LeRed.memo(({onSubmit, disabled, sx, children, ...props}) =>
-{
-	const handleSubmit = LeRed.useCallback((event) =>
-	{
-		try
-		{
-			event.preventDefault();
-		}
-		catch(e)
-		{
-		}
-		
-		if(disabled)
-		{
-			if(!(typeof disabled === 'function') || disabled())
-			{
-				return;
-			}
-		}
-		
-		if(onSubmit)
-		{
-			onSubmit(event);
-		}
-	}, [onSubmit, disabled]);
-	
-	
-	return (<>
-		<form style={sx ?? {}} onSubmit={handleSubmit}>
-			<Stack {...props}>
-				{children}
-			</Stack>
-		</form>
-	</>);
-});
-export default Submittable;

package/src/components/TextField.jsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import MuiTextField from '@mui/material/TextField';
-import './TextField.less';
-
-
-const TextField = LeRed.memo(({className, onClick, children, ...props}) =>
-{
-	const onClicked = LeRed.useCallback((event) =>
-	{
-		try
-		{
-			event.stopPropagation();
-		}
-		catch(e)
-		{
-		}
-		
-		if(onClick)
-		{
-			onClick(event);
-		}
-	}, [onClick]);
-	
-	
-	return (<>
-		<MuiTextField className={'lowentry-mui--textfield ' + (className ?? '')} autoComplete="off" onClick={onClicked} {...props}>{children}</MuiTextField>
-	</>);
-});
-export default TextField;

package/src/components/TextField.less

@@ -1,4 +0,0 @@
-.lowentry-mui--textfield
-{
-    cursor: auto;
-}

package/src/index.js

@@ -1,13 +0,0 @@
-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';
-export {default as LoadingSpinner} from './components/LoadingSpinner.jsx';
-export {default as LoadingSpinnerWidget} from './components/LoadingSpinnerWidget.jsx';
-export {default as MenuButton} from './components/MenuButton.jsx';
-export {default as MuiRoot} from './components/MuiRoot.jsx';
-export {default as NumericTextField} from './components/NumericTextField.jsx';
-export {default as RemovableNumericTextField} from './components/RemovableNumericTextField.jsx';
-export {default as RemovableTextField} from './components/RemovableTextField.jsx';
-export {default as Submittable} from './components/Submittable.jsx';
-export {default as TextField} from './components/TextField.jsx';

package/style-inject.es-1f59c1d0.js

@@ -1,29 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as s };
-//# sourceMappingURL=style-inject.es-1f59c1d0.js.map

package/style-inject.es-1f59c1d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-1f59c1d0.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/tsconfig.d.ts

@@ -1 +0,0 @@
-/// <reference lib="esnext" />

package/tsconfig.json

@@ -1,39 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "strict": true,
-    "noImplicitAny": false,
-    "noImplicitThis": false,
-    "alwaysStrict": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "jsx": "react-jsx",
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "types": [],
-    "noEmit": false,
-    "declaration": true,
-    "declarationMap": false,
-    "outDir": "./build",
-    "removeComments": false,
-    "stripInternal": true,
-    "emitDeclarationOnly": true
-  },
-  "include": [
-    "tsconfig.d.ts",
-    "src"
-  ],
-  "exclude": [
-    "node_modules"
-  ],
-  "typeAcquisition": {
-    "include": [
-      "react",
-      "react-dom"
-    ]
-  }
-}