@daoyi/nmtl-ui 2.0.1-beta.2 → 2.0.1-beta.3

package/README.md

@@ -1,45 +1,45 @@
-# react-storybook-jsx-starter
-
-This project based 
-
-This project is bootstrapped with the following
-- [Create React App](https://github.com/facebook/create-react-app)
-- [Storybook/react v.6.3.5](https://storybook.js.org/)
-- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
-- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
-
-## Getting Started
-
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start` and `yarn storybook`
-
-Runs storybook.<br>
-Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
-The page will reload if you make component edits.
-
-### `yarn create`
-
-Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
-
-### `yarn lint`
-
-Runs airbnb linting config.<br>
-Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
-Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
-
-### `yarn build`
-
-Builds the component library using rollup.<br>
-This runs a set of defined configurations under `rollup.config.js` file.<br>
-Index.js & index.ts will automatic generated by `rollup.index.js` file.
-
-
-### `yarn build-storybook`
-
-Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
-
-
+# react-storybook-jsx-starter
+
+This project based 
+
+This project is bootstrapped with the following
+- [Create React App](https://github.com/facebook/create-react-app)
+- [Storybook/react v.6.3.5](https://storybook.js.org/)
+- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
+- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
+
+## Getting Started
+
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start` and `yarn storybook`
+
+Runs storybook.<br>
+Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
+The page will reload if you make component edits.
+
+### `yarn create`
+
+Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
+
+### `yarn lint`
+
+Runs airbnb linting config.<br>
+Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
+Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
+
+### `yarn build`
+
+Builds the component library using rollup.<br>
+This runs a set of defined configurations under `rollup.config.js` file.<br>
+Index.js & index.ts will automatic generated by `rollup.index.js` file.
+
+
+### `yarn build-storybook`
+
+Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
+
+

package/lib/components/Autocomplete.js

@@ -1 +1 @@
-import{_ as e,a as r,b as a}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as o from"react";import t,{useCallback as l,useState as n,useRef as i,useEffect as c}from"react";import s from"prop-types";import{c as d}from"./index-b2745105.js";import{d as u}from"./debounce-c993109b.js";import{Autocomplete as p}from"@material-ui/lab";import{c as m}from"./createSvgIcon-c88736d9.js";import{w as f,a as b,_ as g,c as h,b as y,d as v,e as x}from"./capitalize-9fd0e7c5.js";import{u as C}from"./useForkRef-4ff8cc89.js";import{B as k}from"./ButtonBase-b2d7ff99.js";import{F as I,M as w,I as S,a as E}from"./Select-df46622f.js";import{f as T,O as j}from"./OutlinedInput-17068df6.js";import{u as R}from"./useFormControl-607a2e33.js";import{C as N}from"./CircularProgress-f928a026.js";import $ from"./Empty.js";import{s as F}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";import"./useEventCallback-b9ab5dc9.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-981f4b66.js";import"./isMuiElement-64ad493a.js";import"./FormControlContext-90b149a2.js";import"react-is";import"./ownerWindow-ba2c31bc.js";import"./Menu-5cc92368.js";import"./useTheme-3893447a.js";import"./debounce-65582d84.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-7b447805.js";import"./Portal-411c252b.js";import"./Paper-88b3ede6.js";import"./Grow-bf0f6211.js";import"./utils-ef5b71aa.js";import"./useControlled-b5d6fb94.js";var P=o.forwardRef((function(e,r){var a=e.children,t=e.classes,l=e.className;e.color;var n=e.component,i=void 0===n?"label":n;e.disabled,e.error,e.filled,e.focused,e.required;var c=g(e,["children","classes","className","color","component","disabled","error","filled","focused","required"]),s=R(),d=T({props:e,muiFormControl:s,states:["color","required","focused","disabled","error","filled"]});return o.createElement(i,b({className:h(t.root,t["color".concat(y(d.color||"primary"))],l,d.disabled&&t.disabled,d.error&&t.error,d.filled&&t.filled,d.focused&&t.focused,d.required&&t.required),ref:r},c),a,d.required&&o.createElement("span",{"aria-hidden":!0,className:h(t.asterisk,d.error&&t.error)}," ","*"))})),A=f((function(e){return{root:b({color:e.palette.text.secondary},e.typography.body1,{lineHeight:1,padding:0,"&$focused":{color:e.palette.primary.main},"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),colorSecondary:{"&$focused":{color:e.palette.secondary.main}},focused:{},disabled:{},error:{},filled:{},required:{},asterisk:{"&$error":{color:e.palette.error.main}}}}),{name:"MuiFormLabel"})(P),L=o.forwardRef((function(e,r){var a=e.classes,t=e.className,l=e.disableAnimation,n=void 0!==l&&l;e.margin;var i=e.shrink;e.variant;var c=g(e,["classes","className","disableAnimation","margin","shrink","variant"]),s=R(),d=i;void 0===d&&s&&(d=s.filled||s.focused||s.adornedStart);var u=T({props:e,muiFormControl:s,states:["margin","variant"]});return o.createElement(A,b({"data-shrink":d,className:h(a.root,t,s&&a.formControl,!n&&a.animated,d&&a.shrink,"dense"===u.margin&&a.marginDense,{filled:a.filled,outlined:a.outlined}[u.variant]),classes:{focused:a.focused,disabled:a.disabled,error:a.error,required:a.required,asterisk:a.asterisk},ref:r},c))})),V=f((function(e){return{root:{display:"block",transformOrigin:"top left"},focused:{},disabled:{},error:{},required:{},asterisk:{},formControl:{position:"absolute",left:0,top:0,transform:"translate(0, 24px) scale(1)"},marginDense:{transform:"translate(0, 21px) scale(1)"},shrink:{transform:"translate(0, 1.5px) scale(0.75)",transformOrigin:"top left"},animated:{transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})},filled:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 20px) scale(1)","&$marginDense":{transform:"translate(12px, 17px) scale(1)"},"&$shrink":{transform:"translate(12px, 10px) scale(0.75)","&$marginDense":{transform:"translate(12px, 7px) scale(0.75)"}}},outlined:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 20px) scale(1)","&$marginDense":{transform:"translate(14px, 12px) scale(1)"},"&$shrink":{transform:"translate(14px, -6px) scale(0.75)"}}}}),{name:"MuiInputLabel"})(L),O=o.forwardRef((function(e,r){var a=e.children,t=e.classes,l=e.className,n=e.component,i=void 0===n?"p":n;e.disabled,e.error,e.filled,e.focused,e.margin,e.required,e.variant;var c=g(e,["children","classes","className","component","disabled","error","filled","focused","margin","required","variant"]),s=R(),d=T({props:e,muiFormControl:s,states:["variant","margin","disabled","error","filled","focused","required"]});return o.createElement(i,b({className:h(t.root,("filled"===d.variant||"outlined"===d.variant)&&t.contained,l,d.disabled&&t.disabled,d.error&&t.error,d.filled&&t.filled,d.focused&&t.focused,d.required&&t.required,"dense"===d.margin&&t.marginDense),ref:r},c)," "===a?o.createElement("span",{dangerouslySetInnerHTML:{__html:"​"}}):a)})),D=f((function(e){return{root:b({color:e.palette.text.secondary},e.typography.caption,{textAlign:"left",marginTop:3,margin:0,"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),error:{},disabled:{},marginDense:{marginTop:4},contained:{marginLeft:14,marginRight:14},focused:{},filled:{},required:{}}}),{name:"MuiFormHelperText"})(O),M={standard:S,filled:E,outlined:j},q=o.forwardRef((function(e,r){var a=e.autoComplete,t=e.autoFocus,l=void 0!==t&&t,n=e.children,i=e.classes,c=e.className,s=e.color,d=void 0===s?"primary":s,u=e.defaultValue,p=e.disabled,m=void 0!==p&&p,f=e.error,y=void 0!==f&&f,v=e.FormHelperTextProps,x=e.fullWidth,C=void 0!==x&&x,k=e.helperText,S=e.hiddenLabel,E=e.id,T=e.InputLabelProps,j=e.inputProps,R=e.InputProps,N=e.inputRef,$=e.label,F=e.multiline,P=void 0!==F&&F,A=e.name,L=e.onBlur,O=e.onChange,q=e.onFocus,z=e.placeholder,_=e.required,B=void 0!==_&&_,H=e.rows,K=e.rowsMax,W=e.maxRows,U=e.minRows,G=e.select,J=void 0!==G&&G,Q=e.SelectProps,X=e.type,Y=e.value,Z=e.variant,ee=void 0===Z?"standard":Z,re=g(e,["autoComplete","autoFocus","children","classes","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","hiddenLabel","id","InputLabelProps","inputProps","InputProps","inputRef","label","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","rowsMax","maxRows","minRows","select","SelectProps","type","value","variant"]),ae={};if("outlined"===ee&&(T&&void 0!==T.shrink&&(ae.notched=T.shrink),$)){var oe,te=null!==(oe=null==T?void 0:T.required)&&void 0!==oe?oe:B;ae.label=o.createElement(o.Fragment,null,$,te&&" *")}J&&(Q&&Q.native||(ae.id=void 0),ae["aria-describedby"]=void 0);var le=k&&E?"".concat(E,"-helper-text"):void 0,ne=$&&E?"".concat(E,"-label"):void 0,ie=M[ee],ce=o.createElement(ie,b({"aria-describedby":le,autoComplete:a,autoFocus:l,defaultValue:u,fullWidth:C,multiline:P,name:A,rows:H,rowsMax:K,maxRows:W,minRows:U,type:X,value:Y,id:E,inputRef:N,onBlur:L,onChange:O,onFocus:q,placeholder:z,inputProps:j},ae,R));return o.createElement(I,b({className:h(i.root,c),disabled:m,error:y,fullWidth:C,hiddenLabel:S,ref:r,required:B,color:d,variant:ee},re),$&&o.createElement(V,b({htmlFor:E,id:ne},T),$),J?o.createElement(w,b({"aria-describedby":le,id:E,labelId:ne,value:Y,input:ce},Q),n):ce,k&&o.createElement(D,b({id:le},v),k))})),z=f({root:{}},{name:"MuiTextField"})(q),_=m(o.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}));function B(e){return"Backspace"===e.key||"Delete"===e.key}var H=o.forwardRef((function(e,r){var a=e.avatar,t=e.classes,l=e.className,n=e.clickable,i=e.color,c=void 0===i?"default":i,s=e.component,d=e.deleteIcon,u=e.disabled,p=void 0!==u&&u,m=e.icon,f=e.label,v=e.onClick,x=e.onDelete,I=e.onKeyDown,w=e.onKeyUp,S=e.size,E=void 0===S?"medium":S,T=e.variant,j=void 0===T?"default":T,R=g(e,["avatar","classes","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"]),N=o.useRef(null),$=C(N,r),F=function(e){e.stopPropagation(),x&&x(e)},P=!(!1===n||!v)||n,A="small"===E,L=s||(P?k:"div"),V=L===k?{component:"div"}:{},O=null;if(x){var D=h("default"!==c&&("default"===j?t["deleteIconColor".concat(y(c))]:t["deleteIconOutlinedColor".concat(y(c))]),A&&t.deleteIconSmall);O=d&&o.isValidElement(d)?o.cloneElement(d,{className:h(d.props.className,t.deleteIcon,D),onClick:F}):o.createElement(_,{className:h(t.deleteIcon,D),onClick:F})}var M=null;a&&o.isValidElement(a)&&(M=o.cloneElement(a,{className:h(t.avatar,a.props.className,A&&t.avatarSmall,"default"!==c&&t["avatarColor".concat(y(c))])}));var q=null;return m&&o.isValidElement(m)&&(q=o.cloneElement(m,{className:h(t.icon,m.props.className,A&&t.iconSmall,"default"!==c&&t["iconColor".concat(y(c))])})),o.createElement(L,b({role:P||x?"button":void 0,className:h(t.root,l,"default"!==c&&[t["color".concat(y(c))],P&&t["clickableColor".concat(y(c))],x&&t["deletableColor".concat(y(c))]],"default"!==j&&[t.outlined,{primary:t.outlinedPrimary,secondary:t.outlinedSecondary}[c]],p&&t.disabled,A&&t.sizeSmall,P&&t.clickable,x&&t.deletable),"aria-disabled":!!p||void 0,tabIndex:P||x?0:void 0,onClick:v,onKeyDown:function(e){e.currentTarget===e.target&&B(e)&&e.preventDefault(),I&&I(e)},onKeyUp:function(e){e.currentTarget===e.target&&(x&&B(e)?x(e):"Escape"===e.key&&N.current&&N.current.blur()),w&&w(e)},ref:$},V,R),M||q,o.createElement("span",{className:h(t.label,A&&t.labelSmall)},f),O)})),K=f((function(e){var r="light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],a=v(e.palette.text.primary,.26);return{root:{fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.getContrastText(r),backgroundColor:r,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:"none",padding:0,verticalAlign:"middle",boxSizing:"border-box","&$disabled":{opacity:.5,pointerEvents:"none"},"& $avatar":{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},"& $avatarColorPrimary":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},"& $avatarColorSecondary":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},"& $avatarSmall":{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)}},sizeSmall:{height:24},colorPrimary:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},colorSecondary:{backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},disabled:{},clickable:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover, &:focus":{backgroundColor:x(r,.08)},"&:active":{boxShadow:e.shadows[1]}},clickableColorPrimary:{"&:hover, &:focus":{backgroundColor:x(e.palette.primary.main,.08)}},clickableColorSecondary:{"&:hover, &:focus":{backgroundColor:x(e.palette.secondary.main,.08)}},deletable:{"&:focus":{backgroundColor:x(r,.08)}},deletableColorPrimary:{"&:focus":{backgroundColor:x(e.palette.primary.main,.2)}},deletableColorSecondary:{"&:focus":{backgroundColor:x(e.palette.secondary.main,.2)}},outlined:{backgroundColor:"transparent",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:v(e.palette.text.primary,e.palette.action.hoverOpacity)},"& $avatar":{marginLeft:4},"& $avatarSmall":{marginLeft:2},"& $icon":{marginLeft:4},"& $iconSmall":{marginLeft:2},"& $deleteIcon":{marginRight:5},"& $deleteIconSmall":{marginRight:3}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat(e.palette.primary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:v(e.palette.primary.main,e.palette.action.hoverOpacity)}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat(e.palette.secondary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:v(e.palette.secondary.main,e.palette.action.hoverOpacity)}},avatar:{},avatarSmall:{},avatarColorPrimary:{},avatarColorSecondary:{},icon:{color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],marginLeft:5,marginRight:-6},iconSmall:{width:18,height:18,marginLeft:4,marginRight:-4},iconColorPrimary:{color:"inherit"},iconColorSecondary:{color:"inherit"},label:{overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},labelSmall:{paddingLeft:8,paddingRight:8},deleteIcon:{WebkitTapHighlightColor:"transparent",color:a,height:22,width:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:v(a,.4)}},deleteIconSmall:{height:16,width:16,marginRight:4,marginLeft:-4},deleteIconColorPrimary:{color:v(e.palette.primary.contrastText,.7),"&:hover, &:active":{color:e.palette.primary.contrastText}},deleteIconColorSecondary:{color:v(e.palette.secondary.contrastText,.7),"&:hover, &:active":{color:e.palette.secondary.contrastText}},deleteIconOutlinedColorPrimary:{color:v(e.palette.primary.main,.7),"&:hover, &:active":{color:e.palette.primary.main}},deleteIconOutlinedColorSecondary:{color:v(e.palette.secondary.main,.7),"&:hover, &:active":{color:e.palette.secondary.main}}}}),{name:"MuiChip"})(H),W=m(o.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),U=m(o.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}));F(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n");var G=function(o){var s=o.options,m=o.defaultValue,f=o.renderAfterDefaultValueChange,b=o.filterable,g=o.loading,h=o.labelInValue,y=o.disabled,v=o.className,x=o.multiple,C=o.freeTyping,k=o.placeholder,I=o.searchIcon,w=o.renderInput,S=o.renderTags,E=o.onChange,T=o.onSearch,j=o.onFocus,R=o.onBlur,F=o.onEnter,P=n(!0),A=r(P,2),L=A[0],V=A[1],O=n(),D=r(O,2),M=D[0],q=D[1],_=n(),B=r(_,2),H=B[0],G=B[1],J=n(),Q=r(J,2),X=Q[0],Y=Q[1],Z=n(),ee=r(Z,2),re=ee[0],ae=ee[1],oe=(r=>{let{options:a,placeholder:o,loading:n,searchIcon:i,labelInValue:c}=r;const s=l((e=>"object"==typeof e?e.value:e),[]),d=l((e=>{const r=(Array.isArray(a)?a:[]).find((r=>s(r)===s(e)));return r?"object"==typeof r?r.label:r:"object"==typeof e?e.label:e}),[a]),u=l((e=>{if(Array.isArray(a)){if(Array.isArray(e))return e.map((e=>a.find((r=>{let{value:a}=r;return e===a||e.value===a}))||e));const r=a.find((r=>{let{value:a}=r;return e===a}));return c?e:r||{label:e,value:e}}return e}),[a,c]),p=l(((r,a)=>r.map(((r,o)=>t.createElement(K,e({label:d(r),deleteIcon:t.createElement(W,null)},a({index:o})))))),[a]),m=l((r=>t.createElement(z,e({},r,{variant:"outlined",placeholder:o,InputProps:{...r.InputProps,endAdornment:t.createElement(t.Fragment,null,n&&t.createElement(N,{className:"autocomplete__icon",color:"inherit",size:20}),i&&t.createElement(U,{className:"autocomplete__icon"}),r.InputProps.endAdornment)}}))),[n,i]);return{getValue:s,getValueFromOptions:u,defaultTag:p,defaultRenderInput:m}})(a({},{options:s,placeholder:k,loading:g,searchIcon:I,labelInValue:h})),te=oe.getValue,le=oe.getValueFromOptions,ne=oe.defaultTag,ie=oe.defaultRenderInput,ce=i(u((function(e){return T(e)}),500)).current;return c((function(){ae("string"==typeof m&&x?{label:M,value:M}:le(m))}),[JSON.stringify(m)]),c((function(){f&&V(!1)}),[re]),c((function(){L||V(!0)}),[L]),c((function(){H&&(q(H),ce(H))}),[H]),t.createElement("div",{className:d("autocomplete",{"autocomplete--showSearchIcon":I},v)},L&&t.createElement(p,{className:"autocomplete__component",options:Array.isArray(s)&&(C&&M?[{label:M,value:M}].concat(s):s)||[],defaultValue:re,disabled:y,multiple:x,filterOptions:function(e,r){var a=r.inputValue,o=void 0===a?"":a;return(Array.isArray(e)?e:[]).filter((function(e){var r=(e||{}).label;return!b||(void 0===r?"":r).toLowerCase().indexOf(o.toLowerCase())>-1}))},onChange:function(e,r){Array.isArray(r)?E(r.map((function(e){return h?e:te(e)}))):r&&E(h?r:te(r))},onInputChange:function(e,r,a){r&&"string"==typeof r&&"input"===a&&G(r)},onKeyDown:function(e){switch(e.key){case"ArrowDown":case"ArrowUp":Y(!0);break;case"Enter":if(!X){var r=C&&!x;F(e,r?{label:M,value:M}:void 0),r&&ae({label:M,value:M})}break;default:Y(!1)}},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return w&&w(e)||ie(e)},renderTags:function(e,r){return S&&S(e,r)||ne(e,r)},popupIcon:null,noOptionsText:t.createElement($,null),onFocus:j,onBlur:R}))};G.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){},onEnter:function(){}},G.propTypes={className:s.string,defaultValue:s.any,renderAfterDefaultValueChange:s.bool,options:s.arrayOf(s.any),freeTyping:s.bool,loading:s.bool,disabled:s.bool,labelInValue:s.bool,searchIcon:s.bool,multiple:s.bool,placeholder:s.string,filterable:s.bool,renderInput:s.func,renderTags:s.func,onChange:s.func,onSearch:s.func,onFocus:s.func,onBlur:s.func,onEnter:s.func};export{G as default};
+import{_ as e,a as n,b as o}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import t,{useCallback as r,useState as a,useRef as l,useEffect as u}from"react";import i from"prop-types";import{c}from"./index-b2745105.js";import{d as p}from"./debounce-c993109b.js";import{Autocomplete as s}from"@material-ui/lab";import{Chip as f,TextField as d,CircularProgress as m}from"@material-ui/core";import{Close as b,SearchOutlined as g}from"@material-ui/icons";import h from"./Empty.js";import{s as y}from"./style-inject.es-1f59c1d0.js";y(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n");var I=function(i){var y=i.options,I=i.defaultValue,v=i.renderAfterDefaultValueChange,A=i.filterable,V=i.loading,x=i.labelInValue,E=i.disabled,w=i.className,C=i.multiple,O=i.freeTyping,T=i.placeholder,_=i.searchIcon,j=i.renderInput,N=i.renderTags,F=i.onChange,S=i.onSearch,D=i.onFocus,B=i.onBlur,M=i.onEnter,P=a(!0),R=n(P,2),k=R[0],L=R[1],z=a(),H=n(z,2),J=H[0],K=H[1],U=a(),q=n(U,2),G=q[0],Q=q[1],W=a(),X=n(W,2),Y=X[0],Z=X[1],$=a(),ee=n($,2),ne=ee[0],oe=ee[1],te=(n=>{let{options:o,placeholder:a,loading:l,searchIcon:u,labelInValue:i}=n;const c=r((e=>"object"==typeof e?e.value:e),[]),p=r((e=>{const n=(Array.isArray(o)?o:[]).find((n=>c(n)===c(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[o]),s=r((e=>{if(Array.isArray(o)){if(Array.isArray(e))return e.map((e=>o.find((n=>{let{value:o}=n;return e===o||e.value===o}))||e));const n=o.find((n=>{let{value:o}=n;return e===o}));return i?e:n||{label:e,value:e}}return e}),[o,i]),h=r(((n,o)=>n.map(((n,r)=>t.createElement(f,e({label:p(n),deleteIcon:t.createElement(b,null)},o({index:r})))))),[o]),y=r((n=>t.createElement(d,e({},n,{variant:"outlined",placeholder:a,InputProps:{...n.InputProps,endAdornment:t.createElement(t.Fragment,null,l&&t.createElement(m,{className:"autocomplete__icon",color:"inherit",size:20}),u&&t.createElement(g,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[l,u]);return{getValue:c,getValueFromOptions:s,defaultTag:h,defaultRenderInput:y}})(o({},{options:y,placeholder:T,loading:V,searchIcon:_,labelInValue:x})),re=te.getValue,ae=te.getValueFromOptions,le=te.defaultTag,ue=te.defaultRenderInput,ie=l(p((function(e){return S(e)}),500)).current;return u((function(){oe("string"==typeof I&&C?{label:J,value:J}:ae(I))}),[JSON.stringify(I)]),u((function(){v&&L(!1)}),[ne]),u((function(){k||L(!0)}),[k]),u((function(){G&&(K(G),ie(G))}),[G]),t.createElement("div",{className:c("autocomplete",{"autocomplete--showSearchIcon":_},w)},k&&t.createElement(s,{className:"autocomplete__component",options:Array.isArray(y)&&(O&&J?[{label:J,value:J}].concat(y):y)||[],defaultValue:ne,disabled:E,multiple:C,filterOptions:function(e,n){var o=n.inputValue,t=void 0===o?"":o;return(Array.isArray(e)?e:[]).filter((function(e){var n=(e||{}).label;return!A||(void 0===n?"":n).toLowerCase().indexOf(t.toLowerCase())>-1}))},onChange:function(e,n){Array.isArray(n)?F(n.map((function(e){return x?e:re(e)}))):n&&F(x?n:re(n))},onInputChange:function(e,n,o){n&&"string"==typeof n&&"input"===o&&Q(n)},onKeyDown:function(e){switch(e.key){case"ArrowDown":case"ArrowUp":Z(!0);break;case"Enter":if(!Y){var n=O&&!C;M(e,n?{label:J,value:J}:void 0),n&&oe({label:J,value:J})}break;default:Z(!1)}},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return j&&j(e)||ue(e)},renderTags:function(e,n){return N&&N(e,n)||le(e,n)},popupIcon:null,noOptionsText:t.createElement(h,null),onFocus:D,onBlur:B}))};I.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){},onEnter:function(){}},I.propTypes={className:i.string,defaultValue:i.any,renderAfterDefaultValueChange:i.bool,options:i.arrayOf(i.any),freeTyping:i.bool,loading:i.bool,disabled:i.bool,labelInValue:i.bool,searchIcon:i.bool,multiple:i.bool,placeholder:i.string,filterable:i.bool,renderInput:i.func,renderTags:i.func,onChange:i.func,onSearch:i.func,onFocus:i.func,onBlur:i.func,onEnter:i.func};export{I as default};

package/lib/components/Avatar.js

@@ -1 +1 @@
-import*as e from"react";import r from"react";import{c as t}from"./index-b2745105.js";import a from"prop-types";import{s}from"./style-inject.es-1f59c1d0.js";import{w as o,_ as c,a as n,c as i}from"./capitalize-9fd0e7c5.js";import{c as l}from"./createSvgIcon-c88736d9.js";import"@material-ui/styles";var m=l(e.createElement("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}));var u=e.forwardRef((function(r,t){var a=r.alt,s=r.children,o=r.classes,l=r.className,u=r.component,d=void 0===u?"div":u,f=r.imgProps,p=r.sizes,v=r.src,g=r.srcSet,h=r.variant,y=void 0===h?"circular":h,E=c(r,["alt","children","classes","className","component","imgProps","sizes","src","srcSet","variant"]),S=null,b=function(r){var t=r.src,a=r.srcSet,s=e.useState(!1),o=s[0],c=s[1];return e.useEffect((function(){if(t||a){c(!1);var e=!0,r=new Image;return r.src=t,r.srcSet=a,r.onload=function(){e&&c("loaded")},r.onerror=function(){e&&c("error")},function(){e=!1}}}),[t,a]),o}({src:v,srcSet:g}),N=v||g,j=N&&"error"!==b;return S=j?e.createElement("img",n({alt:a,src:v,srcSet:g,sizes:p,className:o.img},f)):null!=s?s:N&&a?a[0]:e.createElement(m,{className:o.fallback}),e.createElement(d,n({className:i(o.root,o.system,o[y],l,!j&&o.colorDefault),ref:t},E),S)})),d=o((function(e){return{root:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none"},colorDefault:{color:e.palette.background.default,backgroundColor:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[600]},circle:{},circular:{},rounded:{borderRadius:e.shape.borderRadius},square:{borderRadius:0},img:{width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4},fallback:{width:"75%",height:"75%"}}}),{name:"MuiAvatar"})(u);s("");var f=function(e){var a=e.className,s=e.shape,o=e.src,c=e.onError;return r.createElement(d,{className:t("avatar",a),variant:s,src:o},r.createElement("img",{src:o,onError:function(){return c()},alt:"test",style:{display:"none"}}))};f.defaultProps={className:void 0,shape:"circular",src:void 0,onError:void 0},f.propTypes={className:a.string,shape:a.oneOf(["circle","circular","rounded","square"]),src:a.string,onError:a.func};export{f as default};
+import r from"react";import{c as a}from"./index-b2745105.js";import e from"prop-types";import{Avatar as s}from"@material-ui/core";import{s as o}from"./style-inject.es-1f59c1d0.js";o("");var t=function(e){var o=e.className,t=e.shape,c=e.src,i=e.onError;return r.createElement(s,{className:a("avatar",o),variant:t,src:c},r.createElement("img",{src:c,onError:function(){return i()},alt:"test",style:{display:"none"}}))};t.defaultProps={className:void 0,shape:"circular",src:void 0,onError:void 0},t.propTypes={className:e.string,shape:e.oneOf(["circle","circular","rounded","square"]),src:e.string,onError:e.func};export{t as default};

