@lowentry/mui 1.0.2 → 1.1.1

package/dist/LeMuiUtils-ca49f11d.js

@@ -0,0 +1 @@
+import{INT_LAX as t,STRING as e,LeUtils as n}from"@lowentry/utils";var r={onSelectEnsureMinimumOffset:function(e){return(e=Math.max(0,t(e)))<=0?function(){}:function(t){t&&t.target&&(t.target.selectionEnd<e?t.target.setSelectionRange(e,e):t.target.selectionStart<e&&t.target.setSelectionRange(e,t.target.selectionEnd))}},prependHiddenChar:function(t){return(t=e(t)).startsWith("​")?t:"​"+t},purgePrependedHiddenChar:function(t){return t=e(t),n.trimStart(t,["​"," ","\t","\r","\n"])}};export{r as L};

package/dist/_rollupPluginBabelHelpers-c0e6c03a.js

@@ -0,0 +1 @@
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(r,t){var e="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!e){if(Array.isArray(r)||(e=l(r))||t&&r&&"number"==typeof r.length){e&&(r=e);var n=0,o=function(){};return{s:o,n:function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]}},e:function(r){throw r},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(r)},n:function(){var r=e.next();return a=r.done,r},e:function(r){u=!0,i=r},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function e(r,t,e){return(t=function(r){var t=function(r,t){if("object"!=typeof r||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}(r,"string");return"symbol"==typeof t?t:t+""}(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function n(){return n=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)({}).hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},n.apply(null,arguments)}function o(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function i(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))}))}return r}function a(r,t){if(null==r)return{};var e,n,o=function(r,t){if(null==r)return{};var e={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(t.indexOf(n)>=0)continue;e[n]=r[n]}return e}(r,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)e=i[n],t.indexOf(e)>=0||{}.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}function u(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,i,a,u=[],l=!0,f=!1;try{if(i=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;l=!1}else for(;!(l=(n=i.call(e)).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(r){f=!0,o=r}finally{try{if(!l&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(r,t)||l(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}export{t as _,n as a,i as b,a as c,u as d};

package/dist/external/DatePicker.js

@@ -0,0 +1 @@
+import{_ as e,a as t,b as r,c as n,d as o}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import a from"react";import{LeRed as l}from"@lowentry/react-redux";import{IS_ARRAY as i}from"@lowentry/utils";import u from"dayjs";import{Button as c,Stack as d}from"@mui/material";import{DatePicker as m}from"@mui/x-date-pickers";import{TextField as p}from"./TextField.js";import s from"@mui/icons-material/ArrowBackIosNew";import f from"@mui/icons-material/ArrowForwardIos";import{s as v}from"../style-inject.es-1f59c1d0.js";v(".lowentry-mui--date-picker{padding:.5rem}.lowentry-mui--date-picker .lowentry-mui--date-picker--arrow-button{min-width:0;padding:6px 12px}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield{cursor:pointer!important;max-width:150px}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield .MuiInputBase-input{padding:10px 0;text-align:center}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield .MuiOutlinedInput-notchedOutline{border:0!important}.lowentry-mui--date-picker .lowentry-mui--date-picker--textfield *{cursor:pointer!important}");var w=["value","dateFormat","onChange","className","children"],y=l.memo((function(n){var o,d,m,s,f=l.useCallback((function(){var t,r;if(null!=n&&null!==(t=n.ownerState)&&void 0!==t&&t.open)return null;for(var o=null==n||null===(r=n.InputProps)||void 0===r||null===(r=r.endAdornment)||void 0===r?void 0:r.props;o;){var a,l;if(o.onClick)return o.onClick;if(null!==(a=o)&&void 0!==a&&a.children)o=o.children;else{if(i(o)){var u,c=!1,d=e(o);try{for(d.s();!(u=d.n()).done;){var m=u.value;null!=m&&m.props&&(o=m.props,c=!0)}}catch(e){d.e(e)}finally{d.f()}if(c)continue}o=null===(l=o)||void 0===l?void 0:l.props}}return null}),[null==n||null===(o=n.ownerState)||void 0===o?void 0:o.open,null==n||null===(d=n.InputProps)||void 0===d||null===(d=d.endAdornment)||void 0===d?void 0:d.props]),v=l.useCallback((function(e){e.target.selectionStart=e.target.selectionEnd,e.preventDefault()}),[]);return a.createElement(a.Fragment,null,a.createElement(c,{variant:"outlined",onClick:f},a.createElement(p,t({},n,{className:"lowentry-mui--date-picker--textfield "+(null!==(m=n.className)&&void 0!==m?m:""),variant:"outlined",value:u(n.value).format(null==n?void 0:n.dateFormat),InputProps:r(r({},null!==(s=n.InputProps)&&void 0!==s?s:{}),{},{readOnly:!0,endAdornment:null,onSelect:v,onSelectCapture:v,onMouseDown:v,onTouchStart:v,onTouchMove:v})}))))})),k=l.memo((function(e){var i=e.value,p=e.dateFormat,v=e.onChange,k=e.className;e.children;var x=n(e,w);p||(p="ddd, D MMM YYYY");var h=l.useHistoryState(!1),C=o(h,3),b=C[0],g=C[1],E=C[2],M=l.useCallback((function(){v&&v.apply(void 0,arguments)}),[v]);return a.createElement(a.Fragment,null,a.createElement(d,t({className:"lowentry-mui--date-picker "+(null!=k?k:""),direction:"row",justifyContent:"space-between",spacing:1},x),a.createElement(c,{className:"lowentry-mui--date-picker--arrow-button",variant:"text",color:"primary",onClick:function(){return M(u(i).subtract(1,"day"))}},a.createElement(s,null)),a.createElement(m,{open:b,onOpen:g,onClose:E,showDaysOutsideCurrentMonth:!0,views:["day"],format:"YYYY-MM-DD",label:"",isRequired:!0,value:i,onChange:M,slots:{textField:function(e){return l.createElement(y,r({dateFormat:p},e))},toolbar:function(e){return null}}}),a.createElement(c,{className:"lowentry-mui--date-picker--arrow-button",variant:"text",color:"primary",onClick:function(){return M(u(i).add(1,"day"))}},a.createElement(f,null))))}));export{k as DatePicker};

package/dist/external/Dialog.js

@@ -0,0 +1 @@
+import{c as e,a as r}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import o from"react";import{LeRed as l}from"@lowentry/react-redux";import{STRING as t}from"@lowentry/utils";import{Dialog as a}from"@mui/material";var n=["onClose","children"],m=l.memo((function(m){var i=m.onClose,c=m.children,s=e(m,n),u=l.useCallback((function(e,r){t(r).toLowerCase().includes("escape")&&i&&i(e,r)}),[i]);return o.createElement(o.Fragment,null,o.createElement(a,r({onClose:u},s),c))}));export{m as Dialog};

package/dist/external/LoadingSpinner.js

@@ -0,0 +1 @@
+import{c as e,a as n,b as r}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import t from"react";import{LeRed as i}from"@lowentry/react-redux";import{Backdrop as l,CircularProgress as o}from"@mui/material";import{s as a}from"../style-inject.es-1f59c1d0.js";a(".lowentry-mui--loading-spinner{color:hsla(0,0%,100%,.04)}.lowentry-mui--loading-spinner.lowentry-mui--loading-spinner--transparent{background:transparent}");var s=["type","className","sx","children"],m={},u=i.memo((function(e){var n=e.type;return i.useEffect((function(){return function(e){var n=e.type;m[n]=(m[n]||0)+1,1===m[n]&&i.trigger("lowentry-mui--loading-spinner--"+n)}({type:n}),function(){return function(e){var n=e.type;m[n]=(m[n]||1)-1,0===m[n]&&i.trigger("lowentry-mui--loading-spinner--"+n)}({type:n})}}),[]),null})),p=i.memo((function(a){var u=a.type,p=a.className,c=a.sx;a.children;var g=e(a,s);return i.useTriggerable("lowentry-mui--loading-spinner--"+u),t.createElement(t.Fragment,null,t.createElement(l,n({className:"lowentry-mui--loading-spinner lowentry-mui--loading-spinner--"+u+" "+(null!=p?p:""),sx:r({zIndex:function(e){return e.zIndex.drawer+1}},null!=c?c:{}),open:(m[u]||0)>0},g),t.createElement(o,{color:"inherit",size:"min(120px,30vw)"})))}));export{u as LoadingSpinner,p as LoadingSpinnerWidget};

package/dist/external/MenuButton.js

@@ -0,0 +1 @@
+import{c as e,d as l,a as o}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import r from"react";import{LeRed as n}from"@lowentry/react-redux";import{LeUtils as a,ARRAY as i}from"@lowentry/utils";import{Button as t,Menu as c}from"@mui/material";var m=["icon","className","ref","onClick","onClose","children"],s=n.memo((function(s){var u=s.icon,p=s.className,d=s.ref,f=s.onClick,C=s.onClose,v=s.children,k=e(s,m),b=n.useRef(),y=n.useState(!1),E=l(y,2),h=E[0],w=E[1],g=n.useCallback((function(e){w(!0),f&&f(e)}),[f]),x=n.useCallback((function(e){w(!1),C&&C(e)}),[C]);return r.createElement(r.Fragment,null,r.createElement(t,o({ref:n.mergeRefs(b,d),className:"lowentry-mui--menu-button allow-mobile-hover "+(null!=p?p:""),variant:"text",color:"primary",onClick:g},k),u),r.createElement(c,{anchorEl:b.current,open:h,onClose:x},a.mapToArray(i(v),(function(e,l){var o,r;return!!e&&n.cloneElement(e,{key:l,onClick:function(){var l;w(!1),null!=e&&null!==(l=e.props)&&void 0!==l&&l.onClick&&e.props.onClick()},disabled:void 0!==(null==e||null===(o=e.props)||void 0===o?void 0:o.disabled)?e.props.disabled:!(null!=e&&null!==(r=e.props)&&void 0!==r&&r.onClick)})}))))}));export{s as MenuButton};

package/dist/external/MuiRoot.js

@@ -0,0 +1 @@
+import{c as e,a as r}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import t from"react";import{LeRed as o}from"@lowentry/react-redux";import{CssBaseline as m,ThemeProvider as a}from"@mui/material";import{LocalizationProvider as i}from"@mui/x-date-pickers";import{AdapterDayjs as l}from"@mui/x-date-pickers/AdapterDayjs";import{s as n}from"../style-inject.es-1f59c1d0.js";n(".lowentry-mui--mui-root{min-height:100dvh;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 c=["theme","className","children"],s=o.memo((function(o){var n=o.theme,s=o.className,u=o.children,p=e(o,c);return t.createElement(t.Fragment,null,t.createElement(m,null),t.createElement(a,{theme:n},t.createElement(i,{dateAdapter:l},t.createElement("div",r({className:"lowentry-mui--mui-root "+(null!=s?s:"")},p),u))))}));export{s as MuiRoot};

package/dist/external/NumericTextField.js

@@ -0,0 +1 @@
+import{c as e,d as a,b as t,a as r}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import l from"react";import{LeRed as n}from"@lowentry/react-redux";import{INT_LAX_ANY as i,FLOAT_LAX as o,LeUtils as u}from"@lowentry/utils";import{TextField as s}from"./TextField.js";import{L as d}from"../LeMuiUtils-ca49f11d.js";import"@mui/material";import"../style-inject.es-1f59c1d0.js";var m=["decimals","allowZero","allowNegative","value","onChange","onRenderValue","className","inputProps","children"],p=n.memo((function(p){var c=p.decimals,v=p.allowZero,g=p.allowNegative,h=p.value,f=p.onChange,w=p.onRenderValue,x=p.className,M=p.inputProps,b=p.children,C=e(p,m);void 0===v&&(v=!0),void 0===g&&(g=!0),c=i(c,2);var P=function(e){var a=o(d.purgePrependedHiddenChar(e));return g||(a=Math.abs(a)),a=a.toFixed(c),a=u.trimEnd(u.trimEnd(a,"0"),"."),v||"0"!==a||(a=""),a},j=n.useState(P(h)),y=a(j,2),E=y[0],N=y[1];n.useEffect((function(){N(P(h))}),[h]);var F=n.useCallback((function(e){var a=e.target.value,r=d.purgePrependedHiddenChar(a),l=0,n=r.includes("-");if(""!==(r=r.replace(",",".").replace(/[^0-9.]/g,""))){l=Math.abs(o(r)),g&&n&&(l=-l);var i=l.toFixed(c+1);i=i.substring(0,i.length-1),r=!r.includes(".")||c<=0?i.split(".")[0]:r.endsWith(".")?i.split(".")[0]+".":i.substring(0,i.length-Math.max(0,c-r.split(".")[1].length)),N(r)}if(f){0!==l&&(l=c>0?Math.round(l*Math.pow(10,c))/Math.pow(10,c):Math.round(l));var u=t(t({},e),{},{target:t(t({},e.target),{},{value:l,valueText:r,valueRaw:a})});f(u)}}),[f]);return l.createElement(l.Fragment,null,l.createElement(s,r({className:"lowentry-mui--numeric-textfield "+(null!=x?x:""),type:"text",inputProps:t({inputMode:"decimal"},null!=M?M:{}),value:w?w(E):E,onChange:F},C),b))}));export{p as NumericTextField};

package/dist/external/RemovableNumericTextField.js

@@ -0,0 +1 @@
+import{c as e}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import r from"react";import{LeRed as t}from"@lowentry/react-redux";import{L as l}from"../LeMuiUtils-ca49f11d.js";import{NumericTextField as n}from"./NumericTextField.js";import"@lowentry/utils";import"./TextField.js";import"@mui/material";import"../style-inject.es-1f59c1d0.js";var o=["onRemove","onChange","onSelect","className","children"],a=t.memo((function(a){var m=a.onRemove,i=a.onChange,c=a.onSelect,s=a.className,u=a.children;e(a,o);var f=t.useCallback((function(e){""!==e.target.valueRaw?i&&i(e):m&&m(e)}),[m,i]),p=t.useCallback((function(e){l.onSelectEnsureMinimumOffset(1)(e),c&&c(e)}),[c]);return r.createElement(r.Fragment,null,r.createElement(n,{className:"lowentry-mui--removable-textfield lowentry-mui--removable-numeric-textfield "+(null!=s?s:""),onRenderValue:l.prependHiddenChar,onChange:f,onSelect:p},u))}));export{a as RemovableNumericTextField};

package/dist/external/RemovableTextField.js

@@ -0,0 +1 @@
+import{c as e,b as a,a as r}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import t from"react";import{LeRed as l}from"@lowentry/react-redux";import{L as n}from"../LeMuiUtils-ca49f11d.js";import{TextField as o}from"./TextField.js";import"@lowentry/utils";import"@mui/material";import"../style-inject.es-1f59c1d0.js";var i=["className","value","onRemove","onChange","onSelect","children"],m=l.memo((function(m){var c=m.className,s=m.value,u=m.onRemove,f=m.onChange,p=m.onSelect,d=m.children,v=e(m,i),g=l.useCallback((function(e){if(""!==e.target.value){if(f){var r=a(a({},e),{},{target:a(a({},e.target),{},{value:n.purgePrependedHiddenChar(e.target.value)})});f(r)}}else u&&u(e)}),[u,f]),h=l.useCallback((function(e){n.onSelectEnsureMinimumOffset(1)(e),p&&p(e)}),[p]);return t.createElement(t.Fragment,null,t.createElement(o,r({className:"lowentry-mui--removable-textfield "+(null!=c?c:""),value:n.prependHiddenChar(s),onChange:g,onSelect:h},v),d))}));export{m as RemovableTextField};

package/dist/external/Submittable.js

@@ -0,0 +1 @@
+import{c as e}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import r from"react";import{LeRed as t}from"@lowentry/react-redux";import{Stack as l}from"@mui/material";var n=["onSubmit","disabled","sx","children"],m=t.memo((function(m){var o=m.onSubmit,a=m.disabled,i=m.sx,c=m.children,u=e(m,n),f=t.useCallback((function(e){try{e.preventDefault()}catch(e){}a&&("function"!=typeof a||a())||o&&o(e)}),[o,a]);return r.createElement(r.Fragment,null,r.createElement("form",{style:null!=i?i:{},onSubmit:f},r.createElement(l,u,c)))}));export{m as Submittable};

package/dist/external/TextField.js

@@ -0,0 +1 @@
+import{c as e,a as t}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import r from"react";import{LeRed as l}from"@lowentry/react-redux";import{TextField as a}from"@mui/material";import{s as o}from"../style-inject.es-1f59c1d0.js";o(".lowentry-mui--textfield{cursor:auto}");var c=["className","onClick","children"],m=l.memo((function(o){var m=o.className,i=o.onClick,n=o.children,s=e(o,c),u=l.useCallback((function(e){try{e.stopPropagation()}catch(e){}i&&i(e)}),[i]);return r.createElement(r.Fragment,null,r.createElement(a,t({className:"lowentry-mui--textfield "+(null!=m?m:""),autoComplete:"off",onClick:u},s),n))}));export{m as TextField};

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

@@ -0,0 +1 @@
+function e(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===d&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}export{e as s};

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@lowentry/mui",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "private": false,
   "type": "module",
+  "exports": "./dist/external/",
   "description": "Provides utilities for Material UI.",
   "author": "Low Entry",
   "license": "MIT",
@@ -19,9 +20,10 @@
     "url": "git+https://github.com/LowEntry/lowentry-js-mui.git"
   },
   "scripts": {
-    "test": "node --check index.js"
+    "build": "npm exec -- rollup -c",
+    "test": ""
   },
-  "dependencies": {
+  "peerDependencies": {
     "@emotion/react": "*",
     "@emotion/styled": "*",
     "@lowentry/react-redux": "^1",
@@ -32,5 +34,19 @@
     "@mui/x-date-pickers": "^7",
     "dayjs": "^1",
     "react": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "cssnano": "^7.0.2",
+    "rollup": "^2.79.1",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2"
   }
 }

package/.github/workflows/on-push-to-master.yaml

@@ -1,30 +0,0 @@
-name: on push to master
-
-on:
-  push:
-    branches: [ master ]
-
-concurrency:
-  group: ${{ github.event_name }}
-
-jobs:
-  deploy:
-    name: "Increase version and deploy"
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 'lts/*'
-          registry-url: 'https://registry.npmjs.org'
-      #- run: npm ci
-      - run: npm test
-      - run: git config --global user.name "github-actions[bot]"
-      - run: git config --global user.email "github-actions[bot]@users.noreply.github.com"
-      - run: npm version patch -m "Upgrade to %s [skip ci]"
-      - run: git push && git push --tags
-      - run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

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

@@ -1,10 +0,0 @@
-export {DatePicker} from './widgets/DatePicker.jsx';
-export {Dialog} from './widgets/Dialog.jsx';
-export {LoadingSpinner} from './widgets/LoadingSpinner.jsx';
-export {MenuButton} from './widgets/MenuButton.jsx';
-export {MuiRoot} from './widgets/MuiRoot.jsx';
-export {NumericTextField} from './widgets/NumericTextField.jsx';
-export {RemovableNumericTextField} from './widgets/RemovableNumericTextField.jsx';
-export {RemovableTextField} from './widgets/RemovableTextField.jsx';
-export {Submittable} from './widgets/Submittable.jsx';
-export {TextField} from './widgets/TextField.jsx';

package/widgets/DatePicker.css

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

package/widgets/DatePicker.jsx

@@ -1,111 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {IS_ARRAY} from '@lowentry/utils';
-import Dayjs from 'dayjs';
-import {Button, Stack} from '@mui/material';
-import {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';
-import {TextField} from './TextField.jsx';
-import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
-import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
-import './DatePicker.css';
-
-
-const DatePickerTextField = LeRed.memo((props) =>
-{
-	const onClick = LeRed.useCallback(() =>
-	{
-		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 ' + (props.className ?? '')} variant="outlined" value={Dayjs(props.value).format(props?.dateFormat)} InputProps={{...(props.InputProps ?? {}), readOnly:true, endAdornment:null, onSelect:onSelect, onSelectCapture:onSelect, onMouseDown:onSelect, onTouchStart:onSelect, onTouchMove:onSelect}}/>
-		</Button>
-	</>);
-});
-
-
-export const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>
-{
-	if(!dateFormat)
-	{
-		dateFormat = 'ddd, D MMM YYYY';
-	}
-	
-	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=""
-				isRequired={true}
-				value={value}
-				onChange={onChanged}
-				slots={{
-					textField:(props) => LeRed.createElement(DatePickerTextField, {dateFormat, ...props}),
-					toolbar:  (props) => null,
-				}}
-			/>
-			<Button className="lowentry-mui--date-picker--arrow-button" variant="text" color="primary" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>
-		</Stack>
-	</>);
-});

package/widgets/Dialog.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {STRING} from '@lowentry/utils';
-import {Dialog} from '@mui/material';
-
-
-export const Dialog = LeRed.memo(({onClose, children, ...props}) =>
-{
-	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 (<>
-		<Dialog onClose={onClosed} {...props}>
-			{children}
-		</Dialog>
-	</>);
-});

package/widgets/LoadingSpinner.css

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

package/widgets/LoadingSpinner.jsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {Backdrop, CircularProgress} from '@mui/material';
-import './LoadingSpinner.css';
-
-
-let loadingSpinnerCount = {};
-let loadingSpinnerCountNonTransparent = 0;
-
-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});
-	}, []);
-	
-	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/widgets/MenuButton.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, ARRAY} from '@lowentry/utils';
-import {Button, Menu} from '@mui/material';
-
-
-export 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 allow-mobile-hover ' + (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>
-	</>);
-});

