@daoyi/nmtl-ui 1.1.9 → 1.1.10

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.
Files changed (7) hide show
  1. package/lib/components/{Drawer-9f10c651.js → Drawer-c9de4415.js} +1 -1
  2. package/lib/components/Drawer.js +1 -1
  3. package/lib/components/Header.js +1 -1
  4. package/lib/components/Select-a655ea1a.js +1 -0
  5. package/lib/components/Select.js +1 -1
  6. package/package.json +1 -1
  7. package/lib/components/Select-6f317df7.js +0 -1
package/lib/components/{Drawer-9f10c651.js → Drawer-c9de4415.js} RENAMED
@@ -1 +1 @@
1
- import{c as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import r,{useState as n}from"react";import a from"prop-types";import{L as o,S as i}from"./Select-6f317df7.js";import{a as s,L as l,b as c}from"./Select-b1546956.js";import{w as d,b as p,_ as m,a as u,q as f}from"./withStyles-8efa9a95.js";import{c as g,a as h}from"./capitalize-e94e4f60.js";import{T as v}from"./Typography-8cf73af9.js";import{useHistory as y}from"react-router";import{s as x}from"./style-inject.es-1f59c1d0.js";import{I as w}from"./IconButton-858207d1.js";import{c as b}from"./createSvgIcon-2964daa4.js";import{u as E,T as k,g as T,r as C}from"./utils-22b2fc08.js";import{P as N}from"./Paper-1a9a0ed9.js";import{F as _}from"./Fade-ca23fa12.js";import*as L from"react-dom";import{d as P}from"./ownerWindow-0c3585d5.js";import{u as I}from"./TransitionGroupContext-2cd2fcd6.js";var S=t.forwardRef((function(e,r){var n=e.children,a=e.classes,o=e.className,i=e.invisible,s=void 0!==i&&i,l=e.open,c=e.transitionDuration,d=e.TransitionComponent,u=void 0===d?_:d,f=p(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return t.createElement(u,m({in:l,timeout:c},f),t.createElement("div",{className:g(a.root,o,s&&a.invisible),"aria-hidden":!0,ref:r},n))})),j=d({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(S),D=t.forwardRef((function(e,r){var n=e.absolute,a=void 0!==n&&n,o=e.classes,i=e.className,s=e.component,l=void 0===s?"hr":s,c=e.flexItem,d=void 0!==c&&c,u=e.light,f=void 0!==u&&u,h=e.orientation,v=void 0===h?"horizontal":h,y=e.role,x=void 0===y?"hr"!==l?"separator":void 0:y,w=e.variant,b=void 0===w?"fullWidth":w,E=p(e,["absolute","classes","className","component","flexItem","light","orientation","role","variant"]);return t.createElement(l,m({className:g(o.root,i,"fullWidth"!==b&&o[b],a&&o.absolute,d&&o.flexItem,f&&o.light,"vertical"===v&&o.vertical),role:x,ref:r},E))})),R=d((function(e){return{root:{height:1,margin:0,border:"none",flexShrink:0,backgroundColor:e.palette.divider},absolute:{position:"absolute",bottom:0,left:0,width:"100%"},inset:{marginLeft:72},light:{backgroundColor:u(e.palette.divider,.08)},middle:{marginLeft:e.spacing(2),marginRight:e.spacing(2)},vertical:{height:"100%",width:1},flexItem:{alignSelf:"stretch",height:"auto"}}}),{name:"MuiDivider"})(D);function B(e,t){var r=function(e,t){var r,n=t.getBoundingClientRect();if(t.fakeTransform)r=t.fakeTransform;else{var a=window.getComputedStyle(t);r=a.getPropertyValue("-webkit-transform")||a.getPropertyValue("transform")}var o=0,i=0;if(r&&"none"!==r&&"string"==typeof r){var s=r.split("(")[1].split(")")[0].split(",");o=parseInt(s[4],10),i=parseInt(s[5],10)}return"left"===e?"translateX(".concat(window.innerWidth,"px) translateX(").concat(o-n.left,"px)"):"right"===e?"translateX(-".concat(n.left+n.width-o,"px)"):"up"===e?"translateY(".concat(window.innerHeight,"px) translateY(").concat(i-n.top,"px)"):"translateY(-".concat(n.top+n.height-i,"px)")}(e,t);r&&(t.style.webkitTransform=r,t.style.transform=r)}var z={enter:f.enteringScreen,exit:f.leavingScreen},A=t.forwardRef((function(e,r){var n=e.children,a=e.direction,o=void 0===a?"down":a,i=e.in,s=e.onEnter,l=e.onEntered,c=e.onEntering,d=e.onExit,u=e.onExited,f=e.onExiting,g=e.style,h=e.timeout,v=void 0===h?z:h,y=e.TransitionComponent,x=void 0===y?k:y,w=p(e,["children","direction","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),b=E(),N=t.useRef(null),_=t.useCallback((function(e){N.current=L.findDOMNode(e)}),[]),S=I(n.ref,_),j=I(S,r),D=function(e){return function(t){e&&(void 0===t?e(N.current):e(N.current,t))}},R=D((function(e,t){B(o,e),C(e),s&&s(e,t)})),A=D((function(e,t){var r=T({timeout:v,style:g},{mode:"enter"});e.style.webkitTransition=b.transitions.create("-webkit-transform",m({},r,{easing:b.transitions.easing.easeOut})),e.style.transition=b.transitions.create("transform",m({},r,{easing:b.transitions.easing.easeOut})),e.style.webkitTransform="none",e.style.transform="none",c&&c(e,t)})),O=D(l),M=D(f),H=D((function(e){var t=T({timeout:v,style:g},{mode:"exit"});e.style.webkitTransition=b.transitions.create("-webkit-transform",m({},t,{easing:b.transitions.easing.sharp})),e.style.transition=b.transitions.create("transform",m({},t,{easing:b.transitions.easing.sharp})),B(o,e),d&&d(e)})),W=D((function(e){e.style.webkitTransition="",e.style.transition="",u&&u(e)})),q=t.useCallback((function(){N.current&&B(o,N.current)}),[o]);return t.useEffect((function(){if(!i&&"down"!==o&&"right"!==o){var e=P((function(){N.current&&B(o,N.current)}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}}),[o,i]),t.useEffect((function(){i||q()}),[i,q]),t.createElement(x,m({nodeRef:N,onEnter:R,onEntered:O,onEntering:A,onExit:H,onExited:W,onExiting:M,appear:!0,in:i,timeout:v},w),(function(e,r){return t.cloneElement(n,m({ref:j,style:m({visibility:"exited"!==e||i?void 0:"hidden"},g,n.props.style)},r))}))})),O={left:"right",right:"left",top:"down",bottom:"up"};var M={enter:f.enteringScreen,exit:f.leavingScreen},H=t.forwardRef((function(e,r){var n=e.anchor,a=void 0===n?"left":n,o=e.BackdropProps,i=e.children,l=e.classes,c=e.className,d=e.elevation,u=void 0===d?16:d,f=e.ModalProps,v=(f=void 0===f?{}:f).BackdropProps,y=p(f,["BackdropProps"]),x=e.onClose,w=e.open,b=void 0!==w&&w,k=e.PaperProps,T=void 0===k?{}:k,C=e.SlideProps,_=e.TransitionComponent,L=void 0===_?A:_,P=e.transitionDuration,I=void 0===P?M:P,S=e.variant,D=void 0===S?"temporary":S,R=p(e,["anchor","BackdropProps","children","classes","className","elevation","ModalProps","onClose","open","PaperProps","SlideProps","TransitionComponent","transitionDuration","variant"]),B=E(),z=t.useRef(!1);t.useEffect((function(){z.current=!0}),[]);var H=function(e,t){return"rtl"===e.direction&&function(e){return-1!==["left","right"].indexOf(e)}(t)?O[t]:t}(B,a),W=t.createElement(N,m({elevation:"temporary"===D?u:0,square:!0},T,{className:g(l.paper,l["paperAnchor".concat(h(H))],T.className,"temporary"!==D&&l["paperAnchorDocked".concat(h(H))])}),i);if("permanent"===D)return t.createElement("div",m({className:g(l.root,l.docked,c),ref:r},R),W);var q=t.createElement(L,m({in:b,direction:O[H],timeout:I,appear:z.current},C),W);return"persistent"===D?t.createElement("div",m({className:g(l.root,l.docked,c),ref:r},R),q):t.createElement(s,m({BackdropProps:m({},o,v,{transitionDuration:I}),BackdropComponent:j,className:g(l.root,l.modal,c),open:b,onClose:x,ref:r},R,y),q)})),W=d((function(e){return{root:{},docked:{flex:"0 0 auto"},paper:{overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:e.zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0},paperAnchorLeft:{left:0,right:"auto"},paperAnchorRight:{left:"auto",right:0},paperAnchorTop:{top:0,left:0,bottom:"auto",right:0,height:"auto",maxHeight:"100%"},paperAnchorBottom:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"},paperAnchorDockedLeft:{borderRight:"1px solid ".concat(e.palette.divider)},paperAnchorDockedTop:{borderBottom:"1px solid ".concat(e.palette.divider)},paperAnchorDockedRight:{borderLeft:"1px solid ".concat(e.palette.divider)},paperAnchorDockedBottom:{borderTop:"1px solid ".concat(e.palette.divider)},modal:{}}}),{name:"MuiDrawer",flip:!1})(H),q=t.forwardRef((function(e,r){var n=e.classes,a=e.className,o=p(e,["classes","className"]),i=t.useContext(l);return t.createElement("div",m({className:g(n.root,a,"flex-start"===i.alignItems&&n.alignItemsFlexStart),ref:r},o))})),F=d((function(e){return{root:{minWidth:56,color:e.palette.action.active,flexShrink:0,display:"inline-flex"},alignItemsFlexStart:{marginTop:8}}}),{name:"MuiListItemIcon"})(q),Y=t.forwardRef((function(e,r){var n=e.children,a=e.classes,o=e.className,i=e.disableTypography,s=void 0!==i&&i,c=e.inset,d=void 0!==c&&c,u=e.primary,f=e.primaryTypographyProps,h=e.secondary,y=e.secondaryTypographyProps,x=p(e,["children","classes","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"]),w=t.useContext(l).dense,b=null!=u?u:n;null==b||b.type===v||s||(b=t.createElement(v,m({variant:w?"body2":"body1",className:a.primary,component:"span",display:"block"},f),b));var E=h;return null==E||E.type===v||s||(E=t.createElement(v,m({variant:"body2",className:a.secondary,color:"textSecondary",display:"block"},y),E)),t.createElement("div",m({className:g(a.root,o,w&&a.dense,d&&a.inset,b&&E&&a.multiline),ref:r},x),b,E)})),V=d({root:{flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},multiline:{marginTop:6,marginBottom:6},dense:{},inset:{paddingLeft:56},primary:{},secondary:{}},{name:"MuiListItemText"})(Y),X=b(t.createElement("path",{d:"M2 17c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1z"})),$=function(e){var t=e.language,r=e.supportLanguages;return r.some((function(e){return e.value===t}))?t:r[0].value};const G=({locale:e,drawerList:t,setOpen:n})=>{const a=y();return r.createElement(c,{className:"drawer__list"},Array.isArray(t)&&t.map((({name:t,icon:i,path:s},l)=>r.createElement(o,{button:!0,key:l.toString(),onClick:()=>{a.push({pathname:`/${e}${s}`}),n(!1)}},i&&r.createElement(F,null,i),r.createElement(V,{primary:t})))))};G.defaultProps={locale:"zh-tw"},G.propTypes={locale:a.string,drawerList:a.arrayOf(a.any).isRequired,setOpen:a.func.isRequired};x(".drawer__icon {\n display: none !important;\n margin-left: 10px; }\n\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px; }\n .drawer__header-title {\n font-size: 18px;\n font-weight: bold; }\n\n.drawer__list {\n padding: 10px !important; }\n .drawer__list .MuiSvgIcon-root {\n margin-left: 8px; }\n\n.drawer__lang {\n margin: 16px; }\n\n@media screen and (max-width: 600px) {\n .drawer {\n flex: 1;\n display: flex;\n justify-content: flex-end; }\n .drawer__icon {\n display: flex !important; } }\n");var K=function(t){var a=t.title,o=t.logo,s=t.locale,l=t.supportLanguages,c=t.drawerList,d=t.onLanguageChange,p=n(!1),m=e(p,2),u=m[0],f=m[1];return r.createElement("div",{className:"drawer"},r.createElement(w,{className:"drawer__icon",onClick:function(){return f(!0)}},r.createElement(X,null)),r.createElement(W,{anchor:"right",open:u,onClose:function(){return f(!1)},onKeyDown:function(){return f(!1)}},(o||a)&&r.createElement("div",{className:"drawer__header"},r.createElement("div",{className:"drawer__header-logo"},o),r.createElement("div",{className:"drawer__header-title"},a)),r.createElement(R,null),r.createElement(G,{locale:s,drawerList:(Array.isArray(c)?c:[]).filter((function(e){return e.showInHeader})),setOpen:f}),r.createElement(R,null),r.createElement(i,{className:"drawer__lang",defaultValue:$({language:s,supportLanguages:l}),onChange:function(e){return d(e)},options:l})))};K.defaultProps={title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],drawerList:void 0,onLanguageChange:function(){}},K.propTypes={title:a.string,logo:a.node,locale:a.string,supportLanguages:a.arrayOf(a.any),drawerList:a.arrayOf(a.any),onLanguageChange:a.func};export{K as D,$ as c};
1
+ import{c as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import r,{useState as n}from"react";import a from"prop-types";import{L as o,S as i}from"./Select-a655ea1a.js";import{a as s,L as l,b as c}from"./Select-b1546956.js";import{w as d,b as p,_ as m,a as u,q as f}from"./withStyles-8efa9a95.js";import{c as g,a as h}from"./capitalize-e94e4f60.js";import{T as v}from"./Typography-8cf73af9.js";import{useHistory as y}from"react-router";import{s as x}from"./style-inject.es-1f59c1d0.js";import{I as w}from"./IconButton-858207d1.js";import{c as b}from"./createSvgIcon-2964daa4.js";import{u as E,T as k,g as T,r as C}from"./utils-22b2fc08.js";import{P as N}from"./Paper-1a9a0ed9.js";import{F as _}from"./Fade-ca23fa12.js";import*as L from"react-dom";import{d as P}from"./ownerWindow-0c3585d5.js";import{u as I}from"./TransitionGroupContext-2cd2fcd6.js";var S=t.forwardRef((function(e,r){var n=e.children,a=e.classes,o=e.className,i=e.invisible,s=void 0!==i&&i,l=e.open,c=e.transitionDuration,d=e.TransitionComponent,u=void 0===d?_:d,f=p(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return t.createElement(u,m({in:l,timeout:c},f),t.createElement("div",{className:g(a.root,o,s&&a.invisible),"aria-hidden":!0,ref:r},n))})),j=d({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(S),D=t.forwardRef((function(e,r){var n=e.absolute,a=void 0!==n&&n,o=e.classes,i=e.className,s=e.component,l=void 0===s?"hr":s,c=e.flexItem,d=void 0!==c&&c,u=e.light,f=void 0!==u&&u,h=e.orientation,v=void 0===h?"horizontal":h,y=e.role,x=void 0===y?"hr"!==l?"separator":void 0:y,w=e.variant,b=void 0===w?"fullWidth":w,E=p(e,["absolute","classes","className","component","flexItem","light","orientation","role","variant"]);return t.createElement(l,m({className:g(o.root,i,"fullWidth"!==b&&o[b],a&&o.absolute,d&&o.flexItem,f&&o.light,"vertical"===v&&o.vertical),role:x,ref:r},E))})),R=d((function(e){return{root:{height:1,margin:0,border:"none",flexShrink:0,backgroundColor:e.palette.divider},absolute:{position:"absolute",bottom:0,left:0,width:"100%"},inset:{marginLeft:72},light:{backgroundColor:u(e.palette.divider,.08)},middle:{marginLeft:e.spacing(2),marginRight:e.spacing(2)},vertical:{height:"100%",width:1},flexItem:{alignSelf:"stretch",height:"auto"}}}),{name:"MuiDivider"})(D);function B(e,t){var r=function(e,t){var r,n=t.getBoundingClientRect();if(t.fakeTransform)r=t.fakeTransform;else{var a=window.getComputedStyle(t);r=a.getPropertyValue("-webkit-transform")||a.getPropertyValue("transform")}var o=0,i=0;if(r&&"none"!==r&&"string"==typeof r){var s=r.split("(")[1].split(")")[0].split(",");o=parseInt(s[4],10),i=parseInt(s[5],10)}return"left"===e?"translateX(".concat(window.innerWidth,"px) translateX(").concat(o-n.left,"px)"):"right"===e?"translateX(-".concat(n.left+n.width-o,"px)"):"up"===e?"translateY(".concat(window.innerHeight,"px) translateY(").concat(i-n.top,"px)"):"translateY(-".concat(n.top+n.height-i,"px)")}(e,t);r&&(t.style.webkitTransform=r,t.style.transform=r)}var z={enter:f.enteringScreen,exit:f.leavingScreen},A=t.forwardRef((function(e,r){var n=e.children,a=e.direction,o=void 0===a?"down":a,i=e.in,s=e.onEnter,l=e.onEntered,c=e.onEntering,d=e.onExit,u=e.onExited,f=e.onExiting,g=e.style,h=e.timeout,v=void 0===h?z:h,y=e.TransitionComponent,x=void 0===y?k:y,w=p(e,["children","direction","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),b=E(),N=t.useRef(null),_=t.useCallback((function(e){N.current=L.findDOMNode(e)}),[]),S=I(n.ref,_),j=I(S,r),D=function(e){return function(t){e&&(void 0===t?e(N.current):e(N.current,t))}},R=D((function(e,t){B(o,e),C(e),s&&s(e,t)})),A=D((function(e,t){var r=T({timeout:v,style:g},{mode:"enter"});e.style.webkitTransition=b.transitions.create("-webkit-transform",m({},r,{easing:b.transitions.easing.easeOut})),e.style.transition=b.transitions.create("transform",m({},r,{easing:b.transitions.easing.easeOut})),e.style.webkitTransform="none",e.style.transform="none",c&&c(e,t)})),O=D(l),M=D(f),H=D((function(e){var t=T({timeout:v,style:g},{mode:"exit"});e.style.webkitTransition=b.transitions.create("-webkit-transform",m({},t,{easing:b.transitions.easing.sharp})),e.style.transition=b.transitions.create("transform",m({},t,{easing:b.transitions.easing.sharp})),B(o,e),d&&d(e)})),W=D((function(e){e.style.webkitTransition="",e.style.transition="",u&&u(e)})),q=t.useCallback((function(){N.current&&B(o,N.current)}),[o]);return t.useEffect((function(){if(!i&&"down"!==o&&"right"!==o){var e=P((function(){N.current&&B(o,N.current)}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}}),[o,i]),t.useEffect((function(){i||q()}),[i,q]),t.createElement(x,m({nodeRef:N,onEnter:R,onEntered:O,onEntering:A,onExit:H,onExited:W,onExiting:M,appear:!0,in:i,timeout:v},w),(function(e,r){return t.cloneElement(n,m({ref:j,style:m({visibility:"exited"!==e||i?void 0:"hidden"},g,n.props.style)},r))}))})),O={left:"right",right:"left",top:"down",bottom:"up"};var M={enter:f.enteringScreen,exit:f.leavingScreen},H=t.forwardRef((function(e,r){var n=e.anchor,a=void 0===n?"left":n,o=e.BackdropProps,i=e.children,l=e.classes,c=e.className,d=e.elevation,u=void 0===d?16:d,f=e.ModalProps,v=(f=void 0===f?{}:f).BackdropProps,y=p(f,["BackdropProps"]),x=e.onClose,w=e.open,b=void 0!==w&&w,k=e.PaperProps,T=void 0===k?{}:k,C=e.SlideProps,_=e.TransitionComponent,L=void 0===_?A:_,P=e.transitionDuration,I=void 0===P?M:P,S=e.variant,D=void 0===S?"temporary":S,R=p(e,["anchor","BackdropProps","children","classes","className","elevation","ModalProps","onClose","open","PaperProps","SlideProps","TransitionComponent","transitionDuration","variant"]),B=E(),z=t.useRef(!1);t.useEffect((function(){z.current=!0}),[]);var H=function(e,t){return"rtl"===e.direction&&function(e){return-1!==["left","right"].indexOf(e)}(t)?O[t]:t}(B,a),W=t.createElement(N,m({elevation:"temporary"===D?u:0,square:!0},T,{className:g(l.paper,l["paperAnchor".concat(h(H))],T.className,"temporary"!==D&&l["paperAnchorDocked".concat(h(H))])}),i);if("permanent"===D)return t.createElement("div",m({className:g(l.root,l.docked,c),ref:r},R),W);var q=t.createElement(L,m({in:b,direction:O[H],timeout:I,appear:z.current},C),W);return"persistent"===D?t.createElement("div",m({className:g(l.root,l.docked,c),ref:r},R),q):t.createElement(s,m({BackdropProps:m({},o,v,{transitionDuration:I}),BackdropComponent:j,className:g(l.root,l.modal,c),open:b,onClose:x,ref:r},R,y),q)})),W=d((function(e){return{root:{},docked:{flex:"0 0 auto"},paper:{overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:e.zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0},paperAnchorLeft:{left:0,right:"auto"},paperAnchorRight:{left:"auto",right:0},paperAnchorTop:{top:0,left:0,bottom:"auto",right:0,height:"auto",maxHeight:"100%"},paperAnchorBottom:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"},paperAnchorDockedLeft:{borderRight:"1px solid ".concat(e.palette.divider)},paperAnchorDockedTop:{borderBottom:"1px solid ".concat(e.palette.divider)},paperAnchorDockedRight:{borderLeft:"1px solid ".concat(e.palette.divider)},paperAnchorDockedBottom:{borderTop:"1px solid ".concat(e.palette.divider)},modal:{}}}),{name:"MuiDrawer",flip:!1})(H),q=t.forwardRef((function(e,r){var n=e.classes,a=e.className,o=p(e,["classes","className"]),i=t.useContext(l);return t.createElement("div",m({className:g(n.root,a,"flex-start"===i.alignItems&&n.alignItemsFlexStart),ref:r},o))})),F=d((function(e){return{root:{minWidth:56,color:e.palette.action.active,flexShrink:0,display:"inline-flex"},alignItemsFlexStart:{marginTop:8}}}),{name:"MuiListItemIcon"})(q),Y=t.forwardRef((function(e,r){var n=e.children,a=e.classes,o=e.className,i=e.disableTypography,s=void 0!==i&&i,c=e.inset,d=void 0!==c&&c,u=e.primary,f=e.primaryTypographyProps,h=e.secondary,y=e.secondaryTypographyProps,x=p(e,["children","classes","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"]),w=t.useContext(l).dense,b=null!=u?u:n;null==b||b.type===v||s||(b=t.createElement(v,m({variant:w?"body2":"body1",className:a.primary,component:"span",display:"block"},f),b));var E=h;return null==E||E.type===v||s||(E=t.createElement(v,m({variant:"body2",className:a.secondary,color:"textSecondary",display:"block"},y),E)),t.createElement("div",m({className:g(a.root,o,w&&a.dense,d&&a.inset,b&&E&&a.multiline),ref:r},x),b,E)})),V=d({root:{flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},multiline:{marginTop:6,marginBottom:6},dense:{},inset:{paddingLeft:56},primary:{},secondary:{}},{name:"MuiListItemText"})(Y),X=b(t.createElement("path",{d:"M2 17c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1z"})),$=function(e){var t=e.language,r=e.supportLanguages;return r.some((function(e){return e.value===t}))?t:r[0].value};const G=({locale:e,drawerList:t,setOpen:n})=>{const a=y();return r.createElement(c,{className:"drawer__list"},Array.isArray(t)&&t.map((({name:t,icon:i,path:s},l)=>r.createElement(o,{button:!0,key:l.toString(),onClick:()=>{a.push({pathname:`/${e}${s}`}),n(!1)}},i&&r.createElement(F,null,i),r.createElement(V,{primary:t})))))};G.defaultProps={locale:"zh-tw"},G.propTypes={locale:a.string,drawerList:a.arrayOf(a.any).isRequired,setOpen:a.func.isRequired};x(".drawer__icon {\n display: none !important;\n margin-left: 10px; }\n\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px; }\n .drawer__header-title {\n font-size: 18px;\n font-weight: bold; }\n\n.drawer__list {\n padding: 10px !important; }\n .drawer__list .MuiSvgIcon-root {\n margin-left: 8px; }\n\n.drawer__lang {\n margin: 16px; }\n\n@media screen and (max-width: 600px) {\n .drawer {\n flex: 1;\n display: flex;\n justify-content: flex-end; }\n .drawer__icon {\n display: flex !important; } }\n");var K=function(t){var a=t.title,o=t.logo,s=t.locale,l=t.supportLanguages,c=t.drawerList,d=t.onLanguageChange,p=n(!1),m=e(p,2),u=m[0],f=m[1];return r.createElement("div",{className:"drawer"},r.createElement(w,{className:"drawer__icon",onClick:function(){return f(!0)}},r.createElement(X,null)),r.createElement(W,{anchor:"right",open:u,onClose:function(){return f(!1)},onKeyDown:function(){return f(!1)}},(o||a)&&r.createElement("div",{className:"drawer__header"},r.createElement("div",{className:"drawer__header-logo"},o),r.createElement("div",{className:"drawer__header-title"},a)),r.createElement(R,null),r.createElement(G,{locale:s,drawerList:(Array.isArray(c)?c:[]).filter((function(e){return e.showInHeader})),setOpen:f}),r.createElement(R,null),r.createElement(i,{className:"drawer__lang",defaultValue:$({language:s,supportLanguages:l}),onChange:function(e){return d(e)},options:l})))};K.defaultProps={title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],drawerList:void 0,onLanguageChange:function(){}},K.propTypes={title:a.string,logo:a.node,locale:a.string,supportLanguages:a.arrayOf(a.any),drawerList:a.arrayOf(a.any),onLanguageChange:a.func};export{K as D,$ as c};
package/lib/components/Drawer.js CHANGED
@@ -1 +1 @@
1
- import"./_rollupPluginBabelHelpers-0682b4df.js";import"react";import"prop-types";export{D as default}from"./Drawer-9f10c651.js";import"./Select-6f317df7.js";import"./IconButton-858207d1.js";import"./Select-b1546956.js";import"./withStyles-8efa9a95.js";import"react-is";import"./capitalize-e94e4f60.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-479b5455.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./useIsFocusVisible-c9dfa67a.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";import"./Typography-8cf73af9.js";import"react-router";import"./style-inject.es-1f59c1d0.js";import"./Fade-ca23fa12.js";import"./Empty.js";import"./index-ec2d0bbb.js";import"./_commonjsHelpers-97e6d7b1.js";import"./CircularProgress-e45c4940.js";import"./ButtonBase-a6870362.js";
1
+ import"./_rollupPluginBabelHelpers-0682b4df.js";import"react";import"prop-types";export{D as default}from"./Drawer-c9de4415.js";import"./Select-a655ea1a.js";import"./IconButton-858207d1.js";import"./Select-b1546956.js";import"./withStyles-8efa9a95.js";import"react-is";import"./capitalize-e94e4f60.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-479b5455.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./useIsFocusVisible-c9dfa67a.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";import"./Typography-8cf73af9.js";import"react-router";import"./style-inject.es-1f59c1d0.js";import"./Fade-ca23fa12.js";import"./index-ec2d0bbb.js";import"./_commonjsHelpers-97e6d7b1.js";import"./Empty.js";import"./CircularProgress-e45c4940.js";import"./ButtonBase-a6870362.js";
package/lib/components/Header.js CHANGED
@@ -1 +1 @@
1
- import{c as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import a,{useState as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{c}from"./index-ec2d0bbb.js";import{d as s}from"./debounce-7df508de.js";import{Router as l,__RouterContext as d,matchPath as p,useRouteMatch as m}from"react-router";import{w as h,a as u,b as f,_ as g,d as v,h as y}from"./withStyles-8efa9a95.js";import{c as b,D as k}from"./Drawer-9f10c651.js";import{S as w}from"./Select-6f317df7.js";import{s as x}from"./style-inject.es-1f59c1d0.js";import{S as _,F as j}from"./FormControlLabel-9aee2132.js";import{c as C,a as E}from"./capitalize-e94e4f60.js";import"./_commonjsHelpers-97e6d7b1.js";import"./isObjectLike-ec3f35a3.js";import"react-is";import"./Select-b1546956.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-479b5455.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./useIsFocusVisible-c9dfa67a.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";import"./Typography-8cf73af9.js";import"./IconButton-858207d1.js";import"./ButtonBase-a6870362.js";import"./Fade-ca23fa12.js";import"./Empty.js";import"./CircularProgress-e45c4940.js";var $=t.forwardRef((function(e,a){var r=e.classes,n=e.className,o=e.color,i=void 0===o?"secondary":o,c=e.edge,s=void 0!==c&&c,l=e.size,d=void 0===l?"medium":l,p=f(e,["classes","className","color","edge","size"]),m=t.createElement("span",{className:r.thumb});return t.createElement("span",{className:C(r.root,n,{start:r.edgeStart,end:r.edgeEnd}[s],"small"===d&&r["size".concat(E(d))])},t.createElement(_,g({type:"checkbox",icon:m,checkedIcon:m,classes:{root:C(r.switchBase,r["color".concat(E(i))]),input:r.input,checked:r.checked,disabled:r.disabled},ref:a},p)),t.createElement("span",{className:r.track}))})),N=h((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:u(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:u(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})($);function R(e){return"/"===e.charAt(0)}function S(e,t){for(var a=t,r=a+1,n=e.length;r<n;a+=1,r+=1)e[a]=e[r];e.pop()}function L(e,t){if(!e)throw new Error("Invariant failed")}function z(e,t,a,r){var n;"string"==typeof e?(n=function(e){var t=e||"/",a="",r="",n=t.indexOf("#");-1!==n&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return-1!==o&&(a=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===a?"":a,hash:"#"===r?"":r}}(e),n.state=t):(void 0===(n=g({},e)).pathname&&(n.pathname=""),n.search?"?"!==n.search.charAt(0)&&(n.search="?"+n.search):n.search="",n.hash?"#"!==n.hash.charAt(0)&&(n.hash="#"+n.hash):n.hash="",void 0!==t&&void 0===n.state&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return a&&(n.key=a),r?n.pathname?"/"!==n.pathname.charAt(0)&&(n.pathname=function(e,t){void 0===t&&(t="");var a,r=e&&e.split("/")||[],n=t&&t.split("/")||[],o=e&&R(e),i=t&&R(t),c=o||i;if(e&&R(e)?n=r:r.length&&(n.pop(),n=n.concat(r)),!n.length)return"/";if(n.length){var s=n[n.length-1];a="."===s||".."===s||""===s}else a=!1;for(var l=0,d=n.length;d>=0;d--){var p=n[d];"."===p?S(n,d):".."===p?(S(n,d),l++):l&&(S(n,d),l--)}if(!c)for(;l--;l)n.unshift("..");!c||""===n[0]||n[0]&&R(n[0])||n.unshift("");var m=n.join("/");return a&&"/"!==m.substr(-1)&&(m+="/"),m}(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}"undefined"==typeof window||!window.document||window.document.createElement;a.Component,a.Component;var I=function(e,t){return"function"==typeof e?e(t):e},A=function(e,t){return"string"==typeof e?z(e,null,null,t):e},D=function(e){return e},B=a.forwardRef;void 0===B&&(B=D);var M=B((function(e,t){var r=e.innerRef,n=e.navigate,o=e.onClick,i=y(e,["innerRef","navigate","onClick"]),c=i.target,s=g({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),n())}});return s.ref=D!==B&&t||r,a.createElement("a",s)})),O=B((function(e,t){var r=e.component,n=void 0===r?M:r,o=e.replace,i=e.to,c=e.innerRef,s=y(e,["component","replace","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=e.history,l=A(I(i,e.location),e.location),d=l?r.createHref(l):"",p=g({},s,{href:d,navigate:function(){var t=I(i,e.location);(o?r.replace:r.push)(t)}});return D!==B?p.ref=t||c:p.innerRef=c,a.createElement(n,p)}))})),P=function(e){return e},F=a.forwardRef;void 0===F&&(F=P);var H=F((function(e,t){var r=e["aria-current"],n=void 0===r?"page":r,o=e.activeClassName,i=void 0===o?"active":o,c=e.activeStyle,s=e.className,l=e.exact,m=e.isActive,h=e.location,u=e.sensitive,f=e.strict,v=e.style,b=e.to,k=e.innerRef,w=y(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=h||e.location,o=A(I(b,r),r),d=o.pathname,y=d&&d.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=y?p(r.pathname,{path:y,exact:l,sensitive:u,strict:f}):null,_=!!(m?m(x,r):x),j=_?function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((function(e){return e})).join(" ")}(s,i):s,C=_?g({},v,{},c):v,E=g({"aria-current":_&&n||null,className:j,style:C,to:o},w);return P!==F?E.ref=t||k:E.innerRef=k,a.createElement(O,E)}))}));x(".header {\n display: flex;\n align-items: center;\n background: #0087dc;\n padding: 12px 36px;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100%;\n transition: top 0.3s ease-in-out; }\n .header__title {\n color: white;\n font-size: 18px;\n font-weight: bold;\n margin-right: 12px; }\n .header__links {\n flex: 1;\n display: flex; }\n .header__links__item {\n color: #aaaaaa;\n text-decoration: none;\n font-weight: bold;\n padding: 8px 14px; }\n .header__links__item--active {\n color: white;\n border-bottom: 2px solid white; }\n .header__links__item:hover {\n color: white; }\n .header--hide {\n top: -100px; }\n\n@media screen and (max-width: 600px) {\n .header__links {\n display: none; } }\n");var K=function(t){var i=t.title,l=t.logo,d=t.locale,p=t.supportLanguages,h=t.pages,u=t.darkMode,f=t.className,g=t.setDarkMode,v=t.onLanguageChange,y=m().url,x=r(!1),_=e(x,2),C=_[0],E=_[1],$=n(s((function(){return E(window.scrollY>100)}),10)).current;return o((function(){return window.addEventListener("scroll",$),function(){window.removeEventListener("scroll",$)}}),[]),a.createElement("div",{className:c("header",{"header--hide":C},f)},l,a.createElement("div",{className:"header__title"},i),a.createElement("div",{className:"header__links"},(Array.isArray(h)?h:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,r=e.name;return a.createElement(H,{key:t,to:"".concat(y).concat(t),className:"header__links__item",activeClassName:"header__links__item--active"},r)}))),a.createElement(j,{control:a.createElement(N,{checked:u,onChange:function(e){return g(e.target.checked)},color:"secondary"}),label:"Dark"}),a.createElement(w,{defaultValue:b({language:d,supportLanguages:p}),onChange:function(e){return v(e)},options:p}),a.createElement(k,{title:i,logo:l,drawerList:h,supportLanguages:p}))};K.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,setDarkMode:function(){},onLanguageChange:function(){}},K.propTypes={className:i.string,title:i.string,logo:i.node,locale:i.string,supportLanguages:i.arrayOf(i.any),pages:i.arrayOf(i.any).isRequired,darkMode:i.bool,setDarkMode:i.func,onLanguageChange:i.func};export{K as default};
1
+ import{c as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import a,{useState as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{c}from"./index-ec2d0bbb.js";import{d as s}from"./debounce-7df508de.js";import{Router as l,__RouterContext as d,matchPath as p,useRouteMatch as m}from"react-router";import{w as h,a as u,b as f,_ as g,d as v,h as y}from"./withStyles-8efa9a95.js";import{c as b,D as k}from"./Drawer-c9de4415.js";import{S as w}from"./Select-a655ea1a.js";import{s as x}from"./style-inject.es-1f59c1d0.js";import{S as _,F as j}from"./FormControlLabel-9aee2132.js";import{c as C,a as E}from"./capitalize-e94e4f60.js";import"./_commonjsHelpers-97e6d7b1.js";import"./isObjectLike-ec3f35a3.js";import"react-is";import"./Select-b1546956.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-479b5455.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./useIsFocusVisible-c9dfa67a.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";import"./Typography-8cf73af9.js";import"./IconButton-858207d1.js";import"./ButtonBase-a6870362.js";import"./Fade-ca23fa12.js";import"./Empty.js";import"./CircularProgress-e45c4940.js";var $=t.forwardRef((function(e,a){var r=e.classes,n=e.className,o=e.color,i=void 0===o?"secondary":o,c=e.edge,s=void 0!==c&&c,l=e.size,d=void 0===l?"medium":l,p=f(e,["classes","className","color","edge","size"]),m=t.createElement("span",{className:r.thumb});return t.createElement("span",{className:C(r.root,n,{start:r.edgeStart,end:r.edgeEnd}[s],"small"===d&&r["size".concat(E(d))])},t.createElement(_,g({type:"checkbox",icon:m,checkedIcon:m,classes:{root:C(r.switchBase,r["color".concat(E(i))]),input:r.input,checked:r.checked,disabled:r.disabled},ref:a},p)),t.createElement("span",{className:r.track}))})),N=h((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:u(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:u(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})($);function R(e){return"/"===e.charAt(0)}function S(e,t){for(var a=t,r=a+1,n=e.length;r<n;a+=1,r+=1)e[a]=e[r];e.pop()}function L(e,t){if(!e)throw new Error("Invariant failed")}function z(e,t,a,r){var n;"string"==typeof e?(n=function(e){var t=e||"/",a="",r="",n=t.indexOf("#");-1!==n&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return-1!==o&&(a=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===a?"":a,hash:"#"===r?"":r}}(e),n.state=t):(void 0===(n=g({},e)).pathname&&(n.pathname=""),n.search?"?"!==n.search.charAt(0)&&(n.search="?"+n.search):n.search="",n.hash?"#"!==n.hash.charAt(0)&&(n.hash="#"+n.hash):n.hash="",void 0!==t&&void 0===n.state&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return a&&(n.key=a),r?n.pathname?"/"!==n.pathname.charAt(0)&&(n.pathname=function(e,t){void 0===t&&(t="");var a,r=e&&e.split("/")||[],n=t&&t.split("/")||[],o=e&&R(e),i=t&&R(t),c=o||i;if(e&&R(e)?n=r:r.length&&(n.pop(),n=n.concat(r)),!n.length)return"/";if(n.length){var s=n[n.length-1];a="."===s||".."===s||""===s}else a=!1;for(var l=0,d=n.length;d>=0;d--){var p=n[d];"."===p?S(n,d):".."===p?(S(n,d),l++):l&&(S(n,d),l--)}if(!c)for(;l--;l)n.unshift("..");!c||""===n[0]||n[0]&&R(n[0])||n.unshift("");var m=n.join("/");return a&&"/"!==m.substr(-1)&&(m+="/"),m}(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}"undefined"==typeof window||!window.document||window.document.createElement;a.Component,a.Component;var I=function(e,t){return"function"==typeof e?e(t):e},A=function(e,t){return"string"==typeof e?z(e,null,null,t):e},D=function(e){return e},B=a.forwardRef;void 0===B&&(B=D);var M=B((function(e,t){var r=e.innerRef,n=e.navigate,o=e.onClick,i=y(e,["innerRef","navigate","onClick"]),c=i.target,s=g({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),n())}});return s.ref=D!==B&&t||r,a.createElement("a",s)})),O=B((function(e,t){var r=e.component,n=void 0===r?M:r,o=e.replace,i=e.to,c=e.innerRef,s=y(e,["component","replace","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=e.history,l=A(I(i,e.location),e.location),d=l?r.createHref(l):"",p=g({},s,{href:d,navigate:function(){var t=I(i,e.location);(o?r.replace:r.push)(t)}});return D!==B?p.ref=t||c:p.innerRef=c,a.createElement(n,p)}))})),P=function(e){return e},F=a.forwardRef;void 0===F&&(F=P);var H=F((function(e,t){var r=e["aria-current"],n=void 0===r?"page":r,o=e.activeClassName,i=void 0===o?"active":o,c=e.activeStyle,s=e.className,l=e.exact,m=e.isActive,h=e.location,u=e.sensitive,f=e.strict,v=e.style,b=e.to,k=e.innerRef,w=y(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=h||e.location,o=A(I(b,r),r),d=o.pathname,y=d&&d.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=y?p(r.pathname,{path:y,exact:l,sensitive:u,strict:f}):null,_=!!(m?m(x,r):x),j=_?function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((function(e){return e})).join(" ")}(s,i):s,C=_?g({},v,{},c):v,E=g({"aria-current":_&&n||null,className:j,style:C,to:o},w);return P!==F?E.ref=t||k:E.innerRef=k,a.createElement(O,E)}))}));x(".header {\n display: flex;\n align-items: center;\n background: #0087dc;\n padding: 12px 36px;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100%;\n transition: top 0.3s ease-in-out; }\n .header__title {\n color: white;\n font-size: 18px;\n font-weight: bold;\n margin-right: 12px; }\n .header__links {\n flex: 1;\n display: flex; }\n .header__links__item {\n color: #aaaaaa;\n text-decoration: none;\n font-weight: bold;\n padding: 8px 14px; }\n .header__links__item--active {\n color: white;\n border-bottom: 2px solid white; }\n .header__links__item:hover {\n color: white; }\n .header--hide {\n top: -100px; }\n\n@media screen and (max-width: 600px) {\n .header__links {\n display: none; } }\n");var K=function(t){var i=t.title,l=t.logo,d=t.locale,p=t.supportLanguages,h=t.pages,u=t.darkMode,f=t.className,g=t.setDarkMode,v=t.onLanguageChange,y=m().url,x=r(!1),_=e(x,2),C=_[0],E=_[1],$=n(s((function(){return E(window.scrollY>100)}),10)).current;return o((function(){return window.addEventListener("scroll",$),function(){window.removeEventListener("scroll",$)}}),[]),a.createElement("div",{className:c("header",{"header--hide":C},f)},l,a.createElement("div",{className:"header__title"},i),a.createElement("div",{className:"header__links"},(Array.isArray(h)?h:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,r=e.name;return a.createElement(H,{key:t,to:"".concat(y).concat(t),className:"header__links__item",activeClassName:"header__links__item--active"},r)}))),a.createElement(j,{control:a.createElement(N,{checked:u,onChange:function(e){return g(e.target.checked)},color:"secondary"}),label:"Dark"}),a.createElement(w,{defaultValue:b({language:d,supportLanguages:p}),onChange:function(e){return v(e)},options:p}),a.createElement(k,{title:i,logo:l,drawerList:h,supportLanguages:p}))};K.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,setDarkMode:function(){},onLanguageChange:function(){}},K.propTypes={className:i.string,title:i.string,logo:i.node,locale:i.string,supportLanguages:i.arrayOf(i.any),pages:i.arrayOf(i.any).isRequired,darkMode:i.bool,setDarkMode:i.func,onLanguageChange:i.func};export{K as default};
package/lib/components/Select-a655ea1a.js ADDED
@@ -0,0 +1 @@
1
+ import{_ as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import o from"react";import a from"prop-types";import{c as n}from"./index-ec2d0bbb.js";import s from"./Empty.js";import{s as i}from"./style-inject.es-1f59c1d0.js";import{L as r,F as l,M as d}from"./Select-b1546956.js";import{C as c}from"./CircularProgress-e45c4940.js";import{w as m,b as u,_ as p,j as f}from"./withStyles-8efa9a95.js";import{c as b}from"./capitalize-e94e4f60.js";import{i as g}from"./ownerWindow-0c3585d5.js";import{u as v}from"./TransitionGroupContext-2cd2fcd6.js";import*as h from"react-dom";import{B as y}from"./ButtonBase-a6870362.js";var C="undefined"==typeof window?t.useEffect:t.useLayoutEffect,x=t.forwardRef((function(e,o){var a=e.alignItems,n=void 0===a?"center":a,s=e.autoFocus,i=void 0!==s&&s,l=e.button,d=void 0!==l&&l,c=e.children,m=e.classes,f=e.className,x=e.component,j=e.ContainerComponent,N=void 0===j?"li":j,E=e.ContainerProps,I=(E=void 0===E?{}:E).className,w=u(E,["className"]),V=e.dense,k=void 0!==V&&V,L=e.disabled,S=void 0!==L&&L,B=e.disableGutters,P=void 0!==B&&B,A=e.divider,_=void 0!==A&&A,F=e.focusVisibleClassName,G=e.selected,R=void 0!==G&&G,M=u(e,["alignItems","autoFocus","button","children","classes","className","component","ContainerComponent","ContainerProps","dense","disabled","disableGutters","divider","focusVisibleClassName","selected"]),T=t.useContext(r),z={dense:k||T.dense||!1,alignItems:n},H=t.useRef(null);C((function(){i&&H.current&&H.current.focus()}),[i]);var $=t.Children.toArray(c),D=$.length&&g($[$.length-1],["ListItemSecondaryAction"]),O=t.useCallback((function(e){H.current=h.findDOMNode(e)}),[]),W=v(O,o),q=p({className:b(m.root,f,z.dense&&m.dense,!P&&m.gutters,_&&m.divider,S&&m.disabled,d&&m.button,"center"!==n&&m.alignItemsFlexStart,D&&m.secondaryAction,R&&m.selected),disabled:S},M),J=x||"li";return d&&(q.component=x||"div",q.focusVisibleClassName=b(m.focusVisible,F),J=y),D?(J=q.component||x?J:"div","li"===N&&("li"===J?J="div":"li"===q.component&&(q.component="div")),t.createElement(r.Provider,{value:z},t.createElement(N,p({className:b(m.container,I),ref:W},w),t.createElement(J,q,$),$.pop()))):t.createElement(r.Provider,{value:z},t.createElement(J,p({ref:W},q),$))})),j=m((function(e){return{root:{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,"&$focusVisible":{backgroundColor:e.palette.action.selected},"&$selected, &$selected:hover":{backgroundColor:e.palette.action.selected},"&$disabled":{opacity:.5}},container:{position:"relative"},focusVisible:{},dense:{paddingTop:4,paddingBottom:4},alignItemsFlexStart:{alignItems:"flex-start"},disabled:{},divider:{borderBottom:"1px solid ".concat(e.palette.divider),backgroundClip:"padding-box"},gutters:{paddingLeft:16,paddingRight:16},button:{transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}},secondaryAction:{paddingRight:48},selected:{}}}),{name:"MuiListItem"})(x),N=t.forwardRef((function(e,o){var a,n=e.classes,s=e.className,i=e.component,r=void 0===i?"li":i,l=e.disableGutters,d=void 0!==l&&l,c=e.ListItemClasses,m=e.role,f=void 0===m?"menuitem":m,g=e.selected,v=e.tabIndex,h=u(e,["classes","className","component","disableGutters","ListItemClasses","role","selected","tabIndex"]);return e.disabled||(a=void 0!==v?v:-1),t.createElement(j,p({button:!0,role:f,tabIndex:a,component:r,selected:g,disableGutters:d,classes:p({dense:n.dense},c),className:b(n.root,s,g&&n.selected,!d&&n.gutters),ref:o},h))})),E=m((function(e){return{root:p({},e.typography.body1,f({minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",width:"auto",overflow:"hidden",whiteSpace:"nowrap"},e.breakpoints.up("sm"),{minHeight:"auto"})),gutters:{},selected:{},dense:p({},e.typography.body2,{minHeight:"auto"})}}),{name:"MuiMenuItem"})(N);i(".select__placeholder {\n color: #999; }\n");var I=function(t){var a=t.className,i=t.options,r=t.placeholder,m=t.disabled,u=t.loading,p=t.defaultValue,f=t.onChange;return o.createElement(l,{variant:"outlined"},o.createElement(d,{className:n("select",a),displayEmpty:!0,disabled:m||u,renderValue:function(t){var a=(i||[]).find((function(o){return"object"===e(o)?t===o.value:t===o}))||t,n="object"===e(a)?a.label:a;return t&&0!==t.length||(n=o.createElement("span",{className:"select__placeholder"},r)),o.createElement(o.Fragment,null,n,u&&o.createElement(c,{size:16,style:{marginLeft:8,marginRight:4}}))},defaultValue:p,onChange:function(e){return f(e.target.value)}},Array.isArray(i)&&i.length>0?i.map((function(t){var a="object"===e(t)?t.value:t,n="object"===e(t)?t.label:t;return o.createElement(E,{key:a,value:a},n)})):o.createElement(s,null)))};I.defaultProps={className:void 0,defaultValue:void 0,options:void 0,disabled:void 0,loading:void 0,placeholder:"Please select...",onChange:function(){}},I.propTypes={className:a.string,defaultValue:a.string,options:a.arrayOf(a.any),disabled:a.bool,loading:a.bool,placeholder:a.string,onChange:a.func};export{j as L,I as S};
package/lib/components/Select.js CHANGED
@@ -1 +1 @@
1
- import"./_rollupPluginBabelHelpers-0682b4df.js";import"react";import"prop-types";import"./Empty.js";export{S as default}from"./Select-6f317df7.js";import"./Select-b1546956.js";import"./CircularProgress-e45c4940.js";import"./index-ec2d0bbb.js";import"./_commonjsHelpers-97e6d7b1.js";import"./style-inject.es-1f59c1d0.js";import"./withStyles-8efa9a95.js";import"react-is";import"./capitalize-e94e4f60.js";import"./ownerWindow-0c3585d5.js";import"./TransitionGroupContext-2cd2fcd6.js";import"react-dom";import"./ButtonBase-a6870362.js";import"./useIsFocusVisible-c9dfa67a.js";import"./useFormControl-479b5455.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";
1
+ import"./_rollupPluginBabelHelpers-0682b4df.js";import"react";import"prop-types";import"./index-ec2d0bbb.js";import"./Empty.js";export{S as default}from"./Select-a655ea1a.js";import"./Select-b1546956.js";import"./CircularProgress-e45c4940.js";import"./_commonjsHelpers-97e6d7b1.js";import"./style-inject.es-1f59c1d0.js";import"./withStyles-8efa9a95.js";import"react-is";import"./capitalize-e94e4f60.js";import"./ownerWindow-0c3585d5.js";import"./TransitionGroupContext-2cd2fcd6.js";import"react-dom";import"./ButtonBase-a6870362.js";import"./useIsFocusVisible-c9dfa67a.js";import"./useFormControl-479b5455.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@daoyi/nmtl-ui",
3
- "version": "1.1.9",
3
+ "version": "1.1.10",
4
4
  "description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
5
5
  "author": "daoyi",
6
6
  "main": "lib/index.js",
package/lib/components/Select-6f317df7.js DELETED
@@ -1 +0,0 @@
1
- import{_ as e}from"./_rollupPluginBabelHelpers-0682b4df.js";import*as t from"react";import o from"react";import a from"prop-types";import n from"./Empty.js";import{s as r}from"./style-inject.es-1f59c1d0.js";import{L as s,F as i,M as l}from"./Select-b1546956.js";import{C as d}from"./CircularProgress-e45c4940.js";import{w as c,b as u,_ as m,j as p}from"./withStyles-8efa9a95.js";import{c as f}from"./capitalize-e94e4f60.js";import{i as b}from"./ownerWindow-0c3585d5.js";import{u as g}from"./TransitionGroupContext-2cd2fcd6.js";import*as v from"react-dom";import{B as h}from"./ButtonBase-a6870362.js";var y="undefined"==typeof window?t.useEffect:t.useLayoutEffect,C=t.forwardRef((function(e,o){var a=e.alignItems,n=void 0===a?"center":a,r=e.autoFocus,i=void 0!==r&&r,l=e.button,d=void 0!==l&&l,c=e.children,p=e.classes,C=e.className,x=e.component,j=e.ContainerComponent,E=void 0===j?"li":j,I=e.ContainerProps,N=(I=void 0===I?{}:I).className,w=u(I,["className"]),V=e.dense,k=void 0!==V&&V,L=e.disabled,S=void 0!==L&&L,B=e.disableGutters,P=void 0!==B&&B,A=e.divider,_=void 0!==A&&A,F=e.focusVisibleClassName,G=e.selected,R=void 0!==G&&G,M=u(e,["alignItems","autoFocus","button","children","classes","className","component","ContainerComponent","ContainerProps","dense","disabled","disableGutters","divider","focusVisibleClassName","selected"]),T=t.useContext(s),z={dense:k||T.dense||!1,alignItems:n},H=t.useRef(null);y((function(){i&&H.current&&H.current.focus()}),[i]);var $=t.Children.toArray(c),D=$.length&&b($[$.length-1],["ListItemSecondaryAction"]),O=t.useCallback((function(e){H.current=v.findDOMNode(e)}),[]),W=g(O,o),q=m({className:f(p.root,C,z.dense&&p.dense,!P&&p.gutters,_&&p.divider,S&&p.disabled,d&&p.button,"center"!==n&&p.alignItemsFlexStart,D&&p.secondaryAction,R&&p.selected),disabled:S},M),J=x||"li";return d&&(q.component=x||"div",q.focusVisibleClassName=f(p.focusVisible,F),J=h),D?(J=q.component||x?J:"div","li"===E&&("li"===J?J="div":"li"===q.component&&(q.component="div")),t.createElement(s.Provider,{value:z},t.createElement(E,m({className:f(p.container,N),ref:W},w),t.createElement(J,q,$),$.pop()))):t.createElement(s.Provider,{value:z},t.createElement(J,m({ref:W},q),$))})),x=c((function(e){return{root:{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,"&$focusVisible":{backgroundColor:e.palette.action.selected},"&$selected, &$selected:hover":{backgroundColor:e.palette.action.selected},"&$disabled":{opacity:.5}},container:{position:"relative"},focusVisible:{},dense:{paddingTop:4,paddingBottom:4},alignItemsFlexStart:{alignItems:"flex-start"},disabled:{},divider:{borderBottom:"1px solid ".concat(e.palette.divider),backgroundClip:"padding-box"},gutters:{paddingLeft:16,paddingRight:16},button:{transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}},secondaryAction:{paddingRight:48},selected:{}}}),{name:"MuiListItem"})(C),j=t.forwardRef((function(e,o){var a,n=e.classes,r=e.className,s=e.component,i=void 0===s?"li":s,l=e.disableGutters,d=void 0!==l&&l,c=e.ListItemClasses,p=e.role,b=void 0===p?"menuitem":p,g=e.selected,v=e.tabIndex,h=u(e,["classes","className","component","disableGutters","ListItemClasses","role","selected","tabIndex"]);return e.disabled||(a=void 0!==v?v:-1),t.createElement(x,m({button:!0,role:b,tabIndex:a,component:i,selected:g,disableGutters:d,classes:m({dense:n.dense},c),className:f(n.root,r,g&&n.selected,!d&&n.gutters),ref:o},h))})),E=c((function(e){return{root:m({},e.typography.body1,p({minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",width:"auto",overflow:"hidden",whiteSpace:"nowrap"},e.breakpoints.up("sm"),{minHeight:"auto"})),gutters:{},selected:{},dense:m({},e.typography.body2,{minHeight:"auto"})}}),{name:"MuiMenuItem"})(j);r(".select__placeholder {\n color: #999; }\n");var I=function(t){var a=t.options,r=t.placeholder,s=t.disabled,c=t.loading,u=t.defaultValue,m=t.onChange;return o.createElement(i,{variant:"outlined"},o.createElement(l,{className:"select",displayEmpty:!0,disabled:s||c,renderValue:function(t){var n=(a||[]).find((function(o){return"object"===e(o)?t===o.value:t===o}))||t,s="object"===e(n)?n.label:n;return t&&0!==t.length||(s=o.createElement("span",{className:"select__placeholder"},r)),o.createElement(o.Fragment,null,s,c&&o.createElement(d,{size:16,style:{marginLeft:8,marginRight:4}}))},defaultValue:u,onChange:function(e){return m(e.target.value)}},Array.isArray(a)&&a.length>0?a.map((function(t){var a="object"===e(t)?t.value:t,n="object"===e(t)?t.label:t;return o.createElement(E,{key:a,value:a},n)})):o.createElement(n,null)))};I.defaultProps={defaultValue:void 0,options:void 0,disabled:void 0,loading:void 0,placeholder:"Please select...",onChange:function(){}},I.propTypes={defaultValue:a.string,options:a.arrayOf(a.any),disabled:a.bool,loading:a.bool,placeholder:a.string,onChange:a.func};export{x as L,I as S};