package/lib/components/BackTop.js

@@ -1 +1 @@
-import{a as r}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as e from"react";import o,{useState as t,useRef as n,useEffect as p}from"react";import i from"prop-types";import{u as a,b as s,c}from"./index-b2745105.js";import{d as l}from"./debounce-c993109b.js";import{i as u,a as m,r as f}from"./createSvgIcon-cbc342ae.js";import{s as d}from"./style-inject.es-1f59c1d0.js";import{F as y}from"./Fade-6400ee20.js";import{n as h,j as b,o as g,a as v,m as x,s as w}from"./capitalize-9fd0e7c5.js";import{styled as j}from"@material-ui/styles";import{_ as T}from"./useEventCallback-b9ab5dc9.js";import"./createChainedFunction-8d6683d4.js";import"./createSvgIcon-c88736d9.js";import"./debounce-65582d84.js";import"./isMuiElement-64ad493a.js";import"./ownerWindow-ba2c31bc.js";import"./useForkRef-4ff8cc89.js";import"./useControlled-b5d6fb94.js";import"./unstable_useId-45c5b1e4.js";import"./useIsFocusVisible-217260c3.js";import"react-dom";import"./useTheme-3893447a.js";import"./utils-ef5b71aa.js";import"./TransitionGroupContext-981f4b66.js";function k(r,e){return e&&"string"==typeof e?e.split(".").reduce((function(r,e){return r&&r[e]?r[e]:null}),r):null}function E(r){var e=r.prop,o=r.cssProperty,t=void 0===o?r.prop:o,n=r.themeKey,p=r.transform,i=function(r){if(null==r[e])return null;var o=r[e],i=k(r.theme,n)||{};return h(r,o,(function(r){var e;return"function"==typeof i?e=i(r):Array.isArray(i)?e=i[r]||r:(e=k(i,r)||r,p&&(e=p(e))),!1===t?e:b({},t,e)}))};return i.propTypes={},i.filterProps=[e],i}function C(){for(var r=arguments.length,e=new Array(r),o=0;o<r;o++)e[o]=arguments[o];var t=function(r){return e.reduce((function(e,o){var t=o(r);return t?g(e,t):e}),{})};return t.propTypes={},t.filterProps=e.reduce((function(r,e){return r.concat(e.filterProps)}),[]),t}function K(r){return"number"!=typeof r?r:"".concat(r,"px solid")}var P=C(E({prop:"border",themeKey:"borders",transform:K}),E({prop:"borderTop",themeKey:"borders",transform:K}),E({prop:"borderRight",themeKey:"borders",transform:K}),E({prop:"borderBottom",themeKey:"borders",transform:K}),E({prop:"borderLeft",themeKey:"borders",transform:K}),E({prop:"borderColor",themeKey:"palette"}),E({prop:"borderRadius",themeKey:"shape"}));function S(r,e){var o={};return Object.keys(r).forEach((function(t){-1===e.indexOf(t)&&(o[t]=r[t])})),o}var _=C(E({prop:"displayPrint",cssProperty:!1,transform:function(r){return{"@media print":{display:r}}}}),E({prop:"display"}),E({prop:"overflow"}),E({prop:"textOverflow"}),E({prop:"visibility"}),E({prop:"whiteSpace"})),z=C(E({prop:"flexBasis"}),E({prop:"flexDirection"}),E({prop:"flexWrap"}),E({prop:"justifyContent"}),E({prop:"alignItems"}),E({prop:"alignContent"}),E({prop:"order"}),E({prop:"flex"}),E({prop:"flexGrow"}),E({prop:"flexShrink"}),E({prop:"alignSelf"}),E({prop:"justifyItems"}),E({prop:"justifySelf"})),A=C(E({prop:"gridGap"}),E({prop:"gridColumnGap"}),E({prop:"gridRowGap"}),E({prop:"gridColumn"}),E({prop:"gridRow"}),E({prop:"gridAutoFlow"}),E({prop:"gridAutoColumns"}),E({prop:"gridAutoRows"}),E({prop:"gridTemplateColumns"}),E({prop:"gridTemplateRows"}),E({prop:"gridTemplateAreas"}),E({prop:"gridArea"})),I=C(E({prop:"color",themeKey:"palette"}),E({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette"})),F=C(E({prop:"position"}),E({prop:"zIndex",themeKey:"zIndex"}),E({prop:"top"}),E({prop:"right"}),E({prop:"bottom"}),E({prop:"left"})),H=E({prop:"boxShadow",themeKey:"shadows"});function L(r){return r<=1?"".concat(100*r,"%"):r}var R=E({prop:"width",transform:L}),G=E({prop:"maxWidth",transform:L}),M=E({prop:"minWidth",transform:L}),N=E({prop:"height",transform:L}),O=E({prop:"maxHeight",transform:L}),W=E({prop:"minHeight",transform:L});E({prop:"size",cssProperty:"width",transform:L}),E({prop:"size",cssProperty:"height",transform:L});var B=C(R,G,M,N,O,W,E({prop:"boxSizing"})),D=C(E({prop:"fontFamily",themeKey:"typography"}),E({prop:"fontSize",themeKey:"typography"}),E({prop:"fontStyle",themeKey:"typography"}),E({prop:"fontWeight",themeKey:"typography"}),E({prop:"letterSpacing"}),E({prop:"lineHeight"}),E({prop:"textAlign"})),V=function(r){var e=j(r);return function(r,o){return e(r,v({defaultTheme:x},o))}},Y=function(r){var e=function(e){var o=r(e);return e.css?v({},g(o,r(v({theme:e.theme},e.css))),S(e.css,[r.filterProps])):e.sx?v({},g(o,r(v({theme:e.theme},e.sx))),S(e.sx,[r.filterProps])):o};return e.propTypes={},e.filterProps=["css","sx"].concat(T(r.filterProps)),e}(C(P,_,z,A,F,I,H,B,w,D)),q=V("div")(Y,{name:"MuiBox"}),J=s((function(r,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var t=u(o),n=(0,m(f).default)(t.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");e.default=n})),Q=a(J),U="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function X(r){var o=r.children,t=r.defer,n=void 0!==t&&t,p=r.fallback,i=void 0===p?null:p,a=e.useState(!1),s=a[0],c=a[1];return U((function(){n||c(!0)}),[n]),e.useEffect((function(){n&&c(!0)}),[n]),e.createElement(e.Fragment,null,s?o:i)}d(".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n");var Z=function(e){var i=e.className,a=e.visibilityHeight,s=e.onClick,u=e.children,m=t(!1),f=r(m,2),d=f[0],h=f[1],b=n(l((function(){var r=window.scrollY;h(r>=a)}),100)).current;return p((function(){return window.addEventListener("scroll",(function(){return b()})),function(){window.removeEventListener("scroll",(function(){return b()}))}}),[]),o.createElement(y,{in:d,timeout:500,unmountOnExit:!0},o.createElement("div",{className:c("backTop",i),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,s()}},u?o.createElement("div",null,u):o.createElement(X,null,o.createElement(q,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},o.createElement(Q,null),"Top"))))};Z.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},Z.propTypes={className:i.string,visibilityHeight:i.number,onClick:i.func,children:i.node};export{Z as default};
+import{a as e}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as n from"react";import t,{useState as o,useRef as i,useEffect as r}from"react";import a from"prop-types";import{u as c,b as l,c as s}from"./index-b2745105.js";import{d as u}from"./debounce-c993109b.js";import{Fade as p,Box as d}from"@material-ui/core";import{i as m,a as f,r as b}from"./createSvgIcon-39860e34.js";import{s as v}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";var y=l((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=m(t),i=(0,f(b).default)(o.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");n.default=i})),h=c(y),x="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function w(e){var t=e.children,o=e.defer,i=void 0!==o&&o,r=e.fallback,a=void 0===r?null:r,c=n.useState(!1),l=c[0],s=c[1];return x((function(){i||s(!0)}),[i]),n.useEffect((function(){i&&s(!0)}),[i]),n.createElement(n.Fragment,null,l?t:a)}v(".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n");var E=function(n){var a=n.className,c=n.visibilityHeight,l=n.onClick,m=n.children,f=o(!1),b=e(f,2),v=b[0],y=b[1],x=i(u((function(){var e=window.scrollY;y(e>=c)}),100)).current;return r((function(){return window.addEventListener("scroll",(function(){return x()})),function(){window.removeEventListener("scroll",(function(){return x()}))}}),[]),t.createElement(p,{in:v,timeout:500,unmountOnExit:!0},t.createElement("div",{className:s("backTop",a),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,l()}},m?t.createElement("div",null,m):t.createElement(w,null,t.createElement(d,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},t.createElement(h,null),"Top"))))};E.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},E.propTypes={className:a.string,visibilityHeight:a.number,onClick:a.func,children:a.node};export{E as default};

