@openmrs/esm-active-visits-app 3.0.1-pre.266 → 3.0.1-pre.267
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/dist/28.js +2 -0
- package/dist/28.js.map +1 -0
- package/dist/410.js +3 -0
- package/dist/{92.js.LICENSE.txt → 410.js.LICENSE.txt} +0 -0
- package/dist/410.js.map +1 -0
- package/dist/415.js +1 -1
- package/dist/574.js +1 -1
- package/dist/601.js +2 -0
- package/dist/601.js.map +1 -0
- package/dist/745.js +1 -1
- package/dist/745.js.map +1 -1
- package/dist/897.js +2 -0
- package/dist/897.js.map +1 -0
- package/dist/openmrs-esm-active-visits-app.js.buildmanifest.json +73 -73
- package/package.json +2 -2
- package/src/active-visits-widget/active-visits.component.tsx +15 -0
- package/src/active-visits-widget/active-visits.resource.tsx +21 -2
- package/src/active-visits-widget/active-visits.scss +51 -0
- package/src/active-visits-widget/empty-data-illustration.component.tsx +39 -0
- package/translations/en.json +1 -0
- package/dist/165.js +0 -2
- package/dist/165.js.map +0 -1
- package/dist/833.js +0 -2
- package/dist/833.js.map +0 -1
- package/dist/864.js +0 -2
- package/dist/864.js.map +0 -1
- package/dist/92.js +0 -3
- package/dist/92.js.map +0 -1
package/dist/28.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_openmrs_esm_active_visits_app=self.webpackChunk_openmrs_esm_active_visits_app||[]).push([[28],{182:(e,t,n)=>{n.d(t,{Z:()=>N});var a,l,i=n(7896),c=n(2159),o=n(9902),r=n.n(o),s=n(3980),d=n.n(s),p=n(2779),u=n.n(p),h=n(3766),g=["children"],m=r().forwardRef((function(e,t){var n=e.children,i=(0,h._)(e,g);return r().createElement(h.I,(0,h.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},i),a||(a=r().createElement("path",{d:"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z"})),l||(l=r().createElement("path",{fill:"none",d:"M10.7,11.5L4.5,5.3l0.8-0.8l6.2,6.2L10.7,11.5z","data-icon-path":"inner-path",opacity:"0"})),n)})),f=n(3346),v=n(3597),b=n(6666),x=n(3182),Z=n(330),y=["id","active","className","withOverlay","small","description"],T=(0,x.Z)();function C(e){var t,n,a=e.id,l=e.active,s=e.className,d=e.withOverlay,p=e.small,h=e.description,g=(0,c.Z)(e,y),m=(0,Z.A)(),f=(0,o.useRef)(T()).current,v=u()(s,(t={},(0,b.Z)(t,"".concat(m,"--loading"),!0),(0,b.Z)(t,"".concat(m,"--loading--small"),p),(0,b.Z)(t,"".concat(m,"--loading--stop"),!l),t)),x=u()((n={},(0,b.Z)(n,"".concat(m,"--loading-overlay"),!0),(0,b.Z)(n,"".concat(m,"--loading-overlay--stop"),!l),n)),C=a||"loading-id-".concat(f),k=r().createElement("div",(0,i.Z)({},g,{"aria-atomic":"true","aria-labelledby":C,"aria-live":l?"assertive":"off",className:v}),r().createElement("label",{id:C,className:"".concat(m,"--visually-hidden")},h),r().createElement("svg",{className:"".concat(m,"--loading__svg"),viewBox:"0 0 100 100"},r().createElement("title",null,h),p?r().createElement("circle",{className:"".concat(m,"--loading__background"),cx:"50%",cy:"50%",r:"44"}):null,r().createElement("circle",{className:"".concat(m,"--loading__stroke"),cx:"50%",cy:"50%",r:"44"})));return d?r().createElement("div",{className:x},k):k}C.propTypes={active:d().bool,className:d().string,description:d().string,id:d().string,small:d().bool,withOverlay:d().bool},C.defaultProps={active:!0,withOverlay:!0,small:!1,description:"Active loading indicator"};const k=C;var w=["className","success","status","iconDescription","description","onSuccess","successDelay"];function N(e){var t=e.className,n=e.success,a=e.status,l=void 0===a?n?"finished":"active":a,o=e.iconDescription,s=e.description,d=e.onSuccess,p=e.successDelay,h=(0,c.Z)(e,w),g=(0,Z.A)(),v=u()("".concat(g,"--inline-loading"),t),b=r().createElement("div",{className:"".concat(g,"--inline-loading__text")},s),x="error"===l?r().createElement(m,{className:"".concat(g,"--inline-loading--error")},r().createElement("title",null,o)):"finished"===l?(setTimeout((function(){d&&d()}),p),r().createElement(f.Y3p,{className:"".concat(g,"--inline-loading__checkmark-container")},r().createElement("title",null,o))):"inactive"===l||"active"===l?r().createElement(k,{small:!0,description:o,withOverlay:!1,active:"active"===l}):void 0,y=x&&r().createElement("div",{className:"".concat(g,"--inline-loading__animation")},x);return r().createElement("div",(0,i.Z)({className:v},h,{"aria-live":"assertive"}),y,s&&b)}N.propTypes={className:d().string,description:d().node,iconDescription:d().string,onSuccess:d().func,status:d().oneOf(["inactive","active","finished","error"]),success:(0,v.Z)(d().bool,'\nThe prop `success` for InlineLoading has been deprecated in favor of `status`. Please use `status="finished"` instead.'),successDelay:d().number},N.defaultProps={successDelay:1500}},9288:(e,t,n)=>{n.d(t,{Z:()=>$});var a,l,i,c,o,r=n(7896),s=n(2159),d=n(9249),p=n(7371),u=n(753),h=n(8106),g=n(1987),m=n(5058),f=n(6666),v=n(6522),b=n(3980),x=n.n(b),Z=n(9902),y=n.n(Z),T=n(2779),C=n.n(T),k=n(5214),w=n(8479),N=n(3346),E=n(3766),_=["children"],I=["children"],D=y().forwardRef((function(e,t){var n=e.children,c=(0,E._)(e,_);return y().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},c),a||(a=y().createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),l||(l=y().createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),i||(i=y().createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),n)})),S=y().forwardRef((function(e,t){var n=e.children,a=(0,E._)(e,I);return y().createElement(E.I,(0,E.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:t},a),c||(c=y().createElement("path",{d:"M8,1C4.2,1,1,4.2,1,8s3.2,7,7,7s7-3.1,7-7S11.9,1,8,1z M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2\tc-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z"})),o||(o=y().createElement("path",{d:"M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8\tc0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z","data-icon-path":"inner-path",opacity:"0"})),n)})),P=n(3597),z=n(309),K=n(330),R=["className","id","inline","labelText","disabled","children","noLabel","iconDescription","hideLabel","invalid","invalidText","helperText","light","size","warn","warnText"],M=y().forwardRef((function(e,t){var n,a,l,i=e.className,c=e.id,o=e.inline,d=e.labelText,p=e.disabled,u=e.children,h=e.noLabel,g=(e.iconDescription,e.hideLabel),m=e.invalid,v=e.invalidText,b=e.helperText,x=e.light,Z=e.size,T=e.warn,k=e.warnText,w=(0,s.Z)(e,R),E=(0,K.A)(),_=(0,z.ye)("enable-v11-release"),I=C()((n={},(0,f.Z)(n,"".concat(E,"--select"),!0),(0,f.Z)(n,"".concat(E,"--select--inline"),o),(0,f.Z)(n,"".concat(E,"--select--light"),x),(0,f.Z)(n,"".concat(E,"--select--invalid"),m),(0,f.Z)(n,"".concat(E,"--select--disabled"),p),(0,f.Z)(n,"".concat(E,"--select--warning"),T),n),[_?null:i]),P=C()("".concat(E,"--label"),(a={},(0,f.Z)(a,"".concat(E,"--visually-hidden"),g),(0,f.Z)(a,"".concat(E,"--label--disabled"),p),a)),M=C()((l={},(0,f.Z)(l,"".concat(E,"--select-input"),!0),(0,f.Z)(l,"".concat(E,"--select-input--").concat(Z),Z),l)),L="".concat(c,"-error-msg"),B=m?v:T?k:void 0,O=m||T?y().createElement("div",{className:"".concat(E,"--form-requirement"),id:L},B):null,A=C()("".concat(E,"--form__helper-text"),(0,f.Z)({},"".concat(E,"--form__helper-text--disabled"),p)),U=b?y().createElement("div",{className:A},b):null,H={};m&&(H["aria-describedby"]=L);var j=y().createElement(y().Fragment,null,y().createElement("select",(0,r.Z)({},w,H,{id:c,className:M,disabled:p||void 0,"aria-invalid":m||void 0,ref:t}),u),y().createElement(N.cRw,{className:"".concat(E,"--select__arrow")}),m&&y().createElement(S,{className:"".concat(E,"--select__invalid-icon")}),!m&&T&&y().createElement(D,{className:"".concat(E,"--select__invalid-icon ").concat(E,"--select__invalid-icon--warning")}));return y().createElement("div",{className:_?C()("".concat(E,"--form-item"),i):"".concat(E,"--form-item")},y().createElement("div",{className:I},!h&&y().createElement("label",{htmlFor:c,className:P},d),o&&y().createElement("div",{className:"".concat(E,"--select-input--inline__wrapper")},y().createElement("div",{className:"".concat(E,"--select-input__wrapper"),"data-invalid":m||null},j),O),!o&&y().createElement("div",{className:"".concat(E,"--select-input__wrapper"),"data-invalid":m||null},j),!o&&O?O:U))}));M.displayName="Select",M.propTypes={children:x().node,className:x().string,defaultValue:x().any,disabled:x().bool,helperText:x().node,hideLabel:x().bool,iconDescription:(0,P.Z)(x().string,"The `iconDescription` prop for `Select` is no longer needed and has been deprecated. It will be moved in the next major release."),id:x().string.isRequired,inline:x().bool,invalid:x().bool,invalidText:x().node,labelText:x().node,light:x().bool,noLabel:x().bool,onChange:x().func,size:x().oneOf(["sm","md","lg","xl"]),warn:x().bool,warnText:x().node},M.defaultProps={disabled:!1,labelText:"Select",inline:!1,invalid:!1,invalidText:"",helperText:"",light:!1};const L=M;var B=["className","value","disabled","hidden","text"],O=w.settings.prefix,A=function(e){var t,n=e.className,a=e.value,l=e.disabled,i=e.hidden,c=e.text,o=(0,s.Z)(e,B),d=C()((t={},(0,f.Z)(t,"".concat(O,"--select-option"),!0),(0,f.Z)(t,n,n),t));return y().createElement("option",(0,r.Z)({},o,{className:d,value:a,disabled:l,hidden:i}),c)};A.propTypes={className:x().string,disabled:x().bool,hidden:x().bool,text:x().string.isRequired,value:x().any.isRequired},A.defaultProps={disabled:!1,hidden:!1,value:"",text:""};const U=A;var H=n(7030),j=["backwardText","className","forwardText","id","itemsPerPageText","itemRangeText","pageRangeText","pageSize","pageSizes","itemText","pageText","pageNumberText","pagesUnknown","isLastPage","disabled","pageInputDisabled","pageSizeInputDisabled","totalItems","onChange","page","size"];var F=w.settings.prefix,q=0,V=function(e){return"object"===(0,v.Z)(e[0])&&null!==e[0]?e:e.map((function(e){return{text:e,value:e}}))},$=function(e){(0,h.Z)(l,e);var t,n,a=(t=l,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,a=(0,m.Z)(t);if(n){var l=(0,m.Z)(this).constructor;e=Reflect.construct(a,arguments,l)}else e=a.apply(this,arguments);return(0,g.Z)(this,e)});function l(e){var t;(0,d.Z)(this,l),t=a.call(this,e),(0,f.Z)((0,u.Z)(t),"handleSizeChange",(function(e){var n=Number(e.target.value);t.setState({pageSize:n,page:1}),t.props.onChange({page:1,pageSize:n})})),(0,f.Z)((0,u.Z)(t),"handlePageChange",(function(e){t.setState({page:e.target.value})})),(0,f.Z)((0,u.Z)(t),"handlePageInputChange",(function(e){var n=Number(e.target.value);n>0&&n<=Math.max(Math.ceil(t.props.totalItems/t.state.pageSize),1)&&(t.setState({page:n}),t.props.onChange({page:n,pageSize:t.state.pageSize}))})),(0,f.Z)((0,u.Z)(t),"incrementPage",(function(){var e=t.state.page+1;t.setState({page:e}),t.props.onChange({page:e,pageSize:t.state.pageSize})})),(0,f.Z)((0,u.Z)(t),"decrementPage",(function(){var e=t.state.page-1;t.setState({page:e}),t.props.onChange({page:e,pageSize:t.state.pageSize})})),(0,f.Z)((0,u.Z)(t),"renderSelectItems",(function(e){for(var t=1,n=[];t<=e;)n.push(y().createElement(U,{key:t,value:t,text:String(t)})),t++;return n}));var n=t.props,i=n.pageSizes,c=n.page,o=n.pageSize,r=V(i);return t.state={page:c,pageSize:o&&r.some((function(e){return o===e.value}))?o:r[0].value,prevPageSizes:r,prevPage:c,prevPageSize:o},t.uniqueId=++q,t}return(0,p.Z)(l,[{key:"render",value:function(){var e=this.props,t=e.backwardText,n=e.className,a=e.forwardText,l=e.id,i=e.itemsPerPageText,c=e.itemRangeText,o=e.pageRangeText,d=(e.pageSize,e.pageSizes),p=e.itemText,u=e.pageText,h=(e.pageNumberText,e.pagesUnknown),g=e.isLastPage,m=e.disabled,v=e.pageInputDisabled,b=e.pageSizeInputDisabled,x=e.totalItems,Z=(e.onChange,e.page,e.size),T=(0,s.Z)(e,j),w=C()("".concat(F,"--pagination"),n,(0,f.Z)({},"".concat(F,"--pagination--").concat(Z),Z)),N=l||this.uniqueId,E=this.state,_=E.page,I=E.pageSize,D=Math.max(Math.ceil(x/I),1),S=m||1===_,P=C()("".concat(F,"--pagination__button"),"".concat(F,"--pagination__button--backward"),(0,f.Z)({},"".concat(F,"--pagination__button--no-index"),S)),z=m||_===D,K=C()("".concat(F,"--pagination__button"),"".concat(F,"--pagination__button--forward"),(0,f.Z)({},"".concat(F,"--pagination__button--no-index"),z)),R=this.renderSelectItems(D),M=V(d);return y().createElement("div",(0,r.Z)({className:w},T),y().createElement("div",{className:"".concat(F,"--pagination__left")},y().createElement("label",{id:"".concat(F,"-pagination-select-").concat(N,"-count-label"),className:"".concat(F,"--pagination__text"),htmlFor:"".concat(F,"-pagination-select-").concat(N)},i),y().createElement(L,{id:"".concat(F,"-pagination-select-").concat(N),className:"".concat(F,"--select__item-count"),labelText:"",hideLabel:!0,noLabel:!0,inline:!0,onChange:this.handleSizeChange,disabled:b||m,value:I},M.map((function(e){return y().createElement(U,{key:e.value,value:e.value,text:String(e.text)})}))),y().createElement("span",{className:"".concat(F,"--pagination__text ").concat(F,"--pagination__items-count")},h?p(I*(_-1)+1,_*I):c(Math.min(I*(_-1)+1,x),Math.min(_*I,x),x))),y().createElement("div",{className:"".concat(F,"--pagination__right")},y().createElement(L,{id:"".concat(F,"-pagination-select-").concat(N,"-right"),className:"".concat(F,"--select__page-number"),labelText:"Page number, of ".concat(D," pages"),inline:!0,hideLabel:!0,onChange:this.handlePageInputChange,value:_,disabled:v||m},R),y().createElement("span",{className:"".concat(F,"--pagination__text")},h?u(_):o(_,D)),y().createElement("div",{className:"".concat(F,"--pagination__control-buttons")},y().createElement(H.Z,{kind:"ghost",className:P,hasIconOnly:!0,renderIcon:k.bdU,iconDescription:t,tooltipAlignment:"center",tooltipPosition:"top",onClick:this.decrementPage,disabled:S}),y().createElement(H.Z,{kind:"ghost",className:K,hasIconOnly:!0,renderIcon:k.VUy,iconDescription:a,tooltipAlignment:"end",tooltipPosition:"top",onClick:this.incrementPage,disabled:z||g}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.pageSizes,a=e.page,l=e.pageSize,i=t.prevPageSizes,c=t.prevPage,o=t.prevPageSize,r=t.page,s=t.pageSize,d=V(n),p=!function(e,t){if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;if(e===t)return!0;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(d.map((function(e){return e.value})),i.map((function(e){return e.value})));p&&!d.some((function(e){return l===e.value}))&&(l=d[0].value);var u=a!==c,h=l!==o;return p||u||h?{page:(h?1:u&&a)||r,pageSize:h?l:s,prevPageSizes:d,prevPage:a,prevPageSize:l}:null}}]),l}(Z.Component);(0,f.Z)($,"propTypes",{backwardText:x().string,className:x().string,disabled:x().bool,forwardText:x().string,id:x().oneOfType([x().string,x().number]),isLastPage:x().bool,itemRangeText:x().func,itemText:x().func,itemsPerPageText:x().string,onChange:x().func,page:x().number,pageInputDisabled:x().bool,pageNumberText:x().string,pageRangeText:x().func,pageSize:x().number,pageSizeInputDisabled:x().bool,pageSizes:x().oneOfType([x().arrayOf(x().number),x().arrayOf(x().shape({text:x().text,value:x().number}))]).isRequired,pageText:x().func,pagesUnknown:x().bool,size:x().oneOf(["sm","md","lg"]),totalItems:x().number}),(0,f.Z)($,"defaultProps",{backwardText:"Previous page",itemRangeText:function(e,t,n){return"".concat(e,"–").concat(t," of ").concat(n," items")},forwardText:"Next page",itemsPerPageText:"Items per page:",pageNumberText:"Page Number",pageRangeText:function(e,t){return"of ".concat(t," ").concat(1===t?"page":"pages")},disabled:!1,page:1,pagesUnknown:!1,isLastPage:!1,itemText:function(e,t){return"".concat(e,"–").concat(t," items")},pageText:function(e){return"page ".concat(e)}})},7613:(e,t,n)=>{n.d(t,{n9:()=>J});var a=n(145),l=n(2867),i=n(7896),c=n(6666),o=n(2159),r=n(9902),s=n.n(r),d=n(3980),p=n.n(d),u=n(2779),h=n.n(u),g=n(3346),m=n(330),f=["children","className","href","disabled","inline","visited","renderIcon","size"],v=function(e){var t,n=e.children,a=e.className,l=e.href,r=e.disabled,d=e.inline,p=e.visited,u=e.renderIcon,g=e.size,v=(0,o.Z)(e,f),b=(0,m.A)(),x=h()("".concat(b,"--link"),a,(t={},(0,c.Z)(t,"".concat(b,"--link--disabled"),r),(0,c.Z)(t,"".concat(b,"--link--inline"),d),(0,c.Z)(t,"".concat(b,"--link--visited"),p),(0,c.Z)(t,"".concat(b,"--link--").concat(g),g),t)),Z=r?"p":"a",y="_blank"===v.target?"noopener":null;return s().createElement(Z,(0,i.Z)({href:r?null:l,className:x,rel:y},v),n,!d&&u&&s().createElement("div",{className:"".concat(b,"--link__icon")},s().createElement(u,null)))};v.propTypes={children:p().node,className:p().string,disabled:p().bool,href:p().string,inline:p().bool,renderIcon:p().oneOfType([p().func,p().object]),size:p().oneOf(["sm","md","lg"]),visited:p().bool};const b=v;var x=n(4509),Z=n(4817),y=n(3597),T=n(3834),C=n(1223),k=["children","className","light"],w=["children","className","clicked","handleClick","handleKeyDown","href","light","onClick","onKeyDown"],N=["children","className","disabled","handleClick","handleKeyDown","iconDescription","id","light","name","onClick","onChange","onKeyDown","selected","tabIndex","title","value"],E=["tabIndex","className","children","expanded","tileMaxHeight","tilePadding","onClick","onKeyUp","tileCollapsedIconText","tileExpandedIconText","tileCollapsedLabel","tileExpandedLabel","onBeforeClick","light"],_=s().forwardRef((function(e,t){var n=e.children,a=e.className,l=e.light,r=void 0!==l&&l,d=(0,o.Z)(e,k),p=(0,m.A)(),u=h()("".concat(p,"--tile"),(0,c.Z)({},"".concat(p,"--tile--light"),r),a);return s().createElement("div",(0,i.Z)({className:u,ref:t},d),n)}));_.displayName="Tile",_.propTypes={children:p().node,className:p().string,light:(0,y.Z)(p().bool,"The `light` prop for `Tile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.")};var I=s().forwardRef((function(e,t){var n,a=e.children,d=e.className,p=e.clicked,u=void 0!==p&&p,g=e.handleClick,f=e.handleKeyDown,v=e.href,y=e.light,T=void 0!==y&&y,C=e.onClick,k=void 0===C?function(){}:C,N=e.onKeyDown,E=void 0===N?function(){}:N,_=(0,o.Z)(e,w),I=(0,m.A)(),D=h()("".concat(I,"--tile"),"".concat(I,"--tile--clickable"),(n={},(0,c.Z)(n,"".concat(I,"--tile--is-clicked"),u),(0,c.Z)(n,"".concat(I,"--tile--light"),T),n),d),S=(0,r.useState)(u),P=(0,l.Z)(S,2),z=P[0],K=P[1],R=g||k,M=f||E;return s().createElement(b,(0,i.Z)({className:D,href:v,onClick:function(e){e.persist(),K(!z),R(e)},onKeyDown:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),K(!z),M(e)),M(e)},ref:t},_),a)}));I.displayName="ClickableTile",I.propTypes={children:p().node,className:p().string,clicked:p().bool,handleClick:(0,y.Z)(p().func,"The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release."),handleKeyDown:(0,y.Z)(p().func,"The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release."),href:p().string,light:(0,y.Z)(p().bool,"The `light` prop for `ClickableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),onClick:p().func,onKeyDown:p().func,rel:p().string};var D=s().forwardRef((function(e,t){var n,a=e.children,d=e.className,p=e.disabled,u=e.handleClick,f=e.handleKeyDown,v=(e.iconDescription,e.id),b=e.light,y=void 0!==b&&b,T=e.name,C=e.onClick,k=void 0===C?function(){}:C,w=e.onChange,E=void 0===w?function(){}:w,_=e.onKeyDown,I=void 0===_?function(){}:_,D=e.selected,S=void 0!==D&&D,P=e.tabIndex,z=void 0===P?0:P,K=e.title,R=void 0===K?"title":K,M=e.value,L=void 0===M?"value":M,B=(0,o.Z)(e,N),O=(0,m.A)(),A=u||k,U=f||I,H=(0,r.useState)(S),j=(0,l.Z)(H,2),F=j[0],q=j[1],V=(0,r.useState)(S),$=(0,l.Z)(V,2),W=$[0],Y=$[1],G=h()("".concat(O,"--tile"),"".concat(O,"--tile--selectable"),(n={},(0,c.Z)(n,"".concat(O,"--tile--is-selected"),F),(0,c.Z)(n,"".concat(O,"--tile--light"),y),(0,c.Z)(n,"".concat(O,"--tile--disabled"),p),n),d),J=h()("".concat(O,"--tile-input"),(0,c.Z)({},"".concat(O,"--tile-input--checked"),F));return S!==W&&(q(S),Y(S)),s().createElement(s().Fragment,null,s().createElement("input",{checked:F,className:J,disabled:p,id:v,name:T,onChange:p?null:function(e){q(e.target.checked),E(e)},ref:t,tabIndex:-1,title:R,type:"checkbox",value:L}),s().createElement("label",(0,i.Z)({className:G,htmlFor:v,onClick:p?null:function(e){e.preventDefault(),e.persist(),q(!F),A(e),E(e)},onKeyDown:p?null:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),q(!F),E(e)),U(e)},tabIndex:p?null:z},B),s().createElement("span",{className:"".concat(O,"--tile__checkmark ").concat(O,"--tile__checkmark--persistent")},F?s().createElement(g.DI$,null):s().createElement(g.OB5,null)),s().createElement("span",{className:"".concat(O,"--tile-content")},a)))}));function S(e){var t,n=e.tabIndex,a=e.className,d=e.children,p=e.expanded,u=e.tileMaxHeight,f=e.tilePadding,v=e.onClick,b=e.onKeyUp,y=e.tileCollapsedIconText,k=e.tileExpandedIconText,w=e.tileCollapsedLabel,N=e.tileExpandedLabel,_=e.onBeforeClick,I=e.light,D=(0,o.Z)(e,E),S=(0,r.useState)(u),P=(0,l.Z)(S,2),z=P[0],K=P[1],R=(0,r.useState)(f),M=(0,l.Z)(R,2),L=M[0],B=M[1],O=(0,r.useState)(p),A=(0,l.Z)(O,2),U=A[0],H=A[1],j=(0,r.useState)(u),F=(0,l.Z)(j,2),q=F[0],V=F[1],$=(0,r.useState)(f),W=(0,l.Z)($,2),Y=W[0],G=W[1],J=(0,r.useState)(p),Q=(0,l.Z)(J,2),X=Q[0],ee=Q[1],te=(0,r.useRef)(null),ne=(0,r.useRef)(null),ae=(0,r.useRef)(null),le=(0,m.A)();function ie(){X&&K(ne.current.getBoundingClientRect().height),K(te.current.getBoundingClientRect().height)}p!==U&&(ee(p),H(p),ie()),u!==q&&(K(u),V(u)),f!==Y&&(B(f),G(f));var ce=h()("".concat(le,"--tile"),"".concat(le,"--tile--expandable"),(t={},(0,c.Z)(t,"".concat(le,"--tile--is-expanded"),X),(0,c.Z)(t,"".concat(le,"--tile--light"),I),t),a),oe={maxHeight:X?null:z+L},re=s().Children.toArray(d);return(0,C.Z)((function(){var e=window.getComputedStyle(ae.current,null),t=te.current.getBoundingClientRect().height,n=parseInt(e.getPropertyValue("padding-top"),10),a=parseInt(e.getPropertyValue("padding-bottom"),10);K(t),B(n+a)}),[]),(0,r.useEffect)((function(){var e=new ResizeObserver((function(e){var t=(0,l.Z)(e,1)[0];K(t.contentRect.height)}));return e.observe(te.current),function(){return e.disconnect()}}),[]),s().createElement("button",(0,i.Z)({type:"button",ref:ae,style:oe,className:ce,"aria-expanded":X,title:X?k:y},D,{onKeyUp:(0,T.M)([b,function(e){e.target!==ae.current&&(0,x.wB)(e,[Z.Ce,Z.T])&&e.preventDefault()}]),onClick:(0,T.M)([v,function(e){_(e)&&"INPUT"!==e.target.tagName&&(e.persist(),ee(!X),ie(),v&&v(e))}]),tabIndex:n}),s().createElement("div",{ref:ne},s().createElement("div",{ref:te,className:"".concat(le,"--tile-content")},re[0]),s().createElement("div",{className:"".concat(le,"--tile__chevron")},s().createElement("span",null,X?N:w),s().createElement(g.cRw,null)),s().createElement("div",{className:"".concat(le,"--tile-content")},re[1])))}D.displayName="SelectableTile",D.propTypes={children:p().node,className:p().string,disabled:p().bool,handleClick:(0,y.Z)(p().func,"The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release."),handleKeyDown:(0,y.Z)(p().func,"The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release."),iconDescription:(0,y.Z)(p().string,"The `iconDescription` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release."),id:p().string,light:(0,y.Z)(p().bool,"The `light` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),name:p().string,onChange:p().func,onClick:p().func,onKeyDown:p().func,selected:p().bool,tabIndex:p().number,title:p().string,value:p().oneOfType([p().string,p().number]).isRequired},S.propTypes={children:p().node,className:p().string,expanded:p().bool,id:p().string,light:(0,y.Z)(p().bool,"The `light` prop for `ExpandableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),onBeforeClick:p().func,onClick:p().func,onKeyUp:p().func,tabIndex:p().number,tileCollapsedIconText:p().string,tileCollapsedLabel:p().string,tileExpandedIconText:p().string,tileExpandedLabel:p().string},S.defaultProps={tabIndex:0,expanded:!1,tileMaxHeight:0,tilePadding:0,onBeforeClick:function(){return!0},onClick:function(){},tileCollapsedIconText:"Interact to expand Tile",tileExpandedIconText:"Interact to collapse Tile"},S.displayName="ExpandableTile";var P=s().forwardRef((function(e,t){var n=e.children,a=(0,m.A)();return s().createElement("span",{ref:t,className:"".concat(a,"--tile-content__above-the-fold")},n)}));P.propTypes={children:p().node},P.displayName="TileAboveTheFoldContent";var z=s().forwardRef((function(e,t){var n=e.children,a=(0,m.A)();return s().createElement("span",{ref:t,className:"".concat(a,"--tile-content__below-the-fold")},n)}));z.propTypes={children:p().node},z.displayName="TileBelowTheFoldContent";var K=n(753),R=n(9249),M=n(7371),L=n(8106),B=n(1987),O=n(5058),A=["children","className","light"],U=["children","href","className","handleClick","handleKeyDown","onClick","onKeyDown","clicked","light"],H=["children","id","tabIndex","value","name","title","iconDescription","className","handleClick","handleKeyDown","onClick","onChange","onKeyDown","light","disabled","selected"],j=["tabIndex","className","expanded","tileMaxHeight","tilePadding","handleClick","onClick","onKeyUp","tileCollapsedIconText","tileExpandedIconText","tileCollapsedLabel","tileExpandedLabel","onBeforeClick","light"];function F(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,O.Z)(e);if(t){var l=(0,O.Z)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,B.Z)(this,n)}}var q=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,R.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.context,t=this.props,n=t.children,a=t.className,l=t.light,r=(0,o.Z)(t,A),d=h()("".concat(e,"--tile"),(0,c.Z)({},"".concat(e,"--tile--light"),l),a);return s().createElement("div",(0,i.Z)({className:d},r),n)}}]),n}(r.Component);(0,c.Z)(q,"propTypes",{children:p().node,className:p().string,light:p().bool}),(0,c.Z)(q,"contextType",m.T),(0,c.Z)(q,"defaultProps",{light:!1});var V=function(e){(0,L.Z)(n,e);var t=F(n);function n(){var e;(0,R.Z)(this,n);for(var a=arguments.length,l=new Array(a),i=0;i<a;i++)l[i]=arguments[i];return e=t.call.apply(t,[this].concat(l)),(0,c.Z)((0,K.Z)(e),"state",{}),(0,c.Z)((0,K.Z)(e),"handleClick",(function(t){t.persist(),e.setState({clicked:!e.state.clicked},(function(){var n,a,l,i;(null===(n=(a=e.props).handleClick)||void 0===n?void 0:n.call(a,t))||null===(l=(i=e.props).onClick)||void 0===l||l.call(i,t)}))})),(0,c.Z)((0,K.Z)(e),"handleKeyDown",(function(t){var n,a;t.persist(),(0,x.wB)(t,[Z.Ce,Z.T])?e.setState({clicked:!e.state.clicked},(function(){var n,a;(null===(n=(a=e.props).handleKeyDown)||void 0===n?void 0:n.call(a,t))||e.props.onKeyDown(t)})):(null===(n=(a=e.props).handleKeyDown)||void 0===n?void 0:n.call(a,t))||e.props.onKeyDown(t)})),e}return(0,M.Z)(n,[{key:"render",value:function(){var e,t=this.context,n=this.props,a=n.children,l=n.href,r=n.className,d=(n.handleClick,n.handleKeyDown,n.onClick,n.onKeyDown,n.clicked,n.light),p=(0,o.Z)(n,U),u=h()("".concat(t,"--tile"),"".concat(t,"--tile--clickable"),(e={},(0,c.Z)(e,"".concat(t,"--tile--is-clicked"),this.state.clicked),(0,c.Z)(e,"".concat(t,"--tile--light"),d),e),r);return s().createElement(b,(0,i.Z)({href:l,className:u},p,{onClick:this.handleClick,onKeyDown:this.handleKeyDown}),a)}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.clicked;return t.prevClicked===n?null:{clicked:n,prevClicked:n}}}]),n}(r.Component);function $(e){var t,n=e.children,a=e.id,d=e.tabIndex,p=e.value,u=e.name,f=e.title,v=(e.iconDescription,e.className),b=e.handleClick,y=e.handleKeyDown,T=e.onClick,C=e.onChange,k=e.onKeyDown,w=e.light,N=e.disabled,E=e.selected,_=(0,o.Z)(e,H),I=(0,m.A)(),D=b||T,S=y||k,P=(0,r.useState)(E),z=(0,l.Z)(P,2),K=z[0],R=z[1],M=(0,r.useRef)(null),L=h()("".concat(I,"--tile"),"".concat(I,"--tile--selectable"),(t={},(0,c.Z)(t,"".concat(I,"--tile--is-selected"),K),(0,c.Z)(t,"".concat(I,"--tile--light"),w),(0,c.Z)(t,"".concat(I,"--tile--disabled"),N),t),v),B=h()("".concat(I,"--tile-input"),(0,c.Z)({},"".concat(I,"--tile-input--checked"),K));return(0,r.useEffect)((function(){R(E)}),[E]),s().createElement(s().Fragment,null,s().createElement("input",{ref:M,tabIndex:-1,id:a,className:B,value:p,onChange:N?null:function(e){R(e.target.checked),C(e)},type:"checkbox",disabled:N,name:u,title:f,checked:K}),s().createElement("label",(0,i.Z)({htmlFor:a,className:L,tabIndex:N?null:d},_,{onClick:N?null:function(e){e.preventDefault(),e.persist(),R(!K),D(e),C(e)},onKeyDown:N?null:function(e){e.persist(),(0,x.wB)(e,[Z.Ce,Z.T])&&(e.preventDefault(),R(!K),C(e)),S(e)}}),s().createElement("span",{className:"".concat(I,"--tile__checkmark ").concat(I,"--tile__checkmark--persistent")},K?s().createElement(g.DI$,null):s().createElement(g.OB5,null)),s().createElement("span",{className:"".concat(I,"--tile-content")},n)))}(0,c.Z)(V,"propTypes",{children:p().node,className:p().string,handleClick:(0,y.Z)(p().func,"The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release."),handleKeyDown:(0,y.Z)(p().func,"The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release."),href:p().string,light:p().bool,onClick:p().func,onKeyDown:p().func,rel:p().string}),(0,c.Z)(V,"contextType",m.T),(0,c.Z)(V,"defaultProps",{clicked:!1,onClick:function(){},onKeyDown:function(){},light:!1}),$.defaultProps={value:"value",title:"title",selected:!1,tabIndex:0,light:!1,onClick:function(){},onChange:function(){},onKeyDown:function(){}},$.propTypes={children:p().node,className:p().string,disabled:p().bool,handleClick:(0,y.Z)(p().func,"The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release."),handleKeyDown:(0,y.Z)(p().func,"The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release."),iconDescription:(0,y.Z)(p().string,"The `iconDescription` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release."),id:p().string,light:p().bool,name:p().string,onChange:p().func,onClick:p().func,onKeyDown:p().func,selected:p().bool,tabIndex:p().number,title:p().string,value:p().oneOfType([p().string,p().number]).isRequired};var W=function(e){(0,L.Z)(n,e);var t=F(n);function n(){var e;(0,R.Z)(this,n);for(var a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),(0,c.Z)((0,K.Z)(e),"state",{}),(0,c.Z)((0,K.Z)(e),"resizeObserver",null),(0,c.Z)((0,K.Z)(e),"componentDidMount",(function(){if(e.resizeObserver=new ResizeObserver((function(t){var n=(0,l.Z)(t,1)[0];e.setState({tileMaxHeight:n.contentRect.height})})),e.tile){var t=window.getComputedStyle(e.tile,null);e.aboveTheFold&&(e.resizeObserver.observe(e.aboveTheFold),e.setState({tileMaxHeight:e.aboveTheFold.getBoundingClientRect().height,tilePadding:parseInt(t.getPropertyValue("padding-top"),10)+parseInt(t.getPropertyValue("padding-bottom"),10)}))}})),(0,c.Z)((0,K.Z)(e),"componentDidUpdate",(function(t){t.expanded!==e.props.expanded&&e.setMaxHeight()})),(0,c.Z)((0,K.Z)(e),"setMaxHeight",(function(){(e.state.expanded?e.tileContent:e.aboveTheFold)&&e.setState({tileMaxHeight:e.state.expanded?e.tileContent.getBoundingClientRect().height:e.aboveTheFold.getBoundingClientRect().height})})),(0,c.Z)((0,K.Z)(e),"handleClick",(function(t){e.props.onBeforeClick(t)&&"INPUT"!==t.target.tagName&&(t.persist(),e.setState({expanded:!e.state.expanded},(function(){var n,a,l,i;e.setMaxHeight(),(null===(n=(a=e.props).handleClick)||void 0===n?void 0:n.call(a,t))||null===(l=(i=e.props).onClick)||void 0===l||l.call(i,t)})))})),(0,c.Z)((0,K.Z)(e),"handleKeyUp",(function(t){t.target!==e.tile&&(0,x.wB)(t,[Z.Ce,Z.T])&&t.preventDefault()})),(0,c.Z)((0,K.Z)(e),"getChildren",(function(){return s().Children.toArray(e.props.children)})),e}return(0,M.Z)(n,[{key:"componentWillUnmount",value:function(){this.resizeObserver&&this.resizeObserver.disconnect()}},{key:"render",value:function(){var e,t=this,n=this.props,a=n.tabIndex,l=n.className,r=(n.expanded,n.tileMaxHeight,n.tilePadding,n.handleClick,n.onClick),d=n.onKeyUp,p=n.tileCollapsedIconText,u=n.tileExpandedIconText,m=n.tileCollapsedLabel,f=n.tileExpandedLabel,v=(n.onBeforeClick,n.light),b=(0,o.Z)(n,j),x=this.context,Z=this.state.expanded,y=h()("".concat(x,"--tile"),"".concat(x,"--tile--expandable"),(e={},(0,c.Z)(e,"".concat(x,"--tile--is-expanded"),Z),(0,c.Z)(e,"".concat(x,"--tile--light"),v),e),l),C={maxHeight:Z?null:this.state.tileMaxHeight+this.state.tilePadding},k=this.getChildren();return s().createElement("button",(0,i.Z)({type:"button",ref:function(e){t.tile=e},style:C,className:y,"aria-expanded":Z,title:Z?u:p},b,{onKeyUp:(0,T.M)([d,this.handleKeyUp]),onClick:(0,T.M)([r,this.handleClick]),tabIndex:a}),s().createElement("div",{ref:function(e){t.tileContent=e}},s().createElement("div",{ref:function(e){t.aboveTheFold=e},className:"".concat(x,"--tile-content")},k[0]),s().createElement("div",{className:"".concat(x,"--tile__chevron")},s().createElement("span",null,Z?f:m),s().createElement(g.cRw,null)),s().createElement("div",{className:"".concat(x,"--tile-content")},k[1])))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.expanded,a=e.tileMaxHeight,l=e.tilePadding,i=t.prevExpanded,c=t.prevTileMaxHeight,o=t.prevTilePadding,r=t.expanded,s=t.tileMaxHeight,d=t.tilePadding,p=i!==n,u=c!==a,h=o!==l;return p||u||h?{expanded:p?n:r,tileMaxHeight:u?a:s,tilePadding:h?l:d,prevExpanded:n,prevTileMaxHeight:a,prevTilePadding:l}:null}}]),n}(r.Component);(0,c.Z)(W,"propTypes",{children:p().node,className:p().string,expanded:p().bool,handleClick:(0,y.Z)(p().func,"The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release."),id:p().string,light:p().bool,onBeforeClick:p().func,onClick:p().func,onKeyUp:p().func,tabIndex:p().number,tileCollapsedIconText:p().string,tileCollapsedLabel:p().string,tileExpandedIconText:p().string,tileExpandedLabel:p().string}),(0,c.Z)(W,"contextType",m.T),(0,c.Z)(W,"defaultProps",{tabIndex:0,expanded:!1,tileMaxHeight:0,tilePadding:0,onBeforeClick:function(){return!0},onClick:function(){},tileCollapsedIconText:"Interact to expand Tile",tileExpandedIconText:"Interact to collapse Tile",light:!1});var Y=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,R.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.context,t=this.props.children;return s().createElement("span",{className:"".concat(e,"--tile-content__above-the-fold")},t)}}]),n}(r.Component);(0,c.Z)(Y,"propTypes",{children:p().node}),(0,c.Z)(Y,"contextType",m.T);var G=function(e){(0,L.Z)(n,e);var t=F(n);function n(){return(0,R.Z)(this,n),t.apply(this,arguments)}return(0,M.Z)(n,[{key:"render",value:function(){var e=this.props.children,t=this.context;return s().createElement("span",{className:"".concat(t,"--tile-content__below-the-fold")},e)}}]),n}(r.Component);(0,c.Z)(G,"propTypes",{children:p().node}),(0,c.Z)(G,"contextType",m.T);var J=a.am("enable-v11-release")?_:q;a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release"),a.am("enable-v11-release")}}]);
|
|
2
|
+
//# sourceMappingURL=28.js.map
|