package/widgets/MuiRoot.css

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

package/widgets/MuiRoot.jsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {CssBaseline, ThemeProvider} from '@mui/material';
-import {LocalizationProvider} from '@mui/x-date-pickers';
-import {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs';
-import './MuiRoot.css';
-
-
-export 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>
-	</>);
-});

package/widgets/NumericTextField.jsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeUtils, FLOAT_LAX, INT_LAX_ANY} from '@lowentry/utils';
-import {TextField} from './TextField.jsx';
-import {LeMuiUtils} from '../LeMuiUtils.js';
-
-
-export const NumericTextField = LeRed.memo(({decimals, allowZero, allowNegative, value, onChange, onRenderValue, className, inputProps, children, ...props}) =>
-{
-	if(typeof allowZero === 'undefined')
-	{
-		allowZero = true;
-	}
-	if(typeof allowNegative === 'undefined')
-	{
-		allowNegative = true;
-	}
-	decimals = INT_LAX_ANY(decimals, 2);
-	
-	
-	const getVisualValue = (value) =>
-	{
-		let text = FLOAT_LAX(LeMuiUtils.purgePrependedHiddenChar(value));
-		if(!allowNegative)
-		{
-			text = Math.abs(text);
-		}
-		
-		text = text.toFixed(decimals); // rounds it
-		text = LeUtils.trimEnd(LeUtils.trimEnd(text, '0'), '.');
-		if(!allowZero && (text === '0'))
-		{
-			text = '';
-		}
-		return text;
-	};
-	
-	
-	const [visualValue, setVisualValue] = LeRed.useState(getVisualValue(value));
-	
-	LeRed.useEffect(() =>
-	{
-		setVisualValue(getVisualValue(value));
-	}, [value]);
-	
-	
-	const onChanged = LeRed.useCallback((event) =>
-	{
-		const originalTargetValue = event.target.value;
-		const targetValue = LeMuiUtils.purgePrependedHiddenChar(originalTargetValue);
-		
-		let text = targetValue;
-		let val = 0;
-		
-		{// visual >>
-			const minus = text.includes('-');
-			text = text.replace(',', '.').replace(/[^0-9.]/g, '');
-			if(text !== '')
-			{
-				val = Math.abs(FLOAT_LAX(text));
-				if(allowNegative && minus)
-				{
-					val = -val;
-				}
-				
-				let stringVal = val.toFixed(decimals + 1); // prevents rounding (by adding an extra digit and then cutting it off)
-				stringVal = stringVal.substring(0, stringVal.length - 1);
-				
-				if(!text.includes('.') || (decimals <= 0))
-				{
-					text = stringVal.split('.')[0];
-				}
-				else if(text.endsWith('.'))
-				{
-					text = stringVal.split('.')[0] + '.';
-				}
-				else
-				{
-					text = stringVal.substring(0, stringVal.length - Math.max(0, decimals - text.split('.')[1].length));
-				}
-				setVisualValue(text);
-			}
-		}// visual <<
-		
-		if(onChange)
-		{
-			if(val !== 0)
-			{
-				if(decimals > 0)
-				{
-					val = Math.round(val * Math.pow(10, decimals)) / Math.pow(10, decimals);
-				}
-				else
-				{
-					val = Math.round(val);
-				}
-			}
-			
-			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>
-	</>);
-});

package/widgets/RemovableNumericTextField.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeMuiUtils} from '../LeMuiUtils';
-import {NumericTextField} from './NumericTextField.jsx';
-
-
-export 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}>{children}</NumericTextField>
-	</>);
-});

package/widgets/RemovableTextField.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {LeMuiUtils} from '../LeMuiUtils';
-import {TextField} from './TextField.jsx';
-
-
-export 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>
-	</>);
-});

package/widgets/Submittable.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {Stack} from '@mui/material';
-
-
-export 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>
-	</>);
-});

package/widgets/TextField.css

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

package/widgets/TextField.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import {LeRed} from '@lowentry/react-redux';
-import {TextField as MuiTextField} from '@mui/material';
-import './TextField.css';
-
-
-export 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>
-	</>);
-});