package/lib/components/Breadcrumbs.js

@@ -1 +1 @@
-import*as e from"react";import t from"react";import{c as a}from"./index-b2745105.js";import r from"prop-types";import{NavLink as o}from"react-router-dom";import{s as n}from"./style-inject.es-1f59c1d0.js";import{T as s}from"./Typography-87aacce0.js";import{w as c,e as i,_ as l,a as m,c as p}from"./capitalize-9fd0e7c5.js";import{_ as d}from"./useEventCallback-b9ab5dc9.js";import"react-is";import{c as u}from"./createSvgIcon-c88736d9.js";import{B as f}from"./ButtonBase-b2d7ff99.js";import"@material-ui/styles";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-981f4b66.js";var b=u(e.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}));var g=c((function(e){return{root:{display:"flex",marginLeft:e.spacing(.5),marginRight:e.spacing(.5),backgroundColor:e.palette.grey[100],color:e.palette.grey[700],borderRadius:2,cursor:"pointer","&:hover, &:focus":{backgroundColor:e.palette.grey[200]},"&:active":{boxShadow:e.shadows[0],backgroundColor:i(e.palette.grey[200],.12)}},icon:{width:24,height:16}}}),{name:"PrivateBreadcrumbCollapsed"})((function(t){var a=t.classes,r=l(t,["classes"]);return e.createElement(f,m({component:"li",className:a.root,focusRipple:!0},r),e.createElement(b,{className:a.icon}))}));var y=e.forwardRef((function(t,a){var r=t.children,o=t.classes,n=t.className,c=t.component,i=void 0===c?"nav":c,u=t.expandText,f=void 0===u?"Show path":u,b=t.itemsAfterCollapse,y=void 0===b?1:b,v=t.itemsBeforeCollapse,h=void 0===v?1:v,x=t.maxItems,k=void 0===x?8:x,N=t.separator,C=void 0===N?"/":N,E=l(t,["children","classes","className","component","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"]),I=e.useState(!1),_=I[0],S=I[1],j=e.Children.toArray(r).filter((function(t){return e.isValidElement(t)})).map((function(t,a){return e.createElement("li",{className:o.li,key:"child-".concat(a)},t)}));return e.createElement(s,m({ref:a,component:i,color:"textSecondary",className:p(o.root,n)},E),e.createElement("ol",{className:o.ol},function(t,a,r){return t.reduce((function(o,n,s){return s<t.length-1?o=o.concat(n,e.createElement("li",{"aria-hidden":!0,key:"separator-".concat(s),className:a},r)):o.push(n),o}),[])}(_||k&&j.length<=k?j:function(t){return h+y>=t.length?t:[].concat(d(t.slice(0,h)),[e.createElement(g,{"aria-label":f,key:"ellipsis",onClick:function(e){S(!0);var t=e.currentTarget.parentNode.querySelector("a[href],button,[tabindex]");t&&t.focus()}})],d(t.slice(t.length-y,t.length)))}(j),o.separator,C)))})),v=c({root:{},ol:{display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"},li:{},separator:{display:"flex",userSelect:"none",marginLeft:8,marginRight:8}},{name:"MuiBreadcrumbs"})(y);n(".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n");const h=e=>{let{className:r,icon:o,text:n,lastItem:c,onClick:i}=e;return t.createElement(s,{color:"textPrimary",className:r,onClick:i},t.createElement("div",{className:a("breadcrumbItem",{"breadcrumbItem--last":c})},o&&t.createElement("span",{className:"breadcrumbItem__icon"},o),t.createElement("span",{className:"breadcrumbItem__text"},n)))};h.defaultProps={className:void 0,icon:void 0,text:void 0,lastItem:void 0,onClick:()=>{}},h.propTypes={className:r.string,icon:r.node,text:r.string,lastItem:r.bool,onClick:r.func};n(".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n");var x=function(e){var r=e.className,n=e.links,s=e.separator;return t.createElement(v,{className:a("breadcrumbs",r),"aria-label":"breadcrumb",separator:s&&s.length>0?s:void 0},Array.isArray(n)&&n.length>0&&n.map((function(e,a){var r=e.icon,s=e.text,c=e.href,i=e.onClick;return a===n.length-1?t.createElement(h,{key:a.toString(),lastItem:!0,icon:r,text:s,onClick:i}):0===a?t.createElement(o,{className:"breadcrumbs__link",key:a.toString(),to:c||"/",onClick:i},t.createElement(h,{icon:r,text:s})):c?t.createElement(o,{className:"breadcrumbs__link",key:a.toString(),to:c,onClick:i},t.createElement(h,{icon:r,text:s})):t.createElement(h,{key:a.toString(),lastItem:!0,icon:r,text:s,onClick:i})})))};x.defaultProps={className:void 0,links:void 0,separator:void 0},x.propTypes={className:r.string,links:r.arrayOf(r.any),separator:r.string};export{x as default};
+import e from"react";import{c as t}from"./index-b2745105.js";import r from"prop-types";import{NavLink as a}from"react-router-dom";import{Typography as n,Breadcrumbs as o}from"@material-ui/core";import{s as c}from"./style-inject.es-1f59c1d0.js";c(".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n");const i=r=>{let{className:a,icon:o,text:c,lastItem:i,onClick:s}=r;return e.createElement(n,{color:"textPrimary",className:a,onClick:s},e.createElement("div",{className:t("breadcrumbItem",{"breadcrumbItem--last":i})},o&&e.createElement("span",{className:"breadcrumbItem__icon"},o),e.createElement("span",{className:"breadcrumbItem__text"},c)))};i.defaultProps={className:void 0,icon:void 0,text:void 0,lastItem:void 0,onClick:()=>{}},i.propTypes={className:r.string,icon:r.node,text:r.string,lastItem:r.bool,onClick:r.func};c(".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n");var s=function(r){var n=r.className,c=r.links,s=r.separator;return e.createElement(o,{className:t("breadcrumbs",n),"aria-label":"breadcrumb",separator:s&&s.length>0?s:void 0},Array.isArray(c)&&c.length>0&&c.map((function(t,r){var n=t.icon,o=t.text,s=t.href,m=t.onClick;return r===c.length-1?e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m}):0===r?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s||"/",onClick:m},e.createElement(i,{icon:n,text:o})):s?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s,onClick:m},e.createElement(i,{icon:n,text:o})):e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m})})))};s.defaultProps={className:void 0,links:void 0,separator:void 0},s.propTypes={className:r.string,links:r.arrayOf(r.any),separator:r.string};export{s as default};

