@daoyi/nmtl-ui 1.1.34 → 1.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/components/Drawer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e}from"./_rollupPluginBabelHelpers-b18bba19.js";import r,{useState as a}from"react";import n from"prop-types";import{List as t,ListItem as o,ListItemIcon as i,ListItemText as l,IconButton as s,Drawer as p,Divider as d}from"@material-ui/core";import{DehazeRounded as m}from"@material-ui/icons";import
|
|
1
|
+
import{a as e}from"./_rollupPluginBabelHelpers-b18bba19.js";import r,{useState as a}from"react";import n from"prop-types";import{List as t,ListItem as o,ListItemIcon as i,ListItemText as l,IconButton as s,Drawer as p,Divider as d}from"@material-ui/core";import{DehazeRounded as m}from"@material-ui/icons";import u from"./Select.js";import{useHistory as c,useRouteMatch as g}from"react-router-dom";import{s as f}from"./style-inject.es-1f59c1d0.js";import"./index-b2745105.js";import"./Empty.js";var w=function(e){var r=e.language,a=e.supportLanguages;return a.some((function(e){return e.value===r}))?r:a[0].value};const _=({drawerList:e,setOpen:a})=>{const n=c(),{url:s}=g();return r.createElement(t,{className:"drawer__list"},Array.isArray(e)&&e.map((({name:e,icon:t,path:p},d)=>r.createElement(o,{button:!0,key:d.toString(),onClick:()=>{p.indexOf("http")>-1?window.location=p:n.push({pathname:`${s}${p}`}),a(!1)}},t&&r.createElement(i,{style:{marginRight:24}},t),r.createElement(l,{primary:e})))))};_.defaultProps={},_.propTypes={drawerList:n.arrayOf(n.any).isRequired,setOpen:n.func.isRequired};f(".drawer__icon {\n display: none !important; }\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: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end; }\n .drawer__icon {\n display: flex !important; } }\n");var y=function(n){var t=n.title,o=n.logo,i=n.locale,l=n.supportLanguages,c=n.drawerList,g=n.onLanguageChange,f=a(!1),y=e(f,2),h=y[0],v=y[1];return r.createElement("div",{className:"drawer"},r.createElement(s,{className:"drawer__icon",onClick:function(){return v(!0)}},r.createElement(m,{fontSize:"large"})),r.createElement(p,{anchor:"right",open:h,onClose:function(){return v(!1)},onKeyDown:function(){return v(!1)}},(o||t)&&r.createElement("div",{className:"drawer__header"},r.createElement("div",{className:"drawer__header-logo"},o),r.createElement("div",{className:"drawer__header-title"},t)),r.createElement(d,null),r.createElement(_,{drawerList:(Array.isArray(c)?c:[]).filter((function(e){return e.showInHeader})),setOpen:v}),r.createElement(d,null),Array.isArray(l)&&l.length>0&&r.createElement(u,{className:"drawer__lang",defaultValue:w({language:i,supportLanguages:l}),onChange:function(e){return g(e)},options:l})))};y.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(){}},y.propTypes={title:n.string,logo:n.node,locale:n.string,supportLanguages:n.arrayOf(n.any),drawerList:n.arrayOf(n.any),onLanguageChange:n.func};export{y as default};
|
package/lib/components/Header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{s as o,c as i}from"./style-inject.es-22541f49.js";import{d as l,K as s}from"./KeywordSearch-
|
|
1
|
+
import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{s as o,c as i}from"./style-inject.es-22541f49.js";import{d as l,K as s}from"./KeywordSearch-04980bba.js";import{useHistory as d,useRouteMatch as c,NavLink as p}from"react-router-dom";import{List as m,ListItem as h,ListItemIcon as g,ListItemText as _,IconButton as u,Drawer as f,Divider as y,Typography as w}from"@material-ui/core";import{DehazeRounded as x,SearchOutlined as k}from"@material-ui/icons";import{S as v}from"./Select-6c440878.js";import"./_commonjsHelpers-ae1b5db5.js";import"axios";import"./isObjectLike-75179648.js";import"@material-ui/lab";import"./Empty-f614b463.js";const E=({language:e,supportLanguages:a})=>a.some((({value:a})=>a===e))?e:a[0].value,b=({drawerList:a,setOpen:n})=>{const r=d(),{url:t}=c();return e.createElement(m,{className:"drawer__list"},Array.isArray(a)&&a.map((({name:a,icon:o,path:i},l)=>e.createElement(h,{button:!0,key:l.toString(),onClick:()=>{i.indexOf("http")>-1?window.location=i:r.push({pathname:`${t}${i}`}),n(!1)}},o&&e.createElement(g,{style:{marginRight:24}},o),e.createElement(_,{primary:a})))))};b.defaultProps={},b.propTypes={drawerList:t.arrayOf(t.any).isRequired,setOpen:t.func.isRequired};o(".drawer__icon {\n display: none !important; }\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: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end; }\n .drawer__icon {\n display: flex !important; } }\n");const L=({title:n,logo:r,locale:t,supportLanguages:o,drawerList:i,onLanguageChange:l})=>{const[s,d]=a(!1);return e.createElement("div",{className:"drawer"},e.createElement(u,{className:"drawer__icon",onClick:()=>d(!0)},e.createElement(x,{fontSize:"large"})),e.createElement(f,{anchor:"right",open:s,onClose:()=>d(!1),onKeyDown:()=>d(!1)},(r||n)&&e.createElement("div",{className:"drawer__header"},e.createElement("div",{className:"drawer__header-logo"},r),e.createElement("div",{className:"drawer__header-title"},n)),e.createElement(y,null),e.createElement(b,{drawerList:(Array.isArray(i)?i:[]).filter((({showInHeader:e})=>e)),setOpen:d}),e.createElement(y,null),Array.isArray(o)&&o.length>0&&e.createElement(v,{className:"drawer__lang",defaultValue:E({language:t,supportLanguages:o}),onChange:e=>l(e),options:o})))};L.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:()=>{}},L.propTypes={title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),drawerList:t.arrayOf(t.any),onLanguageChange:t.func};o(".header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6);\n background-color: rgba(255, 255, 255, 0.6);\n padding: 12px 36px !important;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100% !important;\n transition: top 0.3s ease-in-out;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px); }\n .header__logo {\n display: flex;\n width: -moz-fit-content !important;\n width: fit-content !important;\n margin-right: 30px !important; }\n .header__logo__img {\n display: flex;\n align-items: center; }\n .header__logo__title {\n white-space: nowrap;\n margin-left: 1rem !important;\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n font-family: 'Noto Sans TC' !important; }\n .header__links {\n display: flex;\n justify-content: flex-end;\n padding-right: 14px; }\n .header__links a {\n text-decoration: none; }\n .header__links--full {\n flex: 1; }\n .header__links__item {\n color: rgba(0, 0, 0, 0.85);\n font-size: 1.125rem !important;\n font-weight: 500 !important;\n white-space: nowrap;\n padding: 6px 14px;\n font-family: 'Noto Sans TC' !important; }\n .header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: transparent;\n border-radius: 45px; }\n .header__links__item:hover {\n font-weight: 800 !important; }\n .header__language {\n min-width: 100px !important; }\n .header__searchIcon {\n display: none !important; }\n @media screen and (max-width: 768px) {\n .header--smallUseSearchIcon .header__searchIcon {\n display: flex !important;\n margin-right: 10px !important; }\n .header--smallUseSearchIcon .keywordSearch {\n visibility: hidden;\n flex: 1;\n width: 0; } }\n .header--hide {\n top: -100px; }\n .header--focus .header__links {\n display: none; }\n .header .MuiTypography-root {\n width: 100%;\n display: flex;\n align-items: center; }\n\n@media screen and (max-width: 768px) {\n .header {\n padding: 12px 15px !important; }\n .header__logo {\n margin-right: 16px !important; }\n .header__logo__title {\n display: none !important; }\n .header__links {\n display: none; }\n .header__links__item {\n font-size: 1rem !important; }\n .header__language {\n display: none !important; }\n .header--focus .header__logo {\n display: none !important; }\n .autocomplete__icon {\n display: none !important; } }\n");const S=t=>{const{title:o,logo:m,locale:h,supportLanguages:g,pages:_,darkMode:f,className:y}=t,{searchAPI:x,searchPlaceholder:b,smallUseSearchIcon:S}=t,{onSearch:N,setDarkMode:C,onLanguageChange:I,onSearchIconClick:A}=t,O=d(),{location:{search:z}}=O,{url:j}=c(),[P,M]=a(!1),[T,U]=a(!1),D=n(l((()=>M(window.scrollY>100)),10)).current;return r((()=>(window.addEventListener("scroll",D),()=>{window.removeEventListener("scroll",D)})),[]),r((()=>{U(!1)}),[z]),e.createElement("div",{className:i("MuiPaper-root","header",{"header--smallUseSearchIcon":S},{"header--hide":P},{"header--focus":T},y)},e.createElement("div",{className:"header__logo",onClick:()=>O.push(`/${h}`)},m&&e.createElement("div",{className:"header__logo__img"},m),!T&&o&&e.createElement(w,{color:"primary",className:"header__logo__title"},o)),x&&e.createElement(s,{animation:!0,searchAPI:x,placeholder:b,menuOpen:T,setMenuOpen:U,onSearch:N}),e.createElement("div",{className:i("header__links",{"header__links--full":!x})},(Array.isArray(_)?_:[]).filter((({showInHeader:e})=>e)).map((({path:a="",name:n},r)=>{const t=e.createElement(w,{className:"header__links__item",color:"primary"},n);return a.indexOf("http")>-1?e.createElement("a",{key:r.toString(),href:a,className:"header__links__item--active"},t):e.createElement(p,{key:r.toString(),to:`${j}${a}`,activeClassName:"header__links__item--active"},t)}))),e.createElement(u,{className:"header__searchIcon",onClick:A},e.createElement(k,{fontSize:"large"})),false,Array.isArray(g)&&g.length>0&&e.createElement(v,{className:"header__language",defaultValue:E({language:h,supportLanguages:g}),onChange:e=>I(e),options:g}),e.createElement(L,{title:o,logo:m,drawerList:_,supportLanguages:g}))};S.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,searchAPI:void 0,searchPlaceholder:void 0,smallUseSearchIcon:void 0,onSearch:()=>{},setDarkMode:()=>{},onLanguageChange:()=>{},onSearchIconClick:()=>{}},S.propTypes={className:t.string,title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),pages:t.arrayOf(t.any).isRequired,darkMode:t.bool,searchAPI:t.string,searchPlaceholder:t.string,smallUseSearchIcon:t.bool,onSearch:t.func,setDarkMode:t.func,onLanguageChange:t.func,onSearchIconClick:t.func};export{S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useCallback as n,useState as a,useRef as t,useMemo as o,useEffect as r}from"react";import l from"prop-types";import{s as i,c as u}from"./style-inject.es-22541f49.js";import c from"axios";import{_ as s,i as p,a as d,b as f}from"./isObjectLike-75179648.js";import{Autocomplete as m}from"@material-ui/lab";import{_ as h,E as g}from"./Empty-f614b463.js";import{Chip as y,TextField as v,CircularProgress as b}from"@material-ui/core";import{Close as I,SearchOutlined as A}from"@material-ui/icons";var x=function(){return s.Date.now()},w=/\s/;var S=function(e){for(var n=e.length;n--&&w.test(e.charAt(n)););return n},O=/^\s+/;var N=function(e){return e?e.slice(0,S(e)+1).replace(O,""):e};var T=function(e){return"symbol"==typeof e||p(e)&&"[object Symbol]"==d(e)},V=/^[-+]0x[0-9a-f]+$/i,E=/^0b[01]+$/i,k=/^0o[0-7]+$/i,C=parseInt;var M=function(e){if("number"==typeof e)return e;if(T(e))return NaN;if(f(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=f(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=N(e);var a=E.test(e);return a||k.test(e)?C(e.slice(2),a?2:8):V.test(e)?NaN:+e},_=Math.max,j=Math.min;var P=function(e,n,a){var t,o,r,l,i,u,c=0,s=!1,p=!1,d=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var a=t,r=o;return t=o=void 0,c=n,l=e.apply(r,a)}function h(e){return c=e,i=setTimeout(y,n),s?m(e):l}function g(e){var a=e-u;return void 0===u||a>=n||a<0||p&&e-c>=r}function y(){var e=x();if(g(e))return v(e);i=setTimeout(y,function(e){var a=n-(e-u);return p?j(a,r-(e-c)):a}(e))}function v(e){return i=void 0,d&&t?m(e):(t=o=void 0,l)}function b(){var e=x(),a=g(e);if(t=arguments,o=this,u=e,a){if(void 0===i)return h(u);if(p)return clearTimeout(i),i=setTimeout(y,n),m(u)}return void 0===i&&(i=setTimeout(y,n)),l}return n=M(n)||0,f(a)&&(s=!!a.leading,r=(p="maxWait"in a)?_(M(a.maxWait)||0,n):r,d="trailing"in a?!!a.trailing:d),b.cancel=function(){void 0!==i&&clearTimeout(i),c=0,t=u=o=i=void 0},b.flush=function(){return void 0===i?l:v(x())},b};i(".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");const F=l=>{const{options:i,defaultValue:c,renderAfterDefaultValueChange:s,filterable:p,loading:d,labelInValue:f,disabled:x}=l,{className:w,multiple:S,freeTyping:O,placeholder:N,searchIcon:T,renderInput:V,renderTags:E}=l,{onChange:k,onSearch:C,onFocus:M,onBlur:_}=l,[j,F]=a(!0),[D,B]=a(),[R,L]=a(),{getValue:$,getValueFromOptions:z,defaultTag:W,defaultRenderInput:J}=(({options:a,placeholder:t,loading:o,searchIcon:r,labelInValue:l})=>{const i=n((e=>"object"==typeof e?e.value:e),[]),u=n((e=>{const n=(Array.isArray(a)?a:[]).find((n=>i(n)===i(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[a]),c=n((e=>{if(Array.isArray(a)){if(Array.isArray(e))return e.map((e=>a.find((({value:n})=>e===n||e.value===n))||e));const n=a.find((({value:n})=>e===n));return l?e:n||{label:e,value:e}}return e}),[a,l]),s=n(((n,a)=>n.map(((n,t)=>e.createElement(y,h({label:u(n),deleteIcon:e.createElement(I,null)},a({index:t})))))),[a]),p=n((n=>e.createElement(v,h({},n,{variant:"outlined",placeholder:t,InputProps:{...n.InputProps,endAdornment:e.createElement(e.Fragment,null,o&&e.createElement(b,{className:"autocomplete__icon",color:"inherit",size:20}),r&&e.createElement(A,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[o,r]);return{getValue:i,getValueFromOptions:c,defaultTag:s,defaultRenderInput:p}})({options:i,placeholder:N,loading:d,searchIcon:T,labelInValue:f}),K=t(P((e=>C(e)),500)).current,q=o((()=>"string"==typeof c&&S?{label:D,value:D}:z(c)),[JSON.stringify(c)]);return r((()=>{s&&F(!1)}),[q]),r((()=>{j||F(!0)}),[j]),r((()=>{R&&(B(R),K(R))}),[R]),e.createElement("div",{className:u("autocomplete",{"autocomplete--showSearchIcon":T},w)},j&&e.createElement(m,{className:"autocomplete__component",options:Array.isArray(i)&&(O&&D?[{label:D,value:D}].concat(i):i)||[],defaultValue:q,disabled:x,multiple:S,filterOptions:(e,n)=>{const{inputValue:a=""}=n;return(Array.isArray(e)?e:[]).filter((e=>{const{label:n=""}=e||{};return!p||n.toLowerCase().indexOf(a.toLowerCase())>-1}))},onChange:(e,n)=>{Array.isArray(n)?k(n.map((e=>f?e:$(e)))):n&&k(f?n:$(n))},onInputChange:(e,n,a)=>{n&&"string"==typeof n&&"input"===a&&L(n)},getOptionLabel:e=>e&&e.label||"",getOptionDisabled:e=>e.disabled,renderInput:e=>V&&V(e)||J(e),renderTags:(e,n)=>E&&E(e,n)||W(e,n),popupIcon:null,noOptionsText:e.createElement(g,null),onFocus:M,onBlur:_}))};F.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:()=>{},onSearch:()=>{},onFocus:()=>{},onBlur:()=>{}},F.propTypes={className:l.string,defaultValue:l.any,renderAfterDefaultValueChange:l.bool,options:l.arrayOf(l.any),freeTyping:l.bool,loading:l.bool,disabled:l.bool,labelInValue:l.bool,searchIcon:l.bool,multiple:l.bool,placeholder:l.string,filterable:l.bool,renderInput:l.func,renderTags:l.func,onChange:l.func,onSearch:l.func,onFocus:l.func,onBlur:l.func};const D=(e,n="value")=>Array.isArray(e)?e.filter(((e,a,t)=>t.findIndex((a=>a[n]===e[n]))===a)):[];i(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");const B=({className:n,animation:t,filterSameName:o,keyword:r,searchAPI:l,placeholder:i,setMenuOpen:s,menuOpen:p,onSearch:d})=>{const[f,m]=a(!1),[h,g]=a([]);return e.createElement("div",{className:u("keywordSearch",{"keywordSearch--animation":t},{"keywordSearch--focus":p},n)},e.createElement(F,{renderAfterDefaultValueChange:!0,defaultValue:{label:r,value:r},loading:f,options:(o?D(h,"name"):h).map((({name:e,id:n,value:a,label:t})=>({value:n||a||e,label:e||t}))),placeholder:i,onSearch:e=>{var n;(n=e)&&0!==n.length&&(m(!0),c.get(l,{params:{keyword:n}}).then((e=>{if(e.data&&e.data.data){const a=[{name:n}].concat(D(e.data.data,"id"));
|
|
1
|
+
import e,{useCallback as n,useState as a,useRef as t,useMemo as o,useEffect as r}from"react";import l from"prop-types";import{s as i,c as u}from"./style-inject.es-22541f49.js";import c from"axios";import{_ as s,i as p,a as d,b as f}from"./isObjectLike-75179648.js";import{Autocomplete as m}from"@material-ui/lab";import{_ as h,E as g}from"./Empty-f614b463.js";import{Chip as y,TextField as v,CircularProgress as b}from"@material-ui/core";import{Close as I,SearchOutlined as A}from"@material-ui/icons";var x=function(){return s.Date.now()},w=/\s/;var S=function(e){for(var n=e.length;n--&&w.test(e.charAt(n)););return n},O=/^\s+/;var N=function(e){return e?e.slice(0,S(e)+1).replace(O,""):e};var T=function(e){return"symbol"==typeof e||p(e)&&"[object Symbol]"==d(e)},V=/^[-+]0x[0-9a-f]+$/i,E=/^0b[01]+$/i,k=/^0o[0-7]+$/i,C=parseInt;var M=function(e){if("number"==typeof e)return e;if(T(e))return NaN;if(f(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=f(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=N(e);var a=E.test(e);return a||k.test(e)?C(e.slice(2),a?2:8):V.test(e)?NaN:+e},_=Math.max,j=Math.min;var P=function(e,n,a){var t,o,r,l,i,u,c=0,s=!1,p=!1,d=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var a=t,r=o;return t=o=void 0,c=n,l=e.apply(r,a)}function h(e){return c=e,i=setTimeout(y,n),s?m(e):l}function g(e){var a=e-u;return void 0===u||a>=n||a<0||p&&e-c>=r}function y(){var e=x();if(g(e))return v(e);i=setTimeout(y,function(e){var a=n-(e-u);return p?j(a,r-(e-c)):a}(e))}function v(e){return i=void 0,d&&t?m(e):(t=o=void 0,l)}function b(){var e=x(),a=g(e);if(t=arguments,o=this,u=e,a){if(void 0===i)return h(u);if(p)return clearTimeout(i),i=setTimeout(y,n),m(u)}return void 0===i&&(i=setTimeout(y,n)),l}return n=M(n)||0,f(a)&&(s=!!a.leading,r=(p="maxWait"in a)?_(M(a.maxWait)||0,n):r,d="trailing"in a?!!a.trailing:d),b.cancel=function(){void 0!==i&&clearTimeout(i),c=0,t=u=o=i=void 0},b.flush=function(){return void 0===i?l:v(x())},b};i(".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");const F=l=>{const{options:i,defaultValue:c,renderAfterDefaultValueChange:s,filterable:p,loading:d,labelInValue:f,disabled:x}=l,{className:w,multiple:S,freeTyping:O,placeholder:N,searchIcon:T,renderInput:V,renderTags:E}=l,{onChange:k,onSearch:C,onFocus:M,onBlur:_}=l,[j,F]=a(!0),[D,B]=a(),[R,L]=a(),{getValue:$,getValueFromOptions:z,defaultTag:W,defaultRenderInput:J}=(({options:a,placeholder:t,loading:o,searchIcon:r,labelInValue:l})=>{const i=n((e=>"object"==typeof e?e.value:e),[]),u=n((e=>{const n=(Array.isArray(a)?a:[]).find((n=>i(n)===i(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[a]),c=n((e=>{if(Array.isArray(a)){if(Array.isArray(e))return e.map((e=>a.find((({value:n})=>e===n||e.value===n))||e));const n=a.find((({value:n})=>e===n));return l?e:n||{label:e,value:e}}return e}),[a,l]),s=n(((n,a)=>n.map(((n,t)=>e.createElement(y,h({label:u(n),deleteIcon:e.createElement(I,null)},a({index:t})))))),[a]),p=n((n=>e.createElement(v,h({},n,{variant:"outlined",placeholder:t,InputProps:{...n.InputProps,endAdornment:e.createElement(e.Fragment,null,o&&e.createElement(b,{className:"autocomplete__icon",color:"inherit",size:20}),r&&e.createElement(A,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[o,r]);return{getValue:i,getValueFromOptions:c,defaultTag:s,defaultRenderInput:p}})({options:i,placeholder:N,loading:d,searchIcon:T,labelInValue:f}),K=t(P((e=>C(e)),500)).current,q=o((()=>"string"==typeof c&&S?{label:D,value:D}:z(c)),[JSON.stringify(c)]);return r((()=>{s&&F(!1)}),[q]),r((()=>{j||F(!0)}),[j]),r((()=>{R&&(B(R),K(R))}),[R]),e.createElement("div",{className:u("autocomplete",{"autocomplete--showSearchIcon":T},w)},j&&e.createElement(m,{className:"autocomplete__component",options:Array.isArray(i)&&(O&&D?[{label:D,value:D}].concat(i):i)||[],defaultValue:q,disabled:x,multiple:S,filterOptions:(e,n)=>{const{inputValue:a=""}=n;return(Array.isArray(e)?e:[]).filter((e=>{const{label:n=""}=e||{};return!p||n.toLowerCase().indexOf(a.toLowerCase())>-1}))},onChange:(e,n)=>{Array.isArray(n)?k(n.map((e=>f?e:$(e)))):n&&k(f?n:$(n))},onInputChange:(e,n,a)=>{n&&"string"==typeof n&&"input"===a&&L(n)},getOptionLabel:e=>e&&e.label||"",getOptionDisabled:e=>e.disabled,renderInput:e=>V&&V(e)||J(e),renderTags:(e,n)=>E&&E(e,n)||W(e,n),popupIcon:null,noOptionsText:e.createElement(g,null),onFocus:M,onBlur:_}))};F.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:()=>{},onSearch:()=>{},onFocus:()=>{},onBlur:()=>{}},F.propTypes={className:l.string,defaultValue:l.any,renderAfterDefaultValueChange:l.bool,options:l.arrayOf(l.any),freeTyping:l.bool,loading:l.bool,disabled:l.bool,labelInValue:l.bool,searchIcon:l.bool,multiple:l.bool,placeholder:l.string,filterable:l.bool,renderInput:l.func,renderTags:l.func,onChange:l.func,onSearch:l.func,onFocus:l.func,onBlur:l.func};const D=(e,n="value")=>Array.isArray(e)?e.filter(((e,a,t)=>t.findIndex((a=>a[n]===e[n]))===a)):[];i(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");const B=({className:n,animation:t,filterSameName:o,keyword:r,searchAPI:l,placeholder:i,setMenuOpen:s,menuOpen:p,onSearch:d})=>{const[f,m]=a(!1),[h,g]=a([]);return e.createElement("div",{className:u("keywordSearch",{"keywordSearch--animation":t},{"keywordSearch--focus":p},n)},e.createElement(F,{renderAfterDefaultValueChange:!0,defaultValue:{label:r,value:r},loading:f,options:(o?D(h,"name"):h).map((({name:e,id:n,value:a,label:t})=>({value:n||a||e,label:e||t}))),placeholder:i,onSearch:e=>{var n;(n=e)&&0!==n.length&&(m(!0),c.get(l,{params:{keyword:n}}).then((e=>{if(e.data&&e.data.data){const a=[{name:n}].concat(D(e.data.data,"id"));g(a)}})).finally((()=>m(!1))))},onChange:e=>{e&&d(h.find((({id:n,value:a})=>n===e.value||a===e.value))||e)},onFocus:()=>s(!0),onBlur:()=>s(!1)}))};B.defaultProps={className:void 0,animation:!1,filterSameName:!0,keyword:void 0,searchAPI:void 0,placeholder:void 0,menuOpen:!1,setMenuOpen:()=>{},onSearch:()=>{}},B.propTypes={className:l.string,animation:l.bool,filterSameName:l.bool,keyword:l.string,searchAPI:l.string,placeholder:l.string,menuOpen:l.bool,setMenuOpen:l.func,onSearch:l.func};export{B as K,P as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"prop-types";import"./style-inject.es-22541f49.js";import"axios";export{K as default}from"./KeywordSearch-
|
|
1
|
+
import"react";import"prop-types";import"./style-inject.es-22541f49.js";import"axios";export{K as default}from"./KeywordSearch-04980bba.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-75179648.js";import"@material-ui/lab";import"./Empty-f614b463.js";import"@material-ui/core";import"@material-ui/icons";
|
package/package.json
CHANGED