@lowentry/mui 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/DatePicker/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,a as t,b as r,c as n,d as o}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import
|
|
1
|
+
import{_ as e,a as t,b as r,c as n,d as o}from"../_rollupPluginBabelHelpers-c0e6c03a.js";import l from"react";import{LeRed as a}from"@lowentry/react-redux";import{IS_ARRAY as i}from"@lowentry/utils";import u from"dayjs";import{Button as d,Stack as m}from"@mui/material";import{DatePicker as c}from"@mui/x-date-pickers";import p from"../TextField/index.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=a.memo((function(n){var o,m,c,s,f=a.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 l,a;if(o.onClick)return o.onClick;if(null!==(l=o)&&void 0!==l&&l.children)o=o.children;else{if(i(o)){var u,d=!1,m=e(o);try{for(m.s();!(u=m.n()).done;){var c=u.value;null!=c&&c.props&&(o=c.props,d=!0)}}catch(e){m.e(e)}finally{m.f()}if(d)continue}o=null===(a=o)||void 0===a?void 0:a.props}}return null}),[null==n||null===(o=n.ownerState)||void 0===o?void 0:o.open,null==n||null===(m=n.InputProps)||void 0===m||null===(m=m.endAdornment)||void 0===m?void 0:m.props]),v=a.useCallback((function(e){e.target.selectionStart=e.target.selectionEnd,e.preventDefault()}),[]);return l.createElement(l.Fragment,null,l.createElement(d,{variant:"outlined",onClick:f},l.createElement(p,t({},n,{className:"lowentry-mui--date-picker--textfield "+(null!==(c=n.className)&&void 0!==c?c:""),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=a.memo((function(e){var r=e.value,i=e.dateFormat,p=e.onChange,v=e.className;e.children;var k=n(e,w);i||(i="ddd, D MMM YYYY");var x=a.useHistoryState(!1),h=o(x,3),C=h[0],b=h[1],g=h[2],E=a.useCallback((function(){p&&p.apply(void 0,arguments)}),[p]);return l.createElement(l.Fragment,null,l.createElement(m,t({className:"lowentry-mui--date-picker "+(null!=v?v:""),direction:"row",justifyContent:"space-between",spacing:1},k),l.createElement(d,{className:"lowentry-mui--date-picker--arrow-button",variant:"text",color:"primary",onClick:function(){return E(u(r).subtract(1,"day"))}},l.createElement(s,null)),l.createElement(c,{open:C,onOpen:b,onClose:g,showDaysOutsideCurrentMonth:!0,views:["day"],format:"YYYY-MM-DD",label:"",isRequired:!0,value:r,onChange:E,slots:{textField:y,toolbar:function(e){return null}},slotProps:{textField:{dateFormat:i}}}),l.createElement(d,{className:"lowentry-mui--date-picker--arrow-button",variant:"text",color:"primary",onClick:function(){return E(u(r).add(1,"day"))}},l.createElement(f,null))))}));export{k as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/DatePicker/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/widgets/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} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport TextField from './TextField.jsx';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.css';\n\n\nconst DatePickerTextField = LeRed.memo((props) =>\n{\n\tconst onClick = LeRed.useCallback(() =>\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 ' + (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}}/>\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:
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/widgets/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} from '@mui/material';\nimport {DatePicker as MuiDatePicker} from '@mui/x-date-pickers';\nimport TextField from './TextField.jsx';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport './DatePicker.css';\n\n\nconst DatePickerTextField = LeRed.memo((props) =>\n{\n\tconst onClick = LeRed.useCallback(() =>\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 ' + (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}}/>\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","props","_props$ownerState2","_props$InputProps2","_props$className","_props$InputProps3","onClick","useCallback","_props$ownerState","_props$InputProps","ownerState","open","propsLoop","InputProps","endAdornment","_propsLoop","_propsLoop2","children","IS_ARRAY","_step","continueLoop","_iterator","_createForOfIteratorHelper","s","n","done","propsLoopItem","value","err","e","f","onSelect","event","target","selectionStart","selectionEnd","preventDefault","React","createElement","Fragment","Button","variant","TextField","_extends","className","Dayjs","format","dateFormat","_objectSpread","readOnly","onSelectCapture","onMouseDown","onTouchStart","onTouchMove","DatePicker","_ref","onChange","_objectWithoutProperties","_excluded","_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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"}
|
package/package.json
CHANGED
|
@@ -101,9 +101,12 @@ const DatePicker = LeRed.memo(({value, dateFormat, onChange, className, children
|
|
|
101
101
|
value={value}
|
|
102
102
|
onChange={onChanged}
|
|
103
103
|
slots={{
|
|
104
|
-
textField:
|
|
104
|
+
textField:DatePickerTextField,
|
|
105
105
|
toolbar: (props) => null,
|
|
106
106
|
}}
|
|
107
|
+
slotProps={{
|
|
108
|
+
textField:{dateFormat},
|
|
109
|
+
}}
|
|
107
110
|
/>
|
|
108
111
|
<Button className="lowentry-mui--date-picker--arrow-button" variant="text" color="primary" onClick={() => onChanged(Dayjs(value).add(1, 'day'))}><ArrowForwardIosIcon/></Button>
|
|
109
112
|
</Stack>
|