package/lib/components/Button.js

@@ -1 +1 @@
-import o from"react";import e from"prop-types";import{c as t}from"./index-b2745105.js";import{s as i}from"./style-inject.es-1f59c1d0.js";import{B as n}from"./Button-909fd795.js";import{C as r}from"./CircularProgress-f928a026.js";import"./capitalize-9fd0e7c5.js";import"@material-ui/styles";import"./ButtonBase-b2d7ff99.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useEventCallback-b9ab5dc9.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-981f4b66.js";i(".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer; }\n  .button:hover {\n    opacity: 0.9; }\n");var a=function(e){var i=e.style,a=e.className,s=e.tabIndex,d=e.alt,l=e.text,c=e.size,p=e.variant,f=e.type,m=e.color,b=e.loading,u=e.disabled,v=e.icon,y=e.endIcon,x=e.children,j=e.onClick;return o.createElement(n,{style:i,className:t("button",a),tabIndex:s,alt:d,size:c,variant:p,color:f||m,disabled:b||u,onClick:j,startIcon:v,endIcon:b?o.createElement(r,{size:16}):y},l,x)};a.defaultProps={style:void 0,className:void 0,tabIndex:void 0,alt:void 0,text:void 0,loading:!1,disabled:!1,variant:void 0,size:"small",color:"primary",type:void 0,children:void 0,icon:void 0,endIcon:void 0,onClick:function(){}},a.propTypes={style:e.objectOf(e.any),className:e.string,tabIndex:e.number,alt:e.string,text:e.string,loading:e.bool,disabled:e.bool,variant:e.oneOf(["contained","outlined","text"]),size:e.oneOf(["small","medium","large"]),color:e.oneOf(["default","inherit","primary","secondary"]),type:e.oneOf(["default","inherit","primary","secondary"]),children:e.node,icon:e.node,endIcon:e.node,onClick:e.func};export{a as default};
+import e from"react";import o from"prop-types";import{c as n}from"./index-b2745105.js";import{Button as t,CircularProgress as i}from"@material-ui/core";import{s as a}from"./style-inject.es-1f59c1d0.js";a(".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer; }\n  .button:hover {\n    opacity: 0.9; }\n");var r=function(o){var a=o.style,r=o.className,d=o.tabIndex,l=o.alt,s=o.text,c=o.size,f=o.variant,p=o.type,m=o.color,b=o.loading,u=o.disabled,v=o.icon,y=o.endIcon,x=o.children,g=o.onClick;return e.createElement(t,{style:a,className:n("button",r),tabIndex:d,alt:l,size:c,variant:f,color:p||m,disabled:b||u,onClick:g,startIcon:v,endIcon:b?e.createElement(i,{size:16}):y},s,x)};r.defaultProps={style:void 0,className:void 0,tabIndex:void 0,alt:void 0,text:void 0,loading:!1,disabled:!1,variant:void 0,size:"small",color:"primary",type:void 0,children:void 0,icon:void 0,endIcon:void 0,onClick:function(){}},r.propTypes={style:o.objectOf(o.any),className:o.string,tabIndex:o.number,alt:o.string,text:o.string,loading:o.bool,disabled:o.bool,variant:o.oneOf(["contained","outlined","text"]),size:o.oneOf(["small","medium","large"]),color:o.oneOf(["default","inherit","primary","secondary"]),type:o.oneOf(["default","inherit","primary","secondary"]),children:o.node,icon:o.node,endIcon:o.node,onClick:o.func};export{r as default};

