@lowentry/mui 1.2.20 → 1.3.2

package/DatePicker/index.js

@@ -98,9 +98,17 @@ var DatePicker = LeRed.memo(function (_ref2) {
     className = _ref2.className;
     _ref2.children;
     var props = _objectWithoutProperties(_ref2, _excluded2);
-  if (!dateFormat) {
-    dateFormat = 'ddd, D MMM YYYY';
-  }
+  /** @type {*} */
+  var textFieldProps = LeRed.useMemo(function () {
+    if (!dateFormat) {
+      return {
+        dateFormat: 'ddd, D MMM YYYY'
+      };
+    }
+    return {
+      dateFormat: dateFormat
+    };
+  }, [dateFormat]);
   var _LeRed$useHistoryStat = LeRed.useHistoryState(false),
     _LeRed$useHistoryStat2 = _slicedToArray(_LeRed$useHistoryStat, 3),
     datepickerOpen = _LeRed$useHistoryStat2[0],
@@ -131,7 +139,6 @@ var DatePicker = LeRed.memo(function (_ref2) {
     views: ['day'],
     format: "YYYY-MM-DD",
     label: "",
-    isRequired: true,
     value: value,
     onChange: onChanged,
     slots: {
@@ -141,9 +148,7 @@ var DatePicker = LeRed.memo(function (_ref2) {
       }
     },
     slotProps: {
-      textField: {
-        dateFormat: dateFormat
-      }
+      textField: textFieldProps
     }
   }), /*#__PURE__*/React.createElement(Button, {
     className: "lowentry-mui--date-picker--arrow-button",

package/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/DatePicker.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {IS_ARRAY} from '@lowentry/utils';\nimport Dayjs from 'dayjs';\nimport {Button, Stack, TextField} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.less';\n\n\nconst DatePickerTextField = LeRed.memo(({dateFormat, value, className, children, ...props}) =>\n{\n\tconst onClick = LeRed.useMemo(() =>\n\t{\n\t\tif(props?.ownerState?.open)\n\t\t{\n\t\t\treturn null;\n\t\t}\n\t\tlet propsLoop = props?.InputProps?.endAdornment?.props;\n\t\twhile(propsLoop)\n\t\t{\n\t\t\tif(propsLoop.onClick)\n\t\t\t{\n\t\t\t\treturn propsLoop.onClick;\n\t\t\t}\n\t\t\tif(propsLoop?.children)\n\t\t\t{\n\t\t\t\tpropsLoop = propsLoop.children;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif(IS_ARRAY(propsLoop))\n\t\t\t{\n\t\t\t\tlet continueLoop = false;\n\t\t\t\tfor(const propsLoopItem of propsLoop)\n\t\t\t\t{\n\t\t\t\t\tif(propsLoopItem?.props)\n\t\t\t\t\t{\n\t\t\t\t\t\tpropsLoop = propsLoopItem.props;\n\t\t\t\t\t\tcontinueLoop = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(continueLoop)\n\t\t\t\t{\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tpropsLoop = propsLoop?.props;\n\t\t}\n\t\treturn null;\n\t}, [props?.ownerState?.open, props?.InputProps?.endAdornment?.props]);\n\t\n\t\n\tconst onSelect = LeRed.useCallback((event) =>\n\t{\n\t\tevent.target.selectionStart = event.target.selectionEnd;\n\t\tevent.preventDefault();\n\t}, []);\n\t\n\t\n\treturn (<>\n\t\t<Button variant=\"outlined\" onClick={onClick}>\n\t\t\t<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>\n\t\t</Button>\n\t</>);\n});\n\n\nconst DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>\n{\n\tif(!dateFormat)\n\t{\n\t\tdateFormat = 'ddd, D MMM YYYY';\n\t}\n\t\n\tconst [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((...args) =>\n\t{\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(...args);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<Stack className={'lowentry-mui--date-picker ' + (className ?? '')} direction=\"row\" justifyContent=\"space-between\" spacing={1} {...props}>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).subtract(1, 'day'))}><ArrowBackIosNewIcon/></Button>\n\t\t\t<MuiDatePicker\n\t\t\t\topen={datepickerOpen}\n\t\t\t\tonOpen={openDatepicker}\n\t\t\t\tonClose={closeDatepicker}\n\t\t\t\tshowDaysOutsideCurrentMonth={true}\n\t\t\t\tviews={['day']}\n\t\t\t\tformat=\"YYYY-MM-DD\"\n\t\t\t\tlabel=\"\"\n\t\t\t\tisRequired={true}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={onChanged}\n\t\t\t\tslots={{\n\t\t\t\t\ttextField:DatePickerTextField,\n\t\t\t\t\ttoolbar:  (props) => null,\n\t\t\t\t}}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField:{dateFormat},\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>\n\t\t</Stack>\n\t</>);\n});\nexport default DatePicker;\n"],"names":["DatePickerTextField","LeRed","memo","_ref","_props$ownerState2","_props$InputProps2","_props$InputProps3","dateFormat","value","className","children","props","_objectWithoutProperties","_excluded","onClick","useMemo","_props$ownerState","_props$InputProps","ownerState","open","propsLoop","InputProps","endAdornment","_propsLoop","_propsLoop2","IS_ARRAY","continueLoop","_iterator","_createForOfIteratorHelper","_step","s","n","done","propsLoopItem","err","e","f","onSelect","useCallback","event","target","selectionStart","selectionEnd","preventDefault","React","createElement","Fragment","Button","variant","TextField","_extends","Dayjs","format","_objectSpread","readOnly","onSelectCapture","onMouseDown","onTouchStart","onTouchMove","DatePicker","_ref2","onChange","_excluded2","_LeRed$useHistoryStat","useHistoryState","_LeRed$useHistoryStat2","_slicedToArray","datepickerOpen","openDatepicker","closeDatepicker","onChanged","apply","arguments","Stack","direction","justifyContent","spacing","color","subtract","ArrowBackIosNewIcon","MuiDatePicker","onOpen","onClose","showDaysOutsideCurrentMonth","views","label","isRequired","slots","textField","toolbar","slotProps","add","ArrowForwardIosIcon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/DatePicker.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {IS_ARRAY} from '@lowentry/utils';\nimport Dayjs from 'dayjs';\nimport {Button, Stack, TextField} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.less';\n\n\nconst DatePickerTextField = LeRed.memo(({dateFormat, value, className, children, ...props}) =>\n{\n\tconst onClick = LeRed.useMemo(() =>\n\t{\n\t\tif(props?.ownerState?.open)\n\t\t{\n\t\t\treturn null;\n\t\t}\n\t\tlet propsLoop = props?.InputProps?.endAdornment?.props;\n\t\twhile(propsLoop)\n\t\t{\n\t\t\tif(propsLoop.onClick)\n\t\t\t{\n\t\t\t\treturn propsLoop.onClick;\n\t\t\t}\n\t\t\tif(propsLoop?.children)\n\t\t\t{\n\t\t\t\tpropsLoop = propsLoop.children;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif(IS_ARRAY(propsLoop))\n\t\t\t{\n\t\t\t\tlet continueLoop = false;\n\t\t\t\tfor(const propsLoopItem of propsLoop)\n\t\t\t\t{\n\t\t\t\t\tif(propsLoopItem?.props)\n\t\t\t\t\t{\n\t\t\t\t\t\tpropsLoop = propsLoopItem.props;\n\t\t\t\t\t\tcontinueLoop = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(continueLoop)\n\t\t\t\t{\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tpropsLoop = propsLoop?.props;\n\t\t}\n\t\treturn null;\n\t}, [props?.ownerState?.open, props?.InputProps?.endAdornment?.props]);\n\t\n\t\n\tconst onSelect = LeRed.useCallback((event) =>\n\t{\n\t\tevent.target.selectionStart = event.target.selectionEnd;\n\t\tevent.preventDefault();\n\t}, []);\n\t\n\t\n\treturn (<>\n\t\t<Button variant=\"outlined\" onClick={onClick}>\n\t\t\t<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>\n\t\t</Button>\n\t</>);\n});\n\n\nconst DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>\n{\n\t/** @type {*} */\n\tconst textFieldProps = LeRed.useMemo(() =>\n\t{\n\t\tif(!dateFormat)\n\t\t{\n\t\t\treturn {dateFormat:'ddd, D MMM YYYY'};\n\t\t}\n\t\treturn {dateFormat};\n\t}, [dateFormat]);\n\t\n\tconst [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);\n\t\n\t\n\tconst onChanged = LeRed.useCallback((...args) =>\n\t{\n\t\tif(onChange)\n\t\t{\n\t\t\tonChange(...args);\n\t\t}\n\t}, [onChange]);\n\t\n\t\n\treturn (<>\n\t\t<Stack className={'lowentry-mui--date-picker ' + (className ?? '')} direction=\"row\" justifyContent=\"space-between\" spacing={1} {...props}>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).subtract(1, 'day'))}><ArrowBackIosNewIcon/></Button>\n\t\t\t<MuiDatePicker\n\t\t\t\topen={datepickerOpen}\n\t\t\t\tonOpen={openDatepicker}\n\t\t\t\tonClose={closeDatepicker}\n\t\t\t\tshowDaysOutsideCurrentMonth={true}\n\t\t\t\tviews={['day']}\n\t\t\t\tformat=\"YYYY-MM-DD\"\n\t\t\t\tlabel=\"\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={onChanged}\n\t\t\t\tslots={{\n\t\t\t\t\ttextField:DatePickerTextField,\n\t\t\t\t\ttoolbar:  (props) => null,\n\t\t\t\t}}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField:textFieldProps,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Button className=\"lowentry-mui--date-picker--arrow-button\" variant=\"text\" color=\"primary\" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>\n\t\t</Stack>\n\t</>);\n});\nexport default DatePicker;\n"],"names":["DatePickerTextField","LeRed","memo","_ref","_props$ownerState2","_props$InputProps2","_props$InputProps3","dateFormat","value","className","children","props","_objectWithoutProperties","_excluded","onClick","useMemo","_props$ownerState","_props$InputProps","ownerState","open","propsLoop","InputProps","endAdornment","_propsLoop","_propsLoop2","IS_ARRAY","continueLoop","_iterator","_createForOfIteratorHelper","_step","s","n","done","propsLoopItem","err","e","f","onSelect","useCallback","event","target","selectionStart","selectionEnd","preventDefault","React","createElement","Fragment","Button","variant","TextField","_extends","Dayjs","format","_objectSpread","readOnly","onSelectCapture","onMouseDown","onTouchStart","onTouchMove","DatePicker","_ref2","onChange","_excluded2","textFieldProps","_LeRed$useHistoryStat","useHistoryState","_LeRed$useHistoryStat2","_slicedToArray","datepickerOpen","openDatepicker","closeDatepicker","onChanged","apply","arguments","Stack","direction","justifyContent","spacing","color","subtract","ArrowBackIosNewIcon","MuiDatePicker","onOpen","onClose","showDaysOutsideCurrentMonth","views","label","slots","textField","toolbar","slotProps","add","ArrowForwardIosIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,mBAAmB,GAAGC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAA,EACvC;AAAA,EAAA,IAAAC,kBAAA,EAAAC,kBAAA,EAAAC,kBAAA,CAAA;AAAA,EAAA,IADyCC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAExF,EAAA,IAAMC,OAAO,GAAGb,KAAK,CAACc,OAAO,CAAC,YAC9B;IAAA,IAAAC,iBAAA,EAAAC,iBAAA,CAAA;AACC,IAAA,IAAGN,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAAA,CAAAK,iBAAA,GAALL,KAAK,CAAEO,UAAU,cAAAF,iBAAA,KAAA,KAAA,CAAA,IAAjBA,iBAAA,CAAmBG,IAAI,EAC1B;AACC,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IACA,IAAIC,SAAS,GAAGT,KAAK,KAALA,IAAAA,IAAAA,KAAK,gBAAAM,iBAAA,GAALN,KAAK,CAAEU,UAAU,MAAA,IAAA,IAAAJ,iBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,iBAAA,GAAjBA,iBAAA,CAAmBK,YAAY,cAAAL,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA/BA,iBAAA,CAAiCN,KAAK,CAAA;AACtD,IAAA,OAAMS,SAAS,EACf;MAAA,IAAAG,UAAA,EAAAC,WAAA,CAAA;MACC,IAAGJ,SAAS,CAACN,OAAO,EACpB;QACC,OAAOM,SAAS,CAACN,OAAO,CAAA;AACzB,OAAA;MACA,IAAAS,CAAAA,UAAA,GAAGH,SAAS,MAAA,IAAA,IAAAG,UAAA,KAATA,KAAAA,CAAAA,IAAAA,UAAA,CAAWb,QAAQ,EACtB;QACCU,SAAS,GAAGA,SAAS,CAACV,QAAQ,CAAA;AAC9B,QAAA,SAAA;AACD,OAAA;AACA,MAAA,IAAGe,QAAQ,CAACL,SAAS,CAAC,EACtB;QACC,IAAIM,YAAY,GAAG,KAAK,CAAA;AAAC,QAAA,IAAAC,SAAA,GAAAC,0BAAA,CACER,SAAS,CAAA;UAAAS,KAAA,CAAA;AAAA,QAAA,IAAA;UAApC,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GACA;AAAA,YAAA,IADUC,aAAa,GAAAJ,KAAA,CAAArB,KAAA,CAAA;AAEtB,YAAA,IAAGyB,aAAa,KAAbA,IAAAA,IAAAA,aAAa,eAAbA,aAAa,CAAEtB,KAAK,EACvB;cACCS,SAAS,GAAGa,aAAa,CAACtB,KAAK,CAAA;AAC/Be,cAAAA,YAAY,GAAG,IAAI,CAAA;AACpB,aAAA;AACD,WAAA;AAAC,SAAA,CAAA,OAAAQ,GAAA,EAAA;UAAAP,SAAA,CAAAQ,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,SAAA,SAAA;AAAAP,UAAAA,SAAA,CAAAS,CAAA,EAAA,CAAA;AAAA,SAAA;AACD,QAAA,IAAGV,YAAY,EACf;AACC,UAAA,SAAA;AACD,SAAA;AACD,OAAA;MACAN,SAAS,GAAA,CAAAI,WAAA,GAAGJ,SAAS,cAAAI,WAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,WAAA,CAAWb,KAAK,CAAA;AAC7B,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACZ,GAAC,EAAE,CAACA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,IAAA,CAAAP,kBAAA,GAALO,KAAK,CAAEO,UAAU,MAAA,IAAA,IAAAd,kBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAA,CAAmBe,IAAI,EAAER,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAAAN,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAALM,KAAK,CAAEU,UAAU,MAAAhB,IAAAA,IAAAA,kBAAA,gBAAAA,kBAAA,GAAjBA,kBAAA,CAAmBiB,YAAY,cAAAjB,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA/BA,kBAAA,CAAiCM,KAAK,CAAC,CAAC,CAAA;EAGrE,IAAM0B,QAAQ,GAAGpC,KAAK,CAACqC,WAAW,CAAC,UAACC,KAAK,EACzC;IACCA,KAAK,CAACC,MAAM,CAACC,cAAc,GAAGF,KAAK,CAACC,MAAM,CAACE,YAAY,CAAA;IACvDH,KAAK,CAACI,cAAc,EAAE,CAAA;GACtB,EAAE,EAAE,CAAC,CAAA;AAGN,EAAA,oBAAQC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACPF,KAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAC,UAAU;AAAClC,IAAAA,OAAO,EAAEA,OAAAA;GACnC8B,eAAAA,KAAA,CAAAC,aAAA,CAACI,SAAS,EAAAC,QAAA,KAAKvC,KAAK,EAAA;IAAEF,SAAS,EAAE,uCAAuC,IAAIA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAE;AAACuC,IAAAA,OAAO,EAAC,UAAU;IAACxC,KAAK,EAAE2C,KAAK,CAAC3C,KAAK,CAAC,CAAC4C,MAAM,CAAC7C,UAAU,CAAE;AAACc,IAAAA,UAAU,EAAAgC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAA,CAAA/C,kBAAA,GAAOK,KAAK,CAACU,UAAU,cAAAf,kBAAA,KAAA,KAAA,CAAA,GAAAA,kBAAA,GAAI,EAAE,CAAA,EAAA,EAAA,EAAA;AAAGgD,MAAAA,QAAQ,EAAC,IAAI;AAAEhC,MAAAA,YAAY,EAAC,IAAI;AAAEe,MAAAA,QAAQ,EAACA,QAAQ;AAAEkB,MAAAA,eAAe,EAAClB,QAAQ;AAAEmB,MAAAA,WAAW,EAACnB,QAAQ;AAAEoB,MAAAA,YAAY,EAACpB,QAAQ;AAAEqB,MAAAA,WAAW,EAACrB,QAAAA;AAAQ,KAAA,CAAA;GAAI3B,CAAAA,EAAAA,QAAoB,CACpW,CACP,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAGIiD,IAAAA,UAAU,GAAG1D,KAAK,CAACC,IAAI,CAAC,UAAA0D,KAAA,EAC9B;AAAA,EAAA,IADgCpD,KAAK,GAAAoD,KAAA,CAALpD,KAAK,CAAA;IAAED,UAAU,GAAAqD,KAAA,CAAVrD,UAAU,CAAA;IAAEsD,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAEpD,SAAS,GAAAmD,KAAA,CAATnD,SAAS,CAAA;IAAUmD,KAAA,CAARlD,QAAQ,CAAA;AAAKC,QAAAA,KAAK,GAAAC,wBAAA,CAAAgD,KAAA,EAAAE,UAAA,EAAA;AAEzF;AACA,EAAA,IAAMC,cAAc,GAAG9D,KAAK,CAACc,OAAO,CAAC,YACrC;IACC,IAAG,CAACR,UAAU,EACd;MACC,OAAO;AAACA,QAAAA,UAAU,EAAC,iBAAA;OAAkB,CAAA;AACtC,KAAA;IACA,OAAO;AAACA,MAAAA,UAAU,EAAVA,UAAAA;KAAW,CAAA;AACpB,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,IAAAyD,qBAAA,GAA0D/D,KAAK,CAACgE,eAAe,CAAC,KAAK,CAAC;IAAAC,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAA/EI,IAAAA,cAAc,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,sBAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,eAAe,GAAAJ,sBAAA,CAAA,CAAA,CAAA,CAAA;AAGtD,EAAA,IAAMK,SAAS,GAAGtE,KAAK,CAACqC,WAAW,CAAC,YACpC;AACC,IAAA,IAAGuB,QAAQ,EACX;AACCA,MAAAA,QAAQ,CAAAW,KAAA,CAAAC,KAAAA,CAAAA,EAAAA,SAAQ,CAAC,CAAA;AAClB,KAAA;AACD,GAAC,EAAE,CAACZ,QAAQ,CAAC,CAAC,CAAA;AAGd,EAAA,oBAAQjB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACPF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAC6B,KAAK,EAAAxB,QAAA,CAAA;IAACzC,SAAS,EAAE,4BAA4B,IAAIA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAE;AAACkE,IAAAA,SAAS,EAAC,KAAK;AAACC,IAAAA,cAAc,EAAC,eAAe;AAACC,IAAAA,OAAO,EAAE,CAAA;AAAE,GAAA,EAAKlE,KAAK,CACvIiC,eAAAA,KAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AAACtC,IAAAA,SAAS,EAAC,yCAAyC;AAACuC,IAAAA,OAAO,EAAC,MAAM;AAAC8B,IAAAA,KAAK,EAAC,SAAS;IAAChE,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAAQyD,SAAS,CAACpB,KAAK,CAAC3C,KAAK,CAAC,CAACuE,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,eAACnC,KAAA,CAAAC,aAAA,CAACmC,mBAAmB,EAAA,IAAC,CAAS,CAAC,eACrLpC,KAAA,CAAAC,aAAA,CAACoC,YAAa,EAAA;AACb9D,IAAAA,IAAI,EAAEiD,cAAe;AACrBc,IAAAA,MAAM,EAAEb,cAAe;AACvBc,IAAAA,OAAO,EAAEb,eAAgB;AACzBc,IAAAA,2BAA2B,EAAE,IAAK;IAClCC,KAAK,EAAE,CAAC,KAAK,CAAE;AACfjC,IAAAA,MAAM,EAAC,YAAY;AACnBkC,IAAAA,KAAK,EAAC,EAAE;AACR9E,IAAAA,KAAK,EAAEA,KAAM;AACbqD,IAAAA,QAAQ,EAAEU,SAAU;AACpBgB,IAAAA,KAAK,EAAE;AACNC,MAAAA,SAAS,EAACxF,mBAAmB;AAC7ByF,MAAAA,OAAO,EAAG,SAAVA,OAAOA,CAAI9E,KAAK,EAAA;AAAA,QAAA,OAAK,IAAI,CAAA;AAAA,OAAA;KACxB;AACF+E,IAAAA,SAAS,EAAE;AACVF,MAAAA,SAAS,EAACzB,cAAAA;AACX,KAAA;AAAE,GACF,CAAC,eACFnB,KAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AAACtC,IAAAA,SAAS,EAAC,yCAAyC;AAACuC,IAAAA,OAAO,EAAC,MAAM;AAAC8B,IAAAA,KAAK,EAAC,SAAS;IAAChE,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAAQyD,SAAS,CAACpB,KAAK,CAAC3C,KAAK,CAAC,CAACmF,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;AAAA,KAAA;GAAE/C,eAAAA,KAAA,CAAAC,aAAA,CAAC+C,mBAAmB,EAAC,IAAA,CAAS,CACzK,CACN,CAAC,CAAA;AACJ,CAAC;;;;"}

package/Dialog/index.js

@@ -30,7 +30,8 @@ var Dialog = LeRed.memo(function (_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog$1, _extends({
     className: "lowentry-mui--dialog",
     onClose: onClosed,
-    "aria-labelledby": ariaLabelId
+    "aria-labelledby": ariaLabelId,
+    open: false
   }, props), /*#__PURE__*/React.createElement("span", {
     className: "lowentry-mui--dialog--arialabel",
     id: ariaLabelId,

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 {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;;;;"}
+{"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} open={false} {...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","open","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;AAAC,IAAA,iBAAA,EAAiBJ,WAAY;AAACiB,IAAAA,IAAI,EAAE,KAAA;AAAM,GAAA,EAAKpB,KAAK,CAAA,eAClHc,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMI,IAAAA,SAAS,EAAC,iCAAiC;AAACE,IAAAA,EAAE,EAAElB,WAAY;AAACmB,IAAAA,KAAK,EAAE;AAACC,MAAAA,OAAO,EAAC,MAAA;AAAM,KAAA;GAAIxB,EAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAS,CAAC,EACnHD,QACS,CACV,CAAC,CAAA;AACJ,CAAC;;;;"}

package/jest.config.js

@@ -0,0 +1,10 @@
+export default {
+	preset:              'ts-jest/presets/js-with-ts-esm',
+	globals:             {
+		extensionsToTreatAsEsm:['.ts', '.js', '.mjs', '.mjsx'],
+	},
+	transform:           {
+		'^.+\\.[tj]sx?$|^.+\\.mjsx?$':['ts-jest', {useESM:true}],
+	},
+	moduleFileExtensions:['ts', 'tsx', 'js', 'jsx', 'mjs', 'mjsx', 'json', 'node'],
+};

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@lowentry/mui",
-  "version": "1.2.20",
+  "version": "1.3.2",
   "private": false,
+  "type": "module",
   "main": "./index.js",
   "description": "Provides utilities for Material UI.",
   "author": "Low Entry",
@@ -21,7 +22,7 @@
   "scripts": {
     "build": "npm exec -- rollup -c",
     "prepublishOnly": "rm -r src && mv dist/* ./ && rm -r dist",
-    "test": ""
+    "test": "npx tsc && jest"
   },
   "dependencies": {
     "@babel/runtime": "*",
@@ -29,7 +30,7 @@
     "@emotion/styled": "*",
     "@lowentry/react-redux": "^1",
     "@lowentry/utils": "*",
-    "@mui/icons-material": "*",
+    "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/x-date-pickers": "^7",
     "dayjs": "^1",
@@ -42,7 +43,7 @@
     "@emotion/styled": "*",
     "@lowentry/react-redux": "^1",
     "@lowentry/utils": "*",
-    "@mui/icons-material": "*",
+    "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/x-date-pickers": "^7",
     "dayjs": "^1",
@@ -60,11 +61,14 @@
     "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.2",
     "fs-extra": "^11.2.0",
+    "jest": "^30.0.3",
     "less": "^4.2.0",
     "rollup": "^2.79.1",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.77.5"
+    "sass": "^1.77.5",
+    "ts-jest": "^29.4.0",
+    "typescript": "^5.8.3"
   }
 }

package/src/components/DatePicker.jsx

@@ -68,10 +68,15 @@ const DatePickerTextField = LeRed.memo(({dateFormat, value, className, children,
 
 const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children, ...props}) =>
 {
-	if(!dateFormat)
+	/** @type {*} */
+	const textFieldProps = LeRed.useMemo(() =>
 	{
-		dateFormat = 'ddd, D MMM YYYY';
-	}
+		if(!dateFormat)
+		{
+			return {dateFormat:'ddd, D MMM YYYY'};
+		}
+		return {dateFormat};
+	}, [dateFormat]);
 	
 	const [datepickerOpen, openDatepicker, closeDatepicker] = LeRed.useHistoryState(false);
 	
@@ -96,7 +101,6 @@ const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children
 				views={['day']}
 				format="YYYY-MM-DD"
 				label=""
-				isRequired={true}
 				value={value}
 				onChange={onChanged}
 				slots={{
@@ -104,7 +108,7 @@ const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children
 					toolbar:  (props) => null,
 				}}
 				slotProps={{
-					textField:{dateFormat},
+					textField:textFieldProps,
 				}}
 			/>
 			<Button className="lowentry-mui--date-picker--arrow-button" variant="text" color="primary" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>

package/src/components/Dialog.jsx

@@ -26,7 +26,7 @@ const Dialog = LeRed.memo(({onClose, children, 'aria-label':ariaLabel, ...props}
 	
 	
 	return (<>
-		<MuiDialog className="lowentry-mui--dialog" onClose={onClosed} aria-labelledby={ariaLabelId} {...props}>
+		<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>

package/tests/example.test.js

@@ -0,0 +1,10 @@
+import {describe, test, expect} from '@jest/globals';
+
+
+describe('example', () =>
+{
+	test('test', () =>
+	{
+		expect(true).toEqual(true);
+	});
+});

package/tsconfig.d.ts

@@ -0,0 +1,3 @@
+interface Window {
+  [key: string]: any;
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "strict": true,
+    "noEmit": 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": []
+  },
+  "include": [
+    "tsconfig.d.ts",
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}