@lowentry/mui 1.2.1 → 1.2.2

package/InitiallyInvisible/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),o=require("@lowentry/react-redux"),u=require("@lowentry/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t),s=a(r),f=a(n),p=a(i),y=["frames","transition","style","children","opacityKey"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){l.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=o.LeRed.memo((function(e){var t=e.frames,r=e.transition,n=e.style,i=e.children,a=e.opacityKey,l=f.default(e,y),b=o.LeRed.useState(0),O=s.default(b,2),m=O[0],h=O[1];return o.LeRed.useEffect((function(){return h(0),u.LeUtils.setAnimationFrameTimeout((function(){return h(1)}),Math.max(a?2:0,u.INT_LAX(t))).remove}),[a]),p.default.createElement("div",c.default({style:d({width:"100%",height:"100%",opacity:m,transition:m>0&&r?"opacity "+r:"none"},null!=n?n:{})},l),i)}));exports.default=O;
+//# sourceMappingURL=index.js.map

package/InitiallyInvisible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/widgets/InitiallyInvisible.jsx"],"sourcesContent":["import React from 'react';\nimport {LeRed} from '@lowentry/react-redux';\nimport {LeUtils, INT_LAX} from '@lowentry/utils';\n\n\nconst InitiallyInvisible = LeRed.memo(({frames, transition, style, children, opacityKey, ...other}) =>\n{\n\tconst [opacity, setOpacity] = LeRed.useState(0);\n\t\n\t\n\tLeRed.useEffect(() =>\n\t{\n\t\tsetOpacity(0);\n\t\treturn LeUtils.setAnimationFrameTimeout(() => setOpacity(1), Math.max((opacityKey ? 2 : 0), INT_LAX(frames))).remove;\n\t}, [opacityKey]);\n\t\n\t\n\treturn (<div style={{width:'100%', height:'100%', opacity, transition:(((opacity > 0) && transition) ? ('opacity ' + transition) : 'none'), ...(style ?? {})}} {...other}>{children}</div>);\n});\nexport default InitiallyInvisible;\n"],"names":["InitiallyInvisible","LeRed","memo","_ref","frames","transition","style","children","opacityKey","other","_objectWithoutProperties","_excluded","_LeRed$useState","useState","_LeRed$useState2","_slicedToArray","opacity","setOpacity","useEffect","LeUtils","setAnimationFrameTimeout","Math","max","INT_LAX","remove","React","createElement","_extends","_objectSpread","width","height"],"mappings":"wlCAKMA,IAAAA,EAAqBC,EAAKA,MAACC,MAAK,SAAAC,GACtC,IADwCC,EAAMD,EAANC,OAAQC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MAAOC,EAAQJ,EAARI,SAAUC,EAAUL,EAAVK,WAAeC,EAAKC,EAAA,QAAAP,EAAAQ,GAEhGC,EAA8BX,EAAAA,MAAMY,SAAS,GAAEC,EAAAC,EAAAA,QAAAH,EAAA,GAAxCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAU1B,OAPAb,EAAKA,MAACiB,WAAU,WAGf,OADAD,EAAW,GACJE,EAAAA,QAAQC,0BAAyB,WAAA,OAAMH,EAAW,EAAE,GAAEI,KAAKC,IAAKd,EAAa,EAAI,EAAIe,EAAAA,QAAQnB,KAAUoB,MAC/G,GAAG,CAAChB,IAGIiB,UAAAC,cAAA,MAAAC,UAAA,CAAKrB,MAAKsB,EAAA,CAAGC,MAAM,OAAQC,OAAO,OAAQd,QAAAA,EAASX,WAAcW,EAAU,GAAMX,EAAe,WAAaA,EAAc,QAAaC,QAAAA,EAAS,KAAUG,GAAQF,EAC5K"}

package/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DatePicker/index.js"),r=require("./Dialog/index.js"),i=require("./LoadingSpinner-8d84b138.js"),t=require("./MenuButton/index.js"),u=require("./MuiRoot/index.js"),a=require("./NumericTextField/index.js"),d=require("./RemovableNumericTextField/index.js"),s=require("./RemovableTextField/index.js"),o=require("./Submittable/index.js"),l=require("./TextField/index.js");require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@lowentry/react-redux"),require("@lowentry/utils"),require("dayjs"),require("@mui/material"),require("@mui/x-date-pickers"),require("@mui/icons-material/ArrowBackIosNew"),require("@mui/icons-material/ArrowForwardIos"),require("./style-inject.es-dcee06b6.js"),require("@mui/x-date-pickers/AdapterDayjs"),require("./LeMuiUtils-9aff3a32.js"),exports.DatePicker=e.default,exports.Dialog=r.default,exports.LoadingSpinner=i.LoadingSpinner,exports.LoadingSpinnerWidget=i.LoadingSpinnerWidget,exports.MenuButton=t.default,exports.MuiRoot=u.default,exports.NumericTextField=a.default,exports.RemovableNumericTextField=d.default,exports.RemovableTextField=s.default,exports.Submittable=o.default,exports.TextField=l.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DatePicker/index.js"),r=require("./Dialog/index.js"),i=require("./InitiallyInvisible/index.js"),t=require("./LoadingSpinner-8d84b138.js"),u=require("./MenuButton/index.js"),a=require("./MuiRoot/index.js"),l=require("./NumericTextField/index.js"),s=require("./RemovableNumericTextField/index.js"),d=require("./RemovableTextField/index.js"),o=require("./Submittable/index.js"),n=require("./TextField/index.js");require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@lowentry/react-redux"),require("@lowentry/utils"),require("dayjs"),require("@mui/material"),require("@mui/x-date-pickers"),require("@mui/icons-material/ArrowBackIosNew"),require("@mui/icons-material/ArrowForwardIos"),require("./style-inject.es-dcee06b6.js"),require("@mui/x-date-pickers/AdapterDayjs"),require("./LeMuiUtils-9aff3a32.js"),exports.DatePicker=e.default,exports.Dialog=r.default,exports.InitiallyInvisible=i.default,exports.LoadingSpinner=t.LoadingSpinner,exports.LoadingSpinnerWidget=t.LoadingSpinnerWidget,exports.MenuButton=u.default,exports.MuiRoot=a.default,exports.NumericTextField=l.default,exports.RemovableNumericTextField=s.default,exports.RemovableTextField=d.default,exports.Submittable=o.default,exports.TextField=n.default;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowentry/mui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "private": false,
   "description": "Provides utilities for Material UI.",
   "author": "Low Entry",

package/src/index.js

@@ -1,5 +1,6 @@
 export {default as DatePicker} from './widgets/DatePicker';
 export {default as Dialog} from './widgets/Dialog';
+export {default as InitiallyInvisible} from './widgets/InitiallyInvisible';
 export {default as LoadingSpinner} from './widgets/LoadingSpinner';
 export {default as LoadingSpinnerWidget} from './widgets/LoadingSpinnerWidget';
 export {default as MenuButton} from './widgets/MenuButton';

package/src/widgets/InitiallyInvisible.jsx

@@ -0,0 +1,20 @@
+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;