package/lib/components/Checkbox.js

@@ -1 +1 @@
-import{c as e,_ as o}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as t from"react";import r from"react";import a from"prop-types";import{S as c,F as n}from"./FormControlLabel-26ff903e.js";import{w as i,d as l,_ as d,a as s,c as p,b as m}from"./capitalize-9fd0e7c5.js";import{c as f}from"./createSvgIcon-c88736d9.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./FormControlContext-90b149a2.js";import"./IconButton-9b900afc.js";import"./ButtonBase-b2d7ff99.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useEventCallback-b9ab5dc9.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-981f4b66.js";import"./Typography-87aacce0.js";import"@material-ui/styles";var h=f(t.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})),u=f(t.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})),b=f(t.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"})),v=t.createElement(u,null),k=t.createElement(h,null),C=t.createElement(b,null),y=t.forwardRef((function(e,o){var r=e.checkedIcon,a=void 0===r?v:r,n=e.classes,i=e.color,l=void 0===i?"secondary":i,f=e.icon,h=void 0===f?k:f,u=e.indeterminate,b=void 0!==u&&u,y=e.indeterminateIcon,j=void 0===y?C:y,z=e.inputProps,E=e.size,g=void 0===E?"medium":E,S=d(e,["checkedIcon","classes","color","icon","indeterminate","indeterminateIcon","inputProps","size"]),I=b?j:h,P=b?j:a;return t.createElement(c,s({type:"checkbox",classes:{root:p(n.root,n["color".concat(m(l))],b&&n.indeterminate),checked:n.checked,disabled:n.disabled},color:l,inputProps:s({"data-indeterminate":b},z),icon:t.cloneElement(I,{fontSize:void 0===I.props.fontSize&&"small"===g?g:I.props.fontSize}),checkedIcon:t.cloneElement(P,{fontSize:void 0===P.props.fontSize&&"small"===g?g:P.props.fontSize}),ref:o},S))})),j=i((function(e){return{root:{color:e.palette.text.secondary},checked:{},disabled:{},indeterminate:{},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:l(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:l(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}}}}),{name:"MuiCheckbox"})(y),z=["onCheck","disabled","children"],E=function(t){var a=t.onCheck,c=t.disabled,i=t.children,l=e(t,z);return r.createElement(n,{control:r.createElement(j,o({},l,{disabled:c,onChange:function(e){a(e&&e.target&&e.target.checked),e.stopPropagation()}})),label:i})};E.defaultProps={disabled:void 0,children:void 0,onCheck:function(){}},E.propTypes={disabled:a.bool,children:a.node,onCheck:a.func};export{E as default};
+import{c as e,_ as o}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import r from"react";import a from"prop-types";import{FormControlLabel as t,Checkbox as n}from"@material-ui/core";var l=["onCheck","disabled","children"],c=function(a){var c=a.onCheck,i=a.disabled,d=a.children,p=e(a,l);return r.createElement(t,{control:r.createElement(n,o({},p,{disabled:i,onChange:function(e){c(e&&e.target&&e.target.checked),e.stopPropagation()}})),label:d})};c.defaultProps={disabled:void 0,children:void 0,onCheck:function(){}},c.propTypes={disabled:a.bool,children:a.node,onCheck:a.func};export{c as default};

package/lib/components/CollapseContent.js

@@ -1 +1 @@
-import e,{useState as t,useRef as n,useEffect as o}from"react";import{c as l}from"./index-11391ca3.js";import s from"prop-types";import a from"./MoreButton.js";import{s as r}from"./style-inject.es-c875d022.js";import{T as i}from"./Typography-f8ad7404.js";import"./createSvgIcon-d8a3f29d.js";import"./withStyles-cdd15534.js";import"@material-ui/styles";import"./capitalize-358ae1fd.js";r(".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n");const c=s=>{const{className:r,content:c,textColor:p,lineClamp:d,useLightHeight:m,useTextIndent:C}=s,{formatMessage:_,primaryColor:g,secondaryColor:h,shadowColor:f}=s;if(!c)return e.createElement(e.Fragment,null);const[y,u]=t(),[w,b]=t(),v=n();return o((()=>{if(c&&v&&v.current){const e=v.current,{clientHeight:t,scrollHeight:n}=e||{};b(n>t)}}),[v,c]),e.createElement("div",{className:l("collapseContent",r)},e.createElement(i,{ref:v,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${d<=5?d:10}`,{"collapseContent__desc--indent":C},{"collapseContent__desc--expand":y},{"collapseContent__desc--lightHeight":m}),color:"textSecondary",style:{color:p}},(x=c)&&0!==x.length?e.createElement("div",{dangerouslySetInnerHTML:{__html:`<div>${x.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>")}</div>`}}):x),w&&e.createElement(a,{small:!0,primaryColor:g,secondaryColor:h,shadowColor:f,formatMessage:_,expand:y,setExpand:u}));var x};c.defaultProps={className:void 0,content:void 0,textColor:void 0,lineClamp:2,useLightHeight:void 0,useTextIndent:!0,formatMessage:void 0,primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0},c.propTypes={className:s.string,content:s.string,textColor:s.string,lineClamp:s.number,useLightHeight:s.bool,useTextIndent:s.bool,formatMessage:s.func,primaryColor:s.string,secondaryColor:s.string,shadowColor:s.string};export{c as default};
+import e,{useState as n,useRef as t,useEffect as o}from"react";import{c as l}from"./index-11391ca3.js";import a from"prop-types";import{Typography as r}from"@material-ui/core";import s from"./MoreButton.js";import{s as i}from"./style-inject.es-c875d022.js";import"@material-ui/icons";i(".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n");const c=a=>{const{className:i,content:c,textColor:p,lineClamp:d,useLightHeight:m,useTextIndent:C}=a,{formatMessage:_,primaryColor:g,secondaryColor:h,shadowColor:f}=a;if(!c)return e.createElement(e.Fragment,null);const[u,b]=n(),[w,x]=n(),v=t();return o((()=>{if(c&&v&&v.current){const e=v.current,{clientHeight:n,scrollHeight:t}=e||{};x(t>n)}}),[v,c]),e.createElement("div",{className:l("collapseContent",i)},e.createElement(r,{ref:v,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${d<=5?d:10}`,{"collapseContent__desc--indent":C},{"collapseContent__desc--expand":u},{"collapseContent__desc--lightHeight":m}),color:"textSecondary",style:{color:p}},(y=c)&&0!==y.length?e.createElement("div",{dangerouslySetInnerHTML:{__html:`<div>${y.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>")}</div>`}}):y),w&&e.createElement(s,{small:!0,primaryColor:g,secondaryColor:h,shadowColor:f,formatMessage:_,expand:u,setExpand:b}));var y};c.defaultProps={className:void 0,content:void 0,textColor:void 0,lineClamp:2,useLightHeight:void 0,useTextIndent:!0,formatMessage:void 0,primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0},c.propTypes={className:a.string,content:a.string,textColor:a.string,lineClamp:a.number,useLightHeight:a.bool,useTextIndent:a.bool,formatMessage:a.func,primaryColor:a.string,secondaryColor:a.string,shadowColor:a.string};export{c as default};