freemium-ui 1.0.200 → 1.0.204
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/index.cjs.js
CHANGED
|
@@ -231,7 +231,7 @@ object-assign
|
|
|
231
231
|
background-color: ${go.palette.S900};
|
|
232
232
|
color: ${go.palette.S10};
|
|
233
233
|
}
|
|
234
|
-
`;process.env.NODE_ENV;var zo=Ho()?n.useLayoutEffect:n.useEffect,yo={},Mo=Co;if("production"!==process.env.NODE_ENV){var xo=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Mo=function(e){yo[e]||(yo[e]=!0,"test"!==xo.NODE_ENV&&1!==parseInt(window.getComputedStyle(document.body).getPropertyValue("--reach-"+e),10)&&console.warn("@reach/"+e+' styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import "@reach/'+e+'/styles.css";\n\n Otherwise you\'ll need to include them some other way:\n\n <link rel="stylesheet" type="text/css" href="node_modules/@reach/'+e+'/styles.css" />\n\n For more information visit https://ui.reach.tech/styling.\n '))}}function wo(e,t){if(null!=e)if(function(e){return!(!e||"[object Function]"!={}.toString.call(e))}(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Ho(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function Co(){}function Vo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var ko=function(e){var r=e.children,a=e.type,o=void 0===a?"reach-portal":a,i=t.useRef(null),s=t.useRef(null),l=t.useState()[1];return zo((function(){if(i.current){var e=i.current.ownerDocument;return s.current=null==e?void 0:e.createElement(o),e.body.appendChild(s.current),l({}),function(){s.current&&s.current.ownerDocument&&s.current.ownerDocument.body.removeChild(s.current)}}}),[o]),s.current?c.createPortal(r,s.current):n.createElement("span",{ref:i})};function Lo(){return Lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Lo.apply(this,arguments)}function Eo(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}"production"!==process.env.NODE_ENV&&(ko.displayName="Portal");var So={allowPinchZoom:ro.bool,dangerouslyBypassFocusLock:ro.bool,dangerouslyBypassScrollLock:ro.bool,initialFocusRef:function(){return null},onDismiss:ro.func},_o=t.forwardRef((function(e,r){var a=e.isOpen,o=void 0===a||a,c=Eo(e,["isOpen"]);return t.useEffect((function(){return Mo("dialog")}),[]),t.useEffect((function(){o?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[o]),o?n.createElement(ko,{"data-reach-dialog-wrapper":""},n.createElement(Ao,Object.assign({ref:r},c))):null}));"production"!==process.env.NODE_ENV&&(_o.displayName="DialogOverlay",_o.propTypes=Lo({},So,{isOpen:ro.bool}));var Ao=t.forwardRef((function(e,r){var a=e.allowPinchZoom,o=e.dangerouslyBypassFocusLock,c=void 0!==o&&o,i=e.dangerouslyBypassScrollLock,h=void 0!==i&&i,u=e.initialFocusRef,p=e.onClick,d=e.onDismiss,m=void 0===d?Co:d,v=e.onKeyDown,f=e.onMouseDown,g=e.unstable_lockFocusAcrossFrames,b=void 0===g||g,z=Eo(e,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),y=t.useRef(null),M=t.useRef(null),x=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useMemo((function(){return n.every((function(e){return null==e}))?null:function(e){n.forEach((function(t){wo(t,e)}))}}),[].concat(n))}(M,r),w=t.useCallback((function(){u&&u.current&&u.current.focus()}),[u]);return t.useEffect((function(){return M.current?function(e){var t=[],n=[],r=(a=e,(a&&a.ownerDocument?a.ownerDocument:Ho()?document:null)||document);var a;if(!e)return"production"!==process.env.NODE_ENV&&console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Co;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var a,o;if(r!==(null===(a=e.parentNode)||void 0===a||null===(o=a.parentNode)||void 0===o?void 0:o.parentNode)){var c=r.getAttribute("aria-hidden");null!==c&&"false"!==c||(t.push(c),n.push(r),r.setAttribute("aria-hidden","true"))}})),function(){n.forEach((function(e,n){var r=t[n];null===r?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r)}))}}(M.current):void 0}),[]),n.createElement(s,{autoFocus:!0,returnFocus:!0,onActivation:w,disabled:c,crossFrame:b},n.createElement(l.RemoveScroll,{allowPinchZoom:a,enabled:!h},n.createElement("div",Object.assign({},z,{ref:x,"data-reach-dialog-overlay":"",onClick:Vo(p,(function(e){y.current===e.target&&(e.stopPropagation(),m(e))})),onKeyDown:Vo(v,(function(e){"Escape"===e.key&&(e.stopPropagation(),m(e))})),onMouseDown:Vo(f,(function(e){y.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(_o.displayName="DialogOverlay",_o.propTypes=Lo({},So));var Do=t.forwardRef((function(e,t){var r=e.onClick,a=(e.onKeyDown,Eo(e,["onClick","onKeyDown"]));return n.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},a,{ref:t,"data-reach-dialog-content":"",onClick:Vo(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Do.displayName="DialogContent",Do.propTypes={"aria-label":Io,"aria-labelledby":Io});var Oo=t.forwardRef((function(e,t){var r=e.allowPinchZoom,a=void 0!==r&&r,o=e.initialFocusRef,c=e.isOpen,i=e.onDismiss,s=void 0===i?Co:i,l=Eo(e,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return n.createElement(_o,{allowPinchZoom:a,initialFocusRef:o,isOpen:c,onDismiss:s},n.createElement(Do,Object.assign({ref:t},l)))}));function Io(e,t,n,r,a){var o="\nSee https://www.w3.org/TR/wai-aria/#aria-label for details.";return e["aria-label"]||e["aria-labelledby"]?e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+n+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+o):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(a)?"array":typeof a)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+o)}function No(e){const{styles:n,in:r,timeout:a=150,transition:c=`all ${a}ms ease-in-out`,children:i,...s}=e;return t.createElement(o,Object.assign({appear:!0,unmountOnExit:!0,in:r,timeout:a},s),(e=>i((e=>({...n.init,transition:c,...n[e]}))(e))))}"production"!==process.env.NODE_ENV&&(Oo.displayName="Dialog",Oo.propTypes={isOpen:ro.bool,onDismiss:ro.func,"aria-label":Io,"aria-labelledby":Io});const Ro={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function Po(e){const{timeout:n=150,...r}=e;return t.createElement(No,Object.assign({transition:`all ${n}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Ro,timeout:{enter:0,exit:n}},r))}function To(e){switch(e){case"bottom":return{maxWidth:"100vw",bottom:0,left:0,right:0};case"top":return{maxWidth:"100vw",top:0,left:0,right:0};case"left":return{height:"100vh",left:0,top:0};case"right":return{right:0,top:0,height:"100vh"}}}const Fo=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function jo(e){const{placement:n="left",timeout:r=150,children:a,...o}=e,c=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:Fo(e,t[e])},entered:{transform:Fo(e,"0%")},exiting:{transform:Fo(e,t[e])}}}(n),i={position:"fixed",willChange:"transform",...To(n)};return t.createElement(No,Object.assign({styles:c,transition:`all ${r}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:r}},o),(e=>a({...i,...e})))}const Bo=e=>{const{initialOffset:n="20px",timeout:r=150,...a}=e,o=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(n);return t.createElement(No,Object.assign({styles:o,transition:`all ${r}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:r}},a))},Yo=n.forwardRef(((e,t)=>{const{isOpen:r,title:a="",confirmButtonText:o="",cancelButtonText:c="",contentStyles:i={},bodyStyles:s={},footerStyles:l={},children:h=null,confirmButtonDisabled:u=!1,cancelButtonDisabled:p=!1,onConfirm:d=(()=>{}),onDismiss:m}=e;return n.createElement(Po,{timeout:300,in:r,unmountOnExit:!0},(e=>n.createElement(Wo,{style:e,isOpen:!0,onDismiss:m},n.createElement(Bo,{timeout:150,in:r,unmountOnExit:!0},(e=>n.createElement($o,{style:{...e,...i}},n.createElement(Uo,{style:s},a&&n.createElement("h4",null,a),h&&n.createElement("div",null,h)),(c||o)&&n.createElement(Ko,{style:l},c&&n.createElement(po,{disabled:p,inline:!0,type:"secondary",onClick:m},c),o&&n.createElement(po,{disabled:u,inline:!0,onClick:d},o))))))))})),$o=tt(Do)`
|
|
234
|
+
`;process.env.NODE_ENV;var zo=Ho()?n.useLayoutEffect:n.useEffect,yo={},Mo=Co;if("production"!==process.env.NODE_ENV){var xo=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Mo=function(e){yo[e]||(yo[e]=!0,"test"!==xo.NODE_ENV&&1!==parseInt(window.getComputedStyle(document.body).getPropertyValue("--reach-"+e),10)&&console.warn("@reach/"+e+' styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import "@reach/'+e+'/styles.css";\n\n Otherwise you\'ll need to include them some other way:\n\n <link rel="stylesheet" type="text/css" href="node_modules/@reach/'+e+'/styles.css" />\n\n For more information visit https://ui.reach.tech/styling.\n '))}}function wo(e,t){if(null!=e)if(function(e){return!(!e||"[object Function]"!={}.toString.call(e))}(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Ho(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function Co(){}function Vo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var ko=function(e){var r=e.children,a=e.type,o=void 0===a?"reach-portal":a,i=t.useRef(null),s=t.useRef(null),l=t.useState()[1];return zo((function(){if(i.current){var e=i.current.ownerDocument;return s.current=null==e?void 0:e.createElement(o),e.body.appendChild(s.current),l({}),function(){s.current&&s.current.ownerDocument&&s.current.ownerDocument.body.removeChild(s.current)}}}),[o]),s.current?c.createPortal(r,s.current):n.createElement("span",{ref:i})};function Lo(){return Lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Lo.apply(this,arguments)}function Eo(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}"production"!==process.env.NODE_ENV&&(ko.displayName="Portal");var So={allowPinchZoom:ro.bool,dangerouslyBypassFocusLock:ro.bool,dangerouslyBypassScrollLock:ro.bool,initialFocusRef:function(){return null},onDismiss:ro.func},_o=t.forwardRef((function(e,r){var a=e.isOpen,o=void 0===a||a,c=Eo(e,["isOpen"]);return t.useEffect((function(){return Mo("dialog")}),[]),t.useEffect((function(){o?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[o]),o?n.createElement(ko,{"data-reach-dialog-wrapper":""},n.createElement(Ao,Object.assign({ref:r},c))):null}));"production"!==process.env.NODE_ENV&&(_o.displayName="DialogOverlay",_o.propTypes=Lo({},So,{isOpen:ro.bool}));var Ao=t.forwardRef((function(e,r){var a=e.allowPinchZoom,o=e.dangerouslyBypassFocusLock,c=void 0!==o&&o,i=e.dangerouslyBypassScrollLock,h=void 0!==i&&i,u=e.initialFocusRef,p=e.onClick,d=e.onDismiss,m=void 0===d?Co:d,v=e.onKeyDown,f=e.onMouseDown,g=e.unstable_lockFocusAcrossFrames,b=void 0===g||g,z=Eo(e,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),y=t.useRef(null),M=t.useRef(null),x=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useMemo((function(){return n.every((function(e){return null==e}))?null:function(e){n.forEach((function(t){wo(t,e)}))}}),[].concat(n))}(M,r),w=t.useCallback((function(){u&&u.current&&u.current.focus()}),[u]);return t.useEffect((function(){return M.current?function(e){var t=[],n=[],r=(a=e,(a&&a.ownerDocument?a.ownerDocument:Ho()?document:null)||document);var a;if(!e)return"production"!==process.env.NODE_ENV&&console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Co;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var a,o;if(r!==(null===(a=e.parentNode)||void 0===a||null===(o=a.parentNode)||void 0===o?void 0:o.parentNode)){var c=r.getAttribute("aria-hidden");null!==c&&"false"!==c||(t.push(c),n.push(r),r.setAttribute("aria-hidden","true"))}})),function(){n.forEach((function(e,n){var r=t[n];null===r?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r)}))}}(M.current):void 0}),[]),n.createElement(s,{autoFocus:!0,returnFocus:!0,onActivation:w,disabled:c,crossFrame:b},n.createElement(l.RemoveScroll,{allowPinchZoom:a,enabled:!h},n.createElement("div",Object.assign({},z,{ref:x,"data-reach-dialog-overlay":"",onClick:Vo(p,(function(e){y.current===e.target&&(e.stopPropagation(),m(e))})),onKeyDown:Vo(v,(function(e){"Escape"===e.key&&(e.stopPropagation(),m(e))})),onMouseDown:Vo(f,(function(e){y.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(_o.displayName="DialogOverlay",_o.propTypes=Lo({},So));var Do=t.forwardRef((function(e,t){var r=e.onClick,a=(e.onKeyDown,Eo(e,["onClick","onKeyDown"]));return n.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},a,{ref:t,"data-reach-dialog-content":"",onClick:Vo(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Do.displayName="DialogContent",Do.propTypes={"aria-label":Io,"aria-labelledby":Io});var Oo=t.forwardRef((function(e,t){var r=e.allowPinchZoom,a=void 0!==r&&r,o=e.initialFocusRef,c=e.isOpen,i=e.onDismiss,s=void 0===i?Co:i,l=Eo(e,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return n.createElement(_o,{allowPinchZoom:a,initialFocusRef:o,isOpen:c,onDismiss:s},n.createElement(Do,Object.assign({ref:t},l)))}));function Io(e,t,n,r,a){var o="\nSee https://www.w3.org/TR/wai-aria/#aria-label for details.";return e["aria-label"]||e["aria-labelledby"]?e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+n+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+o):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(a)?"array":typeof a)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+o)}function No(e){const{styles:n,in:r,timeout:a=150,transition:c=`all ${a}ms ease-in-out`,children:i,...s}=e;return t.createElement(o,Object.assign({appear:!0,unmountOnExit:!0,in:r,timeout:a},s),(e=>i((e=>({...n.init,transition:c,...n[e]}))(e))))}"production"!==process.env.NODE_ENV&&(Oo.displayName="Dialog",Oo.propTypes={isOpen:ro.bool,onDismiss:ro.func,"aria-label":Io,"aria-labelledby":Io});const Ro={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function Po(e){const{timeout:n=150,...r}=e;return t.createElement(No,Object.assign({transition:`all ${n}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Ro,timeout:{enter:0,exit:n}},r))}function To(e){switch(e){case"bottom":return{maxWidth:"100vw",bottom:0,left:0,right:0};case"top":return{maxWidth:"100vw",top:0,left:0,right:0};case"left":return{height:"100vh",left:0,top:0};case"right":return{right:0,top:0,height:"100vh"}}}const Fo=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function jo(e){const{placement:n="left",timeout:r=150,children:a,...o}=e,c=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:Fo(e,t[e])},entered:{transform:Fo(e,"0%")},exiting:{transform:Fo(e,t[e])}}}(n),i={position:"fixed",willChange:"transform",...To(n)};return t.createElement(No,Object.assign({styles:c,transition:`all ${r}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:r}},o),(e=>a({...i,...e})))}const Bo=e=>{const{initialOffset:n="20px",timeout:r=150,...a}=e,o=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(n);return t.createElement(No,Object.assign({styles:o,transition:`all ${r}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:r}},a))},Yo=n.forwardRef(((e,t)=>{const{isOpen:r,title:a="",confirmButtonText:o="",cancelButtonText:c="",contentStyles:i={},bodyStyles:s={},footerStyles:l={},children:h=null,confirmButtonDisabled:u=!1,cancelButtonDisabled:p=!1,onConfirm:d=(()=>{}),onDismiss:m}=e;return n.createElement(Po,{timeout:300,in:r,unmountOnExit:!0},(e=>n.createElement(Wo,{style:e,isOpen:!0,onDismiss:m},n.createElement(Bo,{timeout:150,in:r,unmountOnExit:!0},(e=>n.createElement($o,{"aria-label":"confirmation-content",style:{...e,...i}},n.createElement(Uo,{style:s},a&&n.createElement("h4",null,a),h&&n.createElement("div",null,h)),(c||o)&&n.createElement(Ko,{style:l},c&&n.createElement(po,{disabled:p,inline:!0,type:"secondary",onClick:m},c),o&&n.createElement(po,{disabled:u,inline:!0,onClick:d},o))))))))})),$o=tt(Do)`
|
|
235
235
|
width: auto;
|
|
236
236
|
min-width: 512px;
|
|
237
237
|
background: #fff;
|
|
@@ -292,7 +292,7 @@ object-assign
|
|
|
292
292
|
background: ${({theme:e})=>e.palette.elephant};
|
|
293
293
|
`,ac=tt.div`
|
|
294
294
|
${({theme:{colors:{components:{confirmModal:e}}}})=>`\n position: fixed;\n bottom: 0;\n width: 100%;\n justify-content: flex-end;\n display: flex;\n padding: 12px 16px 12px 16px;\n border-top: 1px solid ${e.border};\n background: ${e.background};\n border-radius: 4px;\n `}
|
|
295
|
-
`,oc=t.createContext({content:{},overlay:{}}),cc=()=>t.useContext(oc);function ic(e){const{in:n,children:r,placement:a}=e;return t.createElement(jo,{in:n,placement:a,timeout:450},(e=>t.createElement(Po,{in:n,timeout:250},(t=>r({content:e,overlay:t})))))}const sc=({children:e,size:n})=>{const{content:r}=cc();return t.createElement(Qo,{className:"modal-content",size:n,style:r},e)},lc=({isOpen:e,children:n,...
|
|
295
|
+
`,oc=t.createContext({content:{},overlay:{}}),cc=()=>t.useContext(oc);function ic(e){const{in:n,children:r,placement:a}=e;return t.createElement(jo,{in:n,placement:a,timeout:450},(e=>t.createElement(Po,{in:n,timeout:250},(t=>r({content:e,overlay:t})))))}const sc=({children:e,size:n})=>{const{content:r}=cc();return t.createElement(Qo,{"aria-label":"dialog",className:"modal-content",size:n,style:r},e)},lc=({isOpen:e,children:n,customClass:r,...a})=>{const{overlay:o}=cc();return t.createElement(qo,Object.assign({className:`model-overlay ${r}`,isOpen:e,style:o},a),n)},hc=(e,t)=>{const n=()=>(new Date).getTime(),r=()=>o=n();let a,o=n()-t;return(...c)=>new Promise((i=>{const s=o+t-n();a&&clearTimeout(a),o+t<=n()?(r(),i(e(...c))):a=setTimeout((()=>{r(),i(e(...c))}),s)}))},uc={height:0,width:0,x:2e3,y:2e3,bottom:0,left:0,right:0,top:0,toJSON:()=>{}};let pc;const dc=e=>{const{onClose:t=(()=>{}),children:r,autoCloseDuration:a=800,anchorEl:o=null,hoverOutToClose:c=!1,clickOutToClose:s=!0,id:l,anchorOrigin:h={vertical:"bottom",horizontal:"center"},transformOrigin:u={vertical:"top",horizontal:"center"}}=e,p=o&&o.getBoundingClientRect()||uc,[d,m]=n.useState({left:p.y,top:p.x}),v=n.createRef(),f=()=>{const e=v.current&&v.current.getBoundingClientRect()||uc;if(v.current){const t=((e,t,n,r)=>{let a=e.y,o=e.x;const{width:c,height:i}=t;switch(n.vertical){case"center":a+=e.height/2;break;case"bottom":a+=e.height}switch(n.horizontal){case"center":o+=e.width/2;break;case"right":o+=e.width}switch(r.vertical){case"center":a-=i/2;break;case"bottom":a-=i}switch(r.horizontal){case"center":o-=c/2;break;case"right":o-=c}const{innerWidth:s,innerHeight:l}=window;o+c>s&&(o-=o+c-s+16);a+i>l&&(a-=a+i-l+16);return{top:a,left:o}})(p,e,h,u);m(t)}};window.addEventListener("resize",hc(f,500)),window.addEventListener("scroll",hc(f,500)),n.useEffect((()=>{f(),o&&c&&(clearTimeout(pc),pc=setTimeout((()=>{t()}),a))}),[o]);const g=o&&o.getAttribute("aria-describedby");return o&&l===g?i.createPortal(n.createElement(vc,{id:l,onClick:s?e=>t(e):()=>{}},n.createElement(mc,{onMouseEnter:()=>clearTimeout(pc),onMouseLeave:c?e=>t(e):()=>{},ref:v,style:d},r)),document.body):null},mc=tt.div`
|
|
296
296
|
position: absolute;
|
|
297
297
|
`,vc=tt.div`
|
|
298
298
|
top: 0;
|
|
@@ -1466,4 +1466,4 @@ to {right : 10px}
|
|
|
1466
1466
|
.toast-container.hover {
|
|
1467
1467
|
transform: translate3d(0, -10px, 0);
|
|
1468
1468
|
}
|
|
1469
|
-
`,Av=()=>{const e=((e=Vv())=>{const n=`ui-${e}`,{isBrowser:r}=Cv(),[a,o]=t.useState(r?kv(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||kv(n);e||document.body.appendChild(t),o(t)}),[]),a})("toast"),[r,a]=t.useState(!1),o=t.useRef(),{toasts:i,updateToastHoverStatus:s}=Hv(),l=t.useMemo((()=>i.map(((e,t)=>n.createElement(Sv,{index:t,total:i.length,toast:e,onHover:r,key:`toast-${t}`})))),[i,r]),h=e=>{if(e)return o.current&&clearTimeout(o.current),s((()=>!0)),a(!0);o.current=window.setTimeout((()=>{a(!1),s((()=>!1)),o.current&&clearTimeout(o.current)}),200)};return e&&i&&0!==i.length?c.createPortal(n.createElement(_v,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)},l)),e):null},Dv=2e3;let Ov,Iv=[],Nv=0;var Rv=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Pv}(e)}(e)};var Pv="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Tv(e,t){return!1!==t.clone&&t.isMergeableObject(e)?$v((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Fv(e,t,n){return e.concat(t).map((function(e){return Tv(e,n)}))}function jv(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Bv(e,t){try{return t in e}catch(e){return!1}}function Yv(e,t,n){var r={};return n.isMergeableObject(e)&&jv(e).forEach((function(t){r[t]=Tv(e[t],n)})),jv(t).forEach((function(a){(function(e,t){return Bv(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Bv(e,a)&&n.isMergeableObject(t[a])?r[a]=function(e,t){if(!t.customMerge)return $v;var n=t.customMerge(e);return"function"==typeof n?n:$v}(a,n)(e[a],t[a],n):r[a]=Tv(t[a],n))})),r}function $v(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Fv,n.isMergeableObject=n.isMergeableObject||Rv,n.cloneUnlessOtherwiseSpecified=Tv;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Yv(e,t,n):Tv(t,n)}$v.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return $v(e,n,t)}),{})};var Wv=$v;exports.Alert=Dn,exports.BUTTON_SIZE_VARIANTS=ho,exports.BoxedRadio=Zm,exports.Button=po,exports.ButtonDropdown=Os,exports.Checkbox=fo,exports.Confirmation=Yo,exports.ConfirmationBody=Uo,exports.ConfirmationContent=$o,exports.ConfirmationFooter=Ko,exports.ConfirmationOverlay=Wo,exports.CssBaseLine=bo,exports.DatePicker=e=>{const{placeholder:t,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:u="YYYY-MM-DD",...p}=e;return n.createElement($m,{isErrored:c,id:`date-picker-container-${s||""}`},o&&n.createElement("label",null,o,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:t||u,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(u):""},p)),c&&i&&n.createElement("span",{className:"error"},i))},exports.DateTimePicker=e=>{const{placeholder:t,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...u}=e;return n.createElement($m,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&n.createElement("label",null,i,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:t||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(h):""},u)),r&&o&&n.createElement("span",{className:"error"},o))},exports.DismissIcon=rc,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:a,clickOutToClose:o=!0,size:c="default",placement:i="right",children:s,...l}=e;return t.createElement(ic,{in:n,placement:i},(e=>t.createElement(oc.Provider,{value:e},t.createElement(lc,{isOpen:!0,onDismiss:o?r:()=>{}},t.createElement(sc,{size:c},!a&&t.createElement(rc,{onClick:r},t.createElement(Vn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),s)))))},exports.DrawerBody=nc,exports.DrawerContent=sc,exports.DrawerFooter=ac,exports.DrawerOverlay=lc,exports.Dropdown=e=>{const{items:r,children:a,defaultSelectedItem:o,label:c="",placeholder:i,errorText:s,itemToString:l,itemComponent:h,onChange:u=(e=>e),type:p=Yl.BUTTON,filterKey:d,width:m="100%",disabled:v,isErrored:f,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:z,isMenuLoading:y,...M}=e;let x;"object"!=typeof r[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels");const w=t.useRef(null),H=t.useRef(null);return n.createElement("div",null,n.createElement(hi,Object.assign({itemToString:x,selectedItem:o,onChange:u},M),(e=>n.createElement(gh,Object.assign({width:m,isRequired:g},e.getRootProps()),c&&n.createElement("label",Object.assign({},e.getLabelProps()),c),n.createElement($l.Provider,{value:{downshift:e,items:r,filterKey:d,type:p,name:M.name}},a||n.createElement(n.Fragment,null,Yl.BUTTON===p&&n.createElement(Gl,{disabled:v,ref:w,isErrored:f,overrideStyles:b,placeholder:i}),Yl.INPUT===p&&n.createElement(vh,{ref:w,placeholder:i,isErrored:f,disabled:v}),n.createElement(Nl,{targetRef:w,position:jl,ref:H},n.createElement(n.Fragment,null,n.createElement(ph,{anchorRef:w,popoverRef:H,itemComponent:h,isErrored:f,overrideStyles:z,isMenuLoading:y})))))))),f&&s&&n.createElement(fh,null,s))},exports.Fade=Po,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Je,{theme:n},t.createElement(bo,null),r)},exports.Glyph=Cn,exports.Icons=Vn,exports.InlineSvg=wn,exports.Input=Ws,exports.Loader=al,exports.Menu=_s,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:a="center",align:o="center",size:c="default"})=>n.createElement(Po,{timeout:300,in:t,unmountOnExit:!0},(i=>n.createElement(qo,{className:"modal-overlay",style:i,align:o,position:a,isOpen:!0,onDismiss:r},n.createElement(Bo,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(Qo,{className:"modal-content",style:t,size:c,"aria-label":"dialog"},e)))))),exports.ModalBody=ec,exports.ModalContent=Qo,exports.ModalFooter=tc,exports.ModalOverlay=qo,exports.MultiSelectDropdown=e=>{const{name:r,label:a,items:o,selectedItem:c,onChange:i,customValues:s=!1,placeholder:l,isErrored:h,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:d,isRequired:m,renderCustomSuggestion:v,maxAllowedLength:f=2147483647,...g}=e,[b,z]=t.useState([]),[y,M]=t.useState(""),[x,w]=t.useState(!1),H=t.useRef(null);t.useEffect((()=>{z([...c])}),[c]);const C=e=>{b.some((t=>t[d]===e[d]))?k(e):x||V(e)},V=e=>{M(""),z([...b,e]),i([...b,e])},k=e=>{const t=b.filter((t=>t[p]!==e[p]));z(t),i(t)},L=e=>v?v(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:a,index:o,highlightedIndex:c,selectedItem:i,itemValueIdentifier:s,itemLabelIdentifier:l})=>{const h=c===o,u=i.some((t=>t[s]&&t[s]===e[s]));return n.createElement(Js,Object.assign({disabled:e.disabled},a,{key:o,isHighlighted:h,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(so.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[s]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[l]?`Enter to ${u?"remove":"add"} '${e[l]}'`:e[l]),u&&!e.customValues&&n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(hi,Object.assign({selectedItem:c,onChange:e=>{e&&C(e)},itemToString:e=>e?e[d]:"",inputValue:y,onInputValueChange:(e="")=>{s&&e.length>f?w(!0):w(!1),M(e)}},g),(({getInputProps:e,getItemProps:t,getRootProps:c,inputValue:i,selectedItem:u,toggleMenu:v,isOpen:g,highlightedIndex:b})=>n.createElement(Qs,Object.assign({required:m},c()),a&&n.createElement("label",{htmlFor:a},a),n.createElement(Zs,{isOpen:g,isErrored:h,id:"dropdownField container","data-testid":`formik-multi-select-${a}`,onClick:()=>{g||H&&H.current&&H.current.focus(),v()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,a)=>e[r]&&n.createElement(Ks,{key:a,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:k,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:a,items:o,placeholder:c,customValues:i})=>0!==o.length||i?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},a,{placeholder:c})):null)({name:r,label:a||"",searchRef:H,selectedItem:u,removeSelectedItem:k,items:o,inputValue:i,placeholder:l||"",customValues:s,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||i||k(u[u.length-1]),"Enter"===e.key&&i&&s&&null===b&&C({[p]:i,[d]:i})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:g,unmountOnExit:!0},(e=>{const r=((e,t,n,r,a)=>{const o=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==o.length&&a&&""!==e&&o.push({[r]:e,[n]:e,customValues:!0}),o})(i,o,p,d,s);return r&&r.length>0&&n.createElement(Xs,{style:e},r.map(((e,n)=>L({lengthError:x,maxAllowedLength:f,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:b===n,highlightedIndex:b,selectedItem:u,itemValueIdentifier:d,itemLabelIdentifier:p}))))}))))),h&&u&&n.createElement(qs,null,u))},exports.Popover=dc,exports.Radio=Km,exports.Slide=jo,exports.SlideFade=Bo,exports.SvgWrapper=Hn,exports.Table=e=>{const{columns:t=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:d=!0,showSelections:m=!0,hideTableHeaderOnEmpty:f=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:z=(()=>[]),cellPropGetter:y,rowPropGetter:M,onRowSelect:x,onRowClick:w,emptyComponent:H,loadingComponent:C,onPrevious:V,onFirstClick:k,onLastClick:L,onPageClick:E,onSelectAll:S,onNext:_,onMenuOptionSelect:A,headerComponent:D,initialState:O={},filterComponent:I}=e,[N,R]=n.useState(g),[P,T]=n.useState(null),{getTableProps:F,getTableBodyProps:j,headerGroups:B,rows:Y,setColumnOrder:$,setHiddenColumns:W,flatRows:U,prepareRow:K,getToggleAllRowsSelectedProps:G}=v.useTable({columns:t,data:r,initialState:O,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:O.selectedRowIds||{}})),[O.selectedRowIds,e])},v.useRowSelect,v.useColumnOrder,(e=>{e.visibleColumns.push((e=>m?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>p?n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{if(n){const e={};Y&&Y.length>0&&Y.forEach((t=>{e[t.id]=!0})),x&&x(e,U)}else x&&x({},U);S&&S(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n),x&&x({...O.selectedRowIds,[t.id]:n},U)}})))}},...e]:[...e]))})),q=[];for(let e=0;e<Math.ceil(a/o);e++)q.push(e+1);return v.useMountedLayoutEffect((()=>{O&&O.columnOrder&&$(O.columnOrder)}),[O.columnOrder]),v.useMountedLayoutEffect((()=>{O&&O.hiddenColumns&&W(O.hiddenColumns)}),[O.hiddenColumns]),n.createElement(Qm,{className:"fui-table"},d&&n.createElement(tv,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},G()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},h&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},C?n.createElement(al,{size:"small"}):n.createElement(n.Fragment,null,a>0?`${(c-1)*o+(r.length>0?1:0)} - ${(c-1)*o+r.length} of ${i?""+(r.length>0?"Many":"-"):a}`:null)),n.createElement(po,{type:"secondary",disabled:!l||Boolean(C),onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:!s||Boolean(C),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&n.createElement(po,{type:"secondary",className:"filter-toggle",onClick:()=>R(!N)},n.createElement(Vn,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(hv,{className:"table-content"},n.createElement(ev,{showFilters:g&&N,className:"table-wrapper"},C?n.createElement(n.Fragment,null,C):n.createElement(n.Fragment,null,f&&0===Y.length?n.createElement(n.Fragment,null,H):n.createElement(nv,Object.assign({},F()),n.createElement(ov,null,B.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(rv,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(sv,Object.assign({},t()),r("Header"))})),b&&n.createElement(sv,null))}))),n.createElement(iv,Object.assign({},j()),Y.length>0?Y.map((e=>{K(e);const{getRowProps:t,cells:r}=e;return n.createElement(rv,Object.assign({},t(M?M(e):{}),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(lv,Object.assign({},t(y?y(e):{}),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),b&&n.createElement(lv,null,z&&z(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(pv,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>T(e.currentTarget)},n.createElement(Vn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(dc,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>T(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(_s,{options:z(e.original)||[],onSelect:t=>{A&&A(t.id,e.original),T(null)},closeMenuCallback:()=>T(null)})))))})):n.createElement(n.Fragment,null,H)),u&&n.createElement(cv,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(O&&O.hiddenColumns&&O.hiddenColumns.length||0)+(m?1:0)+(z&&z().length>0?1:0)},n.createElement(av,{className:"table-pagination"},Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>k&&k(1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),c>3&&n.createElement(n.Fragment,null,n.createElement(po,{type:"secondary",onClick:()=>E&&E(1)},"1"),c-3!=1&&n.createElement(po,{type:"secondary",disabled:!0},"...")),q.map((e=>[e-2,e-1,e,e+1,e+2].includes(c)&&n.createElement(po,{type:"secondary",className:c===e?"active":"",onClick:()=>E&&E(e)},e))),c<Math.ceil(a/o)-2&&n.createElement(n.Fragment,null,c+3!==Math.ceil(a/o)&&n.createElement(po,{type:"secondary",disabled:!0},"..."),n.createElement(po,{type:"secondary",onClick:()=>E&&E(Math.ceil(a/o))},Math.ceil(a/o))),n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>L&&L(Math.ceil(a/o))},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&N&&I&&n.createElement(uv,{className:"table-filters"},I)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:a="id",nameAccessor:o="name",options:c=[],ref:i=null}=e;return n.createElement(dv,{ref:i,role:"tablist"},c.map((e=>!e.hide&&n.createElement(mv,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[a]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[a]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[a],key:e[a]},n.createElement("span",{className:"label"}," ",e[o])))))},exports.Tag=Ks,exports.TextArea=Us,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:a=!0}=e,o=Wv(go,r);return t.createElement(Je,{theme:o},a&&t.createElement(bo,null),n)},exports.TimePicker=e=>{const{placeholder:t,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=e;return n.createElement($m,{isErrored:s,id:`time-picker-container-${o||""}`},a&&n.createElement("label",null,a,l&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Tm,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&n.createElement("span",{className:"error"},i))},exports.ToastWrapper=e=>{const[r,a]=t.useState([]),[o,c]=t.useState(0),[s,l]=t.useState(!1),h=e=>{a(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||l(!1)}),[r]),n.createElement(fv.Provider,{value:{pushToast:e=>{const t={...e,id:o};c(o+1),a([t,...r])},closeToast:h}},e.children,i.createPortal(n.createElement(zv,{length:r.length,isHovering:s,onMouseOver:()=>{l(!0)},onMouseLeave:()=>{l(!1)}},r.map(((e,t)=>n.createElement(gv,{key:e.id,index:t,toast:e,closeToast:h,isHovering:s})))," "),document.body))},exports.Toggle=xv,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:a=!0,trigger:o="mouseenter",interactive:c=!0,html:i=null,style:s={},children:l})=>t.createElement(t.Fragment,null,t.createElement(Ps,null),t.createElement(h.Tooltip,{title:n,position:e,theme:r,arrow:a,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:i,interactive:c,style:s,trigger:o,duration:150,delay:100},t.cloneElement(l))),exports.Transition=No,exports.UiProvider=({children:e})=>{const[r,a,o]=Go([]),[c,i]=t.useState(!1),s=e=>{const t=e(o.current);a(t)},l=e=>{const t=e();i(t)},h=t.useMemo((()=>({toasts:r,toastHovering:c,updateToasts:s,updateToastHoverStatus:l})),[r,c]);return n.createElement(wv.Provider,{value:h},n.createElement(n.Fragment,null,e,n.createElement(Av,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(Xe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=Hv(),[,a,o]=Go(n);t.useEffect((()=>a(n)),[n]);return[r,t=>{const n=`toast-${Vv()}`,r=t.delay||Dv,a=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Iv.push(t),((t,n)=>{n<=Nv||(clearTimeout(Ov),Nv=n,Ov=window.setTimeout((()=>{e((e=>Iv.length<e.length?e:(Iv=[],[]))),clearTimeout(Ov)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>a(n,r)}]));const c=(e,t)=>{const n=window.setTimeout((()=>{if(o.current)return c(e,t),clearTimeout(n);a(e,t),clearTimeout(n)}),t)};c(n,r)}]};
|
|
1469
|
+
`,Av=()=>{const e=((e=Vv())=>{const n=`ui-${e}`,{isBrowser:r}=Cv(),[a,o]=t.useState(r?kv(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||kv(n);e||document.body.appendChild(t),o(t)}),[]),a})("toast"),[r,a]=t.useState(!1),o=t.useRef(),{toasts:i,updateToastHoverStatus:s}=Hv(),l=t.useMemo((()=>i.map(((e,t)=>n.createElement(Sv,{index:t,total:i.length,toast:e,onHover:r,key:`toast-${t}`})))),[i,r]),h=e=>{if(e)return o.current&&clearTimeout(o.current),s((()=>!0)),a(!0);o.current=window.setTimeout((()=>{a(!1),s((()=>!1)),o.current&&clearTimeout(o.current)}),200)};return e&&i&&0!==i.length?c.createPortal(n.createElement(_v,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)},l)),e):null},Dv=2e3;let Ov,Iv=[],Nv=0;var Rv=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Pv}(e)}(e)};var Pv="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Tv(e,t){return!1!==t.clone&&t.isMergeableObject(e)?$v((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Fv(e,t,n){return e.concat(t).map((function(e){return Tv(e,n)}))}function jv(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Bv(e,t){try{return t in e}catch(e){return!1}}function Yv(e,t,n){var r={};return n.isMergeableObject(e)&&jv(e).forEach((function(t){r[t]=Tv(e[t],n)})),jv(t).forEach((function(a){(function(e,t){return Bv(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Bv(e,a)&&n.isMergeableObject(t[a])?r[a]=function(e,t){if(!t.customMerge)return $v;var n=t.customMerge(e);return"function"==typeof n?n:$v}(a,n)(e[a],t[a],n):r[a]=Tv(t[a],n))})),r}function $v(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Fv,n.isMergeableObject=n.isMergeableObject||Rv,n.cloneUnlessOtherwiseSpecified=Tv;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Yv(e,t,n):Tv(t,n)}$v.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return $v(e,n,t)}),{})};var Wv=$v;exports.Alert=Dn,exports.BUTTON_SIZE_VARIANTS=ho,exports.BoxedRadio=Zm,exports.Button=po,exports.ButtonDropdown=Os,exports.Checkbox=fo,exports.Confirmation=Yo,exports.ConfirmationBody=Uo,exports.ConfirmationContent=$o,exports.ConfirmationFooter=Ko,exports.ConfirmationOverlay=Wo,exports.CssBaseLine=bo,exports.DatePicker=e=>{const{placeholder:t,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:u="YYYY-MM-DD",...p}=e;return n.createElement($m,{isErrored:c,id:`date-picker-container-${s||""}`},o&&n.createElement("label",null,o,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:t||u,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(u):""},p)),c&&i&&n.createElement("span",{className:"error"},i))},exports.DateTimePicker=e=>{const{placeholder:t,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...u}=e;return n.createElement($m,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&n.createElement("label",null,i,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:t||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(h):""},u)),r&&o&&n.createElement("span",{className:"error"},o))},exports.DismissIcon=rc,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:a,clickOutToClose:o=!0,size:c="default",placement:i="right",children:s,customClass:l,...h}=e;return t.createElement(ic,{in:n,placement:i},(e=>t.createElement(oc.Provider,{value:e},t.createElement(lc,{customClass:l,isOpen:!0,onDismiss:o?r:()=>{}},t.createElement(sc,{size:c},!a&&t.createElement(rc,{onClick:r},t.createElement(Vn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),s)))))},exports.DrawerBody=nc,exports.DrawerContent=sc,exports.DrawerFooter=ac,exports.DrawerOverlay=lc,exports.Dropdown=e=>{const{items:r,children:a,defaultSelectedItem:o,label:c="",placeholder:i,errorText:s,itemToString:l,itemComponent:h,onChange:u=(e=>e),type:p=Yl.BUTTON,filterKey:d,width:m="100%",disabled:v,isErrored:f,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:z,isMenuLoading:y,...M}=e;let x;"object"!=typeof r[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels");const w=t.useRef(null),H=t.useRef(null);return n.createElement("div",null,n.createElement(hi,Object.assign({itemToString:x,selectedItem:o,onChange:u},M),(e=>n.createElement(gh,Object.assign({width:m,isRequired:g},e.getRootProps()),c&&n.createElement("label",Object.assign({},e.getLabelProps()),c),n.createElement($l.Provider,{value:{downshift:e,items:r,filterKey:d,type:p,name:M.name}},a||n.createElement(n.Fragment,null,Yl.BUTTON===p&&n.createElement(Gl,{disabled:v,ref:w,isErrored:f,overrideStyles:b,placeholder:i}),Yl.INPUT===p&&n.createElement(vh,{ref:w,placeholder:i,isErrored:f,disabled:v}),n.createElement(Nl,{targetRef:w,position:jl,ref:H},n.createElement(n.Fragment,null,n.createElement(ph,{anchorRef:w,popoverRef:H,itemComponent:h,isErrored:f,overrideStyles:z,isMenuLoading:y})))))))),f&&s&&n.createElement(fh,null,s))},exports.Fade=Po,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Je,{theme:n},t.createElement(bo,null),r)},exports.Glyph=Cn,exports.Icons=Vn,exports.InlineSvg=wn,exports.Input=Ws,exports.Loader=al,exports.Menu=_s,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:a="center",align:o="center",size:c="default"})=>n.createElement(Po,{timeout:300,in:t,unmountOnExit:!0},(i=>n.createElement(qo,{className:"modal-overlay",style:i,align:o,position:a,isOpen:!0,onDismiss:r},n.createElement(Bo,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(Qo,{className:"modal-content",style:t,size:c,"aria-label":"dialog"},e)))))),exports.ModalBody=ec,exports.ModalContent=Qo,exports.ModalFooter=tc,exports.ModalOverlay=qo,exports.MultiSelectDropdown=e=>{const{name:r,label:a,items:o,selectedItem:c,onChange:i,disabled:s=!1,customValues:l=!1,placeholder:h,isErrored:u,errorText:p,onCustomValueAdd:d,itemLabelIdentifier:m,itemValueIdentifier:v,isRequired:f,renderCustomSuggestion:g,maxAllowedLength:b=2147483647,...z}=e,[y,M]=t.useState([]),[x,w]=t.useState(""),[H,C]=t.useState(!1),V=t.useRef(null);t.useEffect((()=>{M([...c])}),[c]);const k=e=>{y.some((t=>t[v]===e[v]))?E(e):H||L(e)},L=e=>{w(""),M([...y,e]),i([...y,e])},E=e=>{const t=y.filter((t=>t[m]!==e[m]));M(t),i(t)},S=e=>g?g(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:a,index:o,highlightedIndex:c,selectedItem:i,itemValueIdentifier:s,itemLabelIdentifier:l})=>{const h=c===o,u=i.some((t=>t[s]&&t[s]===e[s]));return n.createElement(Js,Object.assign({disabled:e.disabled},a,{key:o,isHighlighted:h,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(so.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[s]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[l]?`Enter to ${u?"remove":"add"} '${e[l]}'`:e[l]),u&&!e.customValues&&n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(hi,Object.assign({selectedItem:c,onChange:e=>{e&&k(e)},itemToString:e=>e?e[v]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>b?C(!0):C(!1),w(e)}},z),(({getInputProps:e,getItemProps:t,getRootProps:c,inputValue:i,selectedItem:p,toggleMenu:g,isOpen:z,highlightedIndex:y})=>n.createElement(Qs,Object.assign({required:f},c()),a&&n.createElement("label",{htmlFor:a},a),n.createElement(Zs,{isOpen:z&&!s,isErrored:u,id:"dropdownField container","data-testid":`formik-multi-select-${a}`,onClick:()=>{z||V&&V.current&&V.current.focus(),g()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,a)=>e[r]&&n.createElement(Ks,{key:a,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:E,selectedItem:p,itemLabelIdentifier:m}),(({label:e,name:t,searchRef:r,InputProps:a,items:o,placeholder:c,customValues:i})=>0!==o.length||i?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},a,{placeholder:c})):null)({name:r,label:a||"",searchRef:V,selectedItem:p,removeSelectedItem:E,disabled:s,items:o,inputValue:i,placeholder:h||"",customValues:l,InputProps:{...e({disabled:s,onKeyDown:e=>{"Backspace"!==e.key||i||E(p[p.length-1]),"Enter"===e.key&&i&&l&&null===y&&(d?d({[m]:i,[v]:i}):k({[m]:i,[v]:i}))}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:z,unmountOnExit:!0},(e=>{const r=((e,t,n,r,a)=>{const o=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==o.length&&a&&""!==e&&o.push({[r]:e,[n]:e,customValues:!0}),o})(i,o,m,v,l);return r&&r.length>0&&n.createElement(Xs,{style:e},r.map(((e,n)=>S({lengthError:H,maxAllowedLength:b,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:p,itemValueIdentifier:v,itemLabelIdentifier:m}))))}))))),u&&p&&n.createElement(qs,null,p))},exports.Popover=dc,exports.Radio=Km,exports.Slide=jo,exports.SlideFade=Bo,exports.SvgWrapper=Hn,exports.Table=e=>{const{columns:t=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:d=!0,showSelections:m=!0,hideTableHeaderOnEmpty:f=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:z=(()=>[]),cellPropGetter:y,rowPropGetter:M,onRowSelect:x,onRowClick:w,emptyComponent:H,loadingComponent:C,onPrevious:V,onFirstClick:k,onLastClick:L,onPageClick:E,onSelectAll:S,onNext:_,onMenuOptionSelect:A,headerComponent:D,initialState:O={},filterComponent:I}=e,[N,R]=n.useState(g),[P,T]=n.useState(null),{getTableProps:F,getTableBodyProps:j,headerGroups:B,rows:Y,setColumnOrder:$,setHiddenColumns:W,flatRows:U,prepareRow:K,getToggleAllRowsSelectedProps:G}=v.useTable({columns:t,data:r,initialState:O,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:O.selectedRowIds||{}})),[O.selectedRowIds,e])},v.useRowSelect,v.useColumnOrder,(e=>{e.visibleColumns.push((e=>m?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>p?n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{if(n){const e={};Y&&Y.length>0&&Y.forEach((t=>{e[t.id]=!0})),x&&x(e,U)}else x&&x({},U);S&&S(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n),x&&x({...O.selectedRowIds,[t.id]:n},U)}})))}},...e]:[...e]))})),q=[];for(let e=0;e<Math.ceil(a/o);e++)q.push(e+1);return v.useMountedLayoutEffect((()=>{O&&O.columnOrder&&$(O.columnOrder)}),[O.columnOrder]),v.useMountedLayoutEffect((()=>{O&&O.hiddenColumns&&W(O.hiddenColumns)}),[O.hiddenColumns]),n.createElement(Qm,{className:"fui-table"},d&&n.createElement(tv,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},G()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},h&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},C?n.createElement(al,{size:"small"}):n.createElement(n.Fragment,null,a>0?`${(c-1)*o+(r.length>0?1:0)} - ${(c-1)*o+r.length} of ${i?""+(r.length>0?"Many":"-"):a}`:null)),n.createElement(po,{type:"secondary",disabled:!l||Boolean(C),onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:!s||Boolean(C),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&n.createElement(po,{type:"secondary",className:"filter-toggle",onClick:()=>R(!N)},n.createElement(Vn,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(hv,{className:"table-content"},n.createElement(ev,{showFilters:g&&N,className:"table-wrapper"},C?n.createElement(n.Fragment,null,C):n.createElement(n.Fragment,null,f&&0===Y.length?n.createElement(n.Fragment,null,H):n.createElement(nv,Object.assign({},F()),n.createElement(ov,null,B.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(rv,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(sv,Object.assign({},t()),r("Header"))})),b&&n.createElement(sv,null))}))),n.createElement(iv,Object.assign({},j()),Y.length>0?Y.map((e=>{K(e);const{getRowProps:t,cells:r}=e;return n.createElement(rv,Object.assign({},t(M?M(e):{}),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(lv,Object.assign({},t(y?y(e):{}),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),b&&n.createElement(lv,null,z&&z(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(pv,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>T(e.currentTarget)},n.createElement(Vn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(dc,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>T(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(_s,{options:z(e.original)||[],onSelect:t=>{A&&A(t.id,e.original),T(null)},closeMenuCallback:()=>T(null)})))))})):n.createElement(n.Fragment,null,H)),u&&n.createElement(cv,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(O&&O.hiddenColumns&&O.hiddenColumns.length||0)+(m?1:0)+(z&&z().length>0?1:0)},n.createElement(av,{className:"table-pagination"},Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>k&&k(1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),c>3&&n.createElement(n.Fragment,null,n.createElement(po,{type:"secondary",onClick:()=>E&&E(1)},"1"),c-3!=1&&n.createElement(po,{type:"secondary",disabled:!0},"...")),q.map((e=>[e-2,e-1,e,e+1,e+2].includes(c)&&n.createElement(po,{type:"secondary",className:c===e?"active":"",onClick:()=>E&&E(e)},e))),c<Math.ceil(a/o)-2&&n.createElement(n.Fragment,null,c+3!==Math.ceil(a/o)&&n.createElement(po,{type:"secondary",disabled:!0},"..."),n.createElement(po,{type:"secondary",onClick:()=>E&&E(Math.ceil(a/o))},Math.ceil(a/o))),n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>L&&L(Math.ceil(a/o))},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&N&&I&&n.createElement(uv,{className:"table-filters"},I)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:a="id",nameAccessor:o="name",options:c=[],ref:i=null}=e;return n.createElement(dv,{ref:i,role:"tablist"},c.map((e=>!e.hide&&n.createElement(mv,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[a]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[a]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[a],key:e[a]},n.createElement("span",{className:"label"}," ",e[o])))))},exports.Tag=Ks,exports.TextArea=Us,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:a=!0}=e,o=Wv(go,r);return t.createElement(Je,{theme:o},a&&t.createElement(bo,null),n)},exports.TimePicker=e=>{const{placeholder:t,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=e;return n.createElement($m,{isErrored:s,id:`time-picker-container-${o||""}`},a&&n.createElement("label",null,a,l&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Tm,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&n.createElement("span",{className:"error"},i))},exports.ToastWrapper=e=>{const[r,a]=t.useState([]),[o,c]=t.useState(0),[s,l]=t.useState(!1),h=e=>{a(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||l(!1)}),[r]),n.createElement(fv.Provider,{value:{pushToast:e=>{const t={...e,id:o};c(o+1),a([t,...r])},closeToast:h}},e.children,i.createPortal(n.createElement(zv,{length:r.length,isHovering:s,onMouseOver:()=>{l(!0)},onMouseLeave:()=>{l(!1)}},r.map(((e,t)=>n.createElement(gv,{key:e.id,index:t,toast:e,closeToast:h,isHovering:s})))," "),document.body))},exports.Toggle=xv,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:a=!0,trigger:o="mouseenter",interactive:c=!0,html:i=null,style:s={},children:l})=>t.createElement(t.Fragment,null,t.createElement(Ps,null),t.createElement(h.Tooltip,{title:n,position:e,theme:r,arrow:a,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:i,interactive:c,style:s,trigger:o,duration:150,delay:100},t.cloneElement(l))),exports.Transition=No,exports.UiProvider=({children:e})=>{const[r,a,o]=Go([]),[c,i]=t.useState(!1),s=e=>{const t=e(o.current);a(t)},l=e=>{const t=e();i(t)},h=t.useMemo((()=>({toasts:r,toastHovering:c,updateToasts:s,updateToastHoverStatus:l})),[r,c]);return n.createElement(wv.Provider,{value:h},n.createElement(n.Fragment,null,e,n.createElement(Av,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(Xe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=Hv(),[,a,o]=Go(n);t.useEffect((()=>a(n)),[n]);return[r,t=>{const n=`toast-${Vv()}`,r=t.delay||Dv,a=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Iv.push(t),((t,n)=>{n<=Nv||(clearTimeout(Ov),Nv=n,Ov=window.setTimeout((()=>{e((e=>Iv.length<e.length?e:(Iv=[],[]))),clearTimeout(Ov)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>a(n,r)}]));const c=(e,t)=>{const n=window.setTimeout((()=>{if(o.current)return c(e,t),clearTimeout(n);a(e,t),clearTimeout(n)}),t)};c(n,r)}]};
|
package/lib/index.esm.js
CHANGED
|
@@ -231,7 +231,7 @@ object-assign
|
|
|
231
231
|
background-color: ${$o.palette.S900};
|
|
232
232
|
color: ${$o.palette.S10};
|
|
233
233
|
}
|
|
234
|
-
`;process.env.NODE_ENV;var Uo=Xo()?e.useLayoutEffect:e.useEffect,Ko={},Go=Jo;if("production"!==process.env.NODE_ENV){var qo=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Go=function(e){Ko[e]||(Ko[e]=!0,"test"!==qo.NODE_ENV&&1!==parseInt(window.getComputedStyle(document.body).getPropertyValue("--reach-"+e),10)&&console.warn("@reach/"+e+' styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import "@reach/'+e+'/styles.css";\n\n Otherwise you\'ll need to include them some other way:\n\n <link rel="stylesheet" type="text/css" href="node_modules/@reach/'+e+'/styles.css" />\n\n For more information visit https://ui.reach.tech/styling.\n '))}}function Zo(e,t){if(null!=e)if(function(e){return!(!e||"[object Function]"!={}.toString.call(e))}(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Xo(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function Jo(){}function Qo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var ec=function(t){var n=t.children,a=t.type,o=void 0===a?"reach-portal":a,c=r(null),i=r(null),s=l()[1];return Uo((function(){if(c.current){var e=c.current.ownerDocument;return i.current=null==e?void 0:e.createElement(o),e.body.appendChild(i.current),s({}),function(){i.current&&i.current.ownerDocument&&i.current.ownerDocument.body.removeChild(i.current)}}}),[o]),i.current?C(n,i.current):e.createElement("span",{ref:c})};function tc(){return tc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},tc.apply(this,arguments)}function nc(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}"production"!==process.env.NODE_ENV&&(ec.displayName="Portal");var rc={allowPinchZoom:_o.bool,dangerouslyBypassFocusLock:_o.bool,dangerouslyBypassScrollLock:_o.bool,initialFocusRef:function(){return null},onDismiss:_o.func},ac=s((function(t,n){var r=t.isOpen,a=void 0===r||r,o=nc(t,["isOpen"]);return h((function(){return Go("dialog")}),[]),h((function(){a?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[a]),a?e.createElement(ec,{"data-reach-dialog-wrapper":""},e.createElement(oc,Object.assign({ref:n},o))):null}));"production"!==process.env.NODE_ENV&&(ac.displayName="DialogOverlay",ac.propTypes=tc({},rc,{isOpen:_o.bool}));var oc=s((function(t,a){var o=t.allowPinchZoom,c=t.dangerouslyBypassFocusLock,i=void 0!==c&&c,s=t.dangerouslyBypassScrollLock,l=void 0!==s&&s,d=t.initialFocusRef,u=t.onClick,m=t.onDismiss,v=void 0===m?Jo:m,f=t.onKeyDown,g=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,z=void 0===b||b,y=nc(t,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),M=r(null),x=r(null),w=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n((function(){return t.every((function(e){return null==e}))?null:function(e){t.forEach((function(t){Zo(t,e)}))}}),[].concat(t))}(x,a),H=p((function(){d&&d.current&&d.current.focus()}),[d]);return h((function(){return x.current?function(e){var t=[],n=[],r=(a=e,(a&&a.ownerDocument?a.ownerDocument:Xo()?document:null)||document);var a;if(!e)return"production"!==process.env.NODE_ENV&&console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Jo;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var a,o;if(r!==(null===(a=e.parentNode)||void 0===a||null===(o=a.parentNode)||void 0===o?void 0:o.parentNode)){var c=r.getAttribute("aria-hidden");null!==c&&"false"!==c||(t.push(c),n.push(r),r.setAttribute("aria-hidden","true"))}})),function(){n.forEach((function(e,n){var r=t[n];null===r?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r)}))}}(x.current):void 0}),[]),e.createElement(S,{autoFocus:!0,returnFocus:!0,onActivation:H,disabled:i,crossFrame:z},e.createElement(_,{allowPinchZoom:o,enabled:!l},e.createElement("div",Object.assign({},y,{ref:w,"data-reach-dialog-overlay":"",onClick:Qo(u,(function(e){M.current===e.target&&(e.stopPropagation(),v(e))})),onKeyDown:Qo(f,(function(e){"Escape"===e.key&&(e.stopPropagation(),v(e))})),onMouseDown:Qo(g,(function(e){M.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(ac.displayName="DialogOverlay",ac.propTypes=tc({},rc));var cc=s((function(t,n){var r=t.onClick,a=(t.onKeyDown,nc(t,["onClick","onKeyDown"]));return e.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},a,{ref:n,"data-reach-dialog-content":"",onClick:Qo(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(cc.displayName="DialogContent",cc.propTypes={"aria-label":sc,"aria-labelledby":sc});var ic=s((function(t,n){var r=t.allowPinchZoom,a=void 0!==r&&r,o=t.initialFocusRef,c=t.isOpen,i=t.onDismiss,s=void 0===i?Jo:i,l=nc(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return e.createElement(ac,{allowPinchZoom:a,initialFocusRef:o,isOpen:c,onDismiss:s},e.createElement(cc,Object.assign({ref:n},l)))}));function sc(e,t,n,r,a){var o="\nSee https://www.w3.org/TR/wai-aria/#aria-label for details.";return e["aria-label"]||e["aria-labelledby"]?e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+n+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+o):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(a)?"array":typeof a)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+o)}function lc(e){const{styles:t,in:n,timeout:r=150,transition:a=`all ${r}ms ease-in-out`,children:c,...i}=e;return o(H,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:r},i),(e=>c((e=>({...t.init,transition:a,...t[e]}))(e))))}"production"!==process.env.NODE_ENV&&(ic.displayName="Dialog",ic.propTypes={isOpen:_o.bool,onDismiss:_o.func,"aria-label":sc,"aria-labelledby":sc});const hc={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function pc(e){const{timeout:t=150,...n}=e;return o(lc,Object.assign({transition:`all ${t}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:hc,timeout:{enter:0,exit:t}},n))}function dc(e){switch(e){case"bottom":return{maxWidth:"100vw",bottom:0,left:0,right:0};case"top":return{maxWidth:"100vw",top:0,left:0,right:0};case"left":return{height:"100vh",left:0,top:0};case"right":return{right:0,top:0,height:"100vh"}}}const uc=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function mc(e){const{placement:t="left",timeout:n=150,children:r,...a}=e,c=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:uc(e,t[e])},entered:{transform:uc(e,"0%")},exiting:{transform:uc(e,t[e])}}}(t),i={position:"fixed",willChange:"transform",...dc(t)};return o(lc,Object.assign({styles:c,transition:`all ${n}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:n}},a),(e=>r({...i,...e})))}const vc=e=>{const{initialOffset:t="20px",timeout:n=150,...r}=e,a=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(t);return o(lc,Object.assign({styles:a,transition:`all ${n}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:n}},r))},fc=e.forwardRef(((t,n)=>{const{isOpen:r,title:a="",confirmButtonText:o="",cancelButtonText:c="",contentStyles:i={},bodyStyles:s={},footerStyles:l={},children:h=null,confirmButtonDisabled:p=!1,cancelButtonDisabled:d=!1,onConfirm:u=(()=>{}),onDismiss:m}=t;return e.createElement(pc,{timeout:300,in:r,unmountOnExit:!0},(t=>e.createElement(bc,{style:t,isOpen:!0,onDismiss:m},e.createElement(vc,{timeout:150,in:r,unmountOnExit:!0},(t=>e.createElement(gc,{style:{...t,...i}},e.createElement(zc,{style:s},a&&e.createElement("h4",null,a),h&&e.createElement("div",null,h)),(c||o)&&e.createElement(yc,{style:l},c&&e.createElement(Fo,{disabled:d,inline:!0,type:"secondary",onClick:m},c),o&&e.createElement(Fo,{disabled:p,inline:!0,onClick:u},o))))))))})),gc=Et(cc)`
|
|
234
|
+
`;process.env.NODE_ENV;var Uo=Xo()?e.useLayoutEffect:e.useEffect,Ko={},Go=Jo;if("production"!==process.env.NODE_ENV){var qo=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Go=function(e){Ko[e]||(Ko[e]=!0,"test"!==qo.NODE_ENV&&1!==parseInt(window.getComputedStyle(document.body).getPropertyValue("--reach-"+e),10)&&console.warn("@reach/"+e+' styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import "@reach/'+e+'/styles.css";\n\n Otherwise you\'ll need to include them some other way:\n\n <link rel="stylesheet" type="text/css" href="node_modules/@reach/'+e+'/styles.css" />\n\n For more information visit https://ui.reach.tech/styling.\n '))}}function Zo(e,t){if(null!=e)if(function(e){return!(!e||"[object Function]"!={}.toString.call(e))}(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Xo(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function Jo(){}function Qo(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var ec=function(t){var n=t.children,a=t.type,o=void 0===a?"reach-portal":a,c=r(null),i=r(null),s=l()[1];return Uo((function(){if(c.current){var e=c.current.ownerDocument;return i.current=null==e?void 0:e.createElement(o),e.body.appendChild(i.current),s({}),function(){i.current&&i.current.ownerDocument&&i.current.ownerDocument.body.removeChild(i.current)}}}),[o]),i.current?C(n,i.current):e.createElement("span",{ref:c})};function tc(){return tc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},tc.apply(this,arguments)}function nc(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}"production"!==process.env.NODE_ENV&&(ec.displayName="Portal");var rc={allowPinchZoom:_o.bool,dangerouslyBypassFocusLock:_o.bool,dangerouslyBypassScrollLock:_o.bool,initialFocusRef:function(){return null},onDismiss:_o.func},ac=s((function(t,n){var r=t.isOpen,a=void 0===r||r,o=nc(t,["isOpen"]);return h((function(){return Go("dialog")}),[]),h((function(){a?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[a]),a?e.createElement(ec,{"data-reach-dialog-wrapper":""},e.createElement(oc,Object.assign({ref:n},o))):null}));"production"!==process.env.NODE_ENV&&(ac.displayName="DialogOverlay",ac.propTypes=tc({},rc,{isOpen:_o.bool}));var oc=s((function(t,a){var o=t.allowPinchZoom,c=t.dangerouslyBypassFocusLock,i=void 0!==c&&c,s=t.dangerouslyBypassScrollLock,l=void 0!==s&&s,d=t.initialFocusRef,u=t.onClick,m=t.onDismiss,v=void 0===m?Jo:m,f=t.onKeyDown,g=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,z=void 0===b||b,y=nc(t,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),M=r(null),x=r(null),w=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n((function(){return t.every((function(e){return null==e}))?null:function(e){t.forEach((function(t){Zo(t,e)}))}}),[].concat(t))}(x,a),H=p((function(){d&&d.current&&d.current.focus()}),[d]);return h((function(){return x.current?function(e){var t=[],n=[],r=(a=e,(a&&a.ownerDocument?a.ownerDocument:Xo()?document:null)||document);var a;if(!e)return"production"!==process.env.NODE_ENV&&console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),Jo;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var a,o;if(r!==(null===(a=e.parentNode)||void 0===a||null===(o=a.parentNode)||void 0===o?void 0:o.parentNode)){var c=r.getAttribute("aria-hidden");null!==c&&"false"!==c||(t.push(c),n.push(r),r.setAttribute("aria-hidden","true"))}})),function(){n.forEach((function(e,n){var r=t[n];null===r?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r)}))}}(x.current):void 0}),[]),e.createElement(S,{autoFocus:!0,returnFocus:!0,onActivation:H,disabled:i,crossFrame:z},e.createElement(_,{allowPinchZoom:o,enabled:!l},e.createElement("div",Object.assign({},y,{ref:w,"data-reach-dialog-overlay":"",onClick:Qo(u,(function(e){M.current===e.target&&(e.stopPropagation(),v(e))})),onKeyDown:Qo(f,(function(e){"Escape"===e.key&&(e.stopPropagation(),v(e))})),onMouseDown:Qo(g,(function(e){M.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(ac.displayName="DialogOverlay",ac.propTypes=tc({},rc));var cc=s((function(t,n){var r=t.onClick,a=(t.onKeyDown,nc(t,["onClick","onKeyDown"]));return e.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},a,{ref:n,"data-reach-dialog-content":"",onClick:Qo(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(cc.displayName="DialogContent",cc.propTypes={"aria-label":sc,"aria-labelledby":sc});var ic=s((function(t,n){var r=t.allowPinchZoom,a=void 0!==r&&r,o=t.initialFocusRef,c=t.isOpen,i=t.onDismiss,s=void 0===i?Jo:i,l=nc(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return e.createElement(ac,{allowPinchZoom:a,initialFocusRef:o,isOpen:c,onDismiss:s},e.createElement(cc,Object.assign({ref:n},l)))}));function sc(e,t,n,r,a){var o="\nSee https://www.w3.org/TR/wai-aria/#aria-label for details.";return e["aria-label"]||e["aria-labelledby"]?e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+n+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+o):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(a)?"array":typeof a)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+o)}function lc(e){const{styles:t,in:n,timeout:r=150,transition:a=`all ${r}ms ease-in-out`,children:c,...i}=e;return o(H,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:r},i),(e=>c((e=>({...t.init,transition:a,...t[e]}))(e))))}"production"!==process.env.NODE_ENV&&(ic.displayName="Dialog",ic.propTypes={isOpen:_o.bool,onDismiss:_o.func,"aria-label":sc,"aria-labelledby":sc});const hc={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function pc(e){const{timeout:t=150,...n}=e;return o(lc,Object.assign({transition:`all ${t}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:hc,timeout:{enter:0,exit:t}},n))}function dc(e){switch(e){case"bottom":return{maxWidth:"100vw",bottom:0,left:0,right:0};case"top":return{maxWidth:"100vw",top:0,left:0,right:0};case"left":return{height:"100vh",left:0,top:0};case"right":return{right:0,top:0,height:"100vh"}}}const uc=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function mc(e){const{placement:t="left",timeout:n=150,children:r,...a}=e,c=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:uc(e,t[e])},entered:{transform:uc(e,"0%")},exiting:{transform:uc(e,t[e])}}}(t),i={position:"fixed",willChange:"transform",...dc(t)};return o(lc,Object.assign({styles:c,transition:`all ${n}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:n}},a),(e=>r({...i,...e})))}const vc=e=>{const{initialOffset:t="20px",timeout:n=150,...r}=e,a=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(t);return o(lc,Object.assign({styles:a,transition:`all ${n}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:n}},r))},fc=e.forwardRef(((t,n)=>{const{isOpen:r,title:a="",confirmButtonText:o="",cancelButtonText:c="",contentStyles:i={},bodyStyles:s={},footerStyles:l={},children:h=null,confirmButtonDisabled:p=!1,cancelButtonDisabled:d=!1,onConfirm:u=(()=>{}),onDismiss:m}=t;return e.createElement(pc,{timeout:300,in:r,unmountOnExit:!0},(t=>e.createElement(bc,{style:t,isOpen:!0,onDismiss:m},e.createElement(vc,{timeout:150,in:r,unmountOnExit:!0},(t=>e.createElement(gc,{"aria-label":"confirmation-content",style:{...t,...i}},e.createElement(zc,{style:s},a&&e.createElement("h4",null,a),h&&e.createElement("div",null,h)),(c||o)&&e.createElement(yc,{style:l},c&&e.createElement(Fo,{disabled:d,inline:!0,type:"secondary",onClick:m},c),o&&e.createElement(Fo,{disabled:p,inline:!0,onClick:u},o))))))))})),gc=Et(cc)`
|
|
235
235
|
width: auto;
|
|
236
236
|
min-width: 512px;
|
|
237
237
|
background: #fff;
|
|
@@ -292,7 +292,7 @@ object-assign
|
|
|
292
292
|
background: ${({theme:e})=>e.palette.elephant};
|
|
293
293
|
`,Oc=Et.div`
|
|
294
294
|
${({theme:{colors:{components:{confirmModal:e}}}})=>`\n position: fixed;\n bottom: 0;\n width: 100%;\n justify-content: flex-end;\n display: flex;\n padding: 12px 16px 12px 16px;\n border-top: 1px solid ${e.border};\n background: ${e.background};\n border-radius: 4px;\n `}
|
|
295
|
-
`,Ic=d({content:{},overlay:{}}),Nc=()=>t(Ic);function Pc(e){const{in:t,children:n,placement:r}=e;return o(mc,{in:t,placement:r,timeout:450},(e=>o(pc,{in:t,timeout:250},(t=>n({content:e,overlay:t})))))}function Tc(e){const{isOpen:t,onDismiss:n,hideDismissIcon:r,clickOutToClose:a=!0,size:c="default",placement:i="right",children:s,...
|
|
295
|
+
`,Ic=d({content:{},overlay:{}}),Nc=()=>t(Ic);function Pc(e){const{in:t,children:n,placement:r}=e;return o(mc,{in:t,placement:r,timeout:450},(e=>o(pc,{in:t,timeout:250},(t=>n({content:e,overlay:t})))))}function Tc(e){const{isOpen:t,onDismiss:n,hideDismissIcon:r,clickOutToClose:a=!0,size:c="default",placement:i="right",children:s,customClass:l,...h}=e;return o(Pc,{in:t,placement:i},(e=>o(Ic.Provider,{value:e},o(Fc,{customClass:l,isOpen:!0,onDismiss:a?n:()=>{}},o(Rc,{size:c},!r&&o(Dc,{onClick:n},o(er,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),s)))))}const Rc=({children:e,size:t})=>{const{content:n}=Nc();return o(kc,{"aria-label":"dialog",className:"modal-content",size:t,style:n},e)},Fc=({isOpen:e,children:t,customClass:n,...r})=>{const{overlay:a}=Nc();return o(wc,Object.assign({className:`model-overlay ${n}`,isOpen:e,style:a},r),t)},jc=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},Yc=(e,t)=>{const n=()=>(new Date).getTime(),r=()=>o=n();let a,o=n()-t;return(...c)=>new Promise((i=>{const s=o+t-n();a&&clearTimeout(a),o+t<=n()?(r(),i(e(...c))):a=setTimeout((()=>{r(),i(e(...c))}),s)}))},Bc={height:0,width:0,x:2e3,y:2e3,bottom:0,left:0,right:0,top:0,toJSON:()=>{}};let $c;const Wc=t=>{const{onClose:n=(()=>{}),children:r,autoCloseDuration:a=800,anchorEl:o=null,hoverOutToClose:c=!1,clickOutToClose:i=!0,id:s,anchorOrigin:l={vertical:"bottom",horizontal:"center"},transformOrigin:h={vertical:"top",horizontal:"center"}}=t,p=o&&o.getBoundingClientRect()||Bc,[d,u]=e.useState({left:p.y,top:p.x}),m=e.createRef(),v=()=>{const e=m.current&&m.current.getBoundingClientRect()||Bc;if(m.current){const t=((e,t,n,r)=>{let a=e.y,o=e.x;const{width:c,height:i}=t;switch(n.vertical){case"center":a+=e.height/2;break;case"bottom":a+=e.height}switch(n.horizontal){case"center":o+=e.width/2;break;case"right":o+=e.width}switch(r.vertical){case"center":a-=i/2;break;case"bottom":a-=i}switch(r.horizontal){case"center":o-=c/2;break;case"right":o-=c}const{innerWidth:s,innerHeight:l}=window;o+c>s&&(o-=o+c-s+16);a+i>l&&(a-=a+i-l+16);return{top:a,left:o}})(p,e,l,h);u(t)}};window.addEventListener("resize",Yc(v,500)),window.addEventListener("scroll",Yc(v,500)),e.useEffect((()=>{v(),o&&c&&(clearTimeout($c),$c=setTimeout((()=>{n()}),a))}),[o]);const f=o&&o.getAttribute("aria-describedby");return o&&s===f?V.createPortal(e.createElement(Kc,{id:s,onClick:i?e=>n(e):()=>{}},e.createElement(Uc,{onMouseEnter:()=>clearTimeout($c),onMouseLeave:c?e=>n(e):()=>{},ref:m,style:d},r)),document.body):null},Uc=Et.div`
|
|
296
296
|
position: absolute;
|
|
297
297
|
`,Kc=Et.div`
|
|
298
298
|
top: 0;
|
|
@@ -983,7 +983,7 @@ object-assign
|
|
|
983
983
|
${({theme:{colors:e,typography:{body:t}},isHighlighted:n,isSelected:r,disabled:a,isRemove:o,lengthError:c})=>`\n .primary-text {\n font-size : ${t.regular.fontSize};\n line-height : ${t.regular.lineHeight};\n color: ${o||c?e.text.error:r?n?e.text.primary:e.text.link:a?e.text.disabled:e.text.primary};\n font-weight : ${r?"500":"400"};\n display: block;\n }\n padding : 8px;\n margin : 8px;\n border-radius: 4px;\n overflow-wrap : break-word; \n background: ${o?"none":r?e.background.selected:n?e.background.hover:"none"};\n :hover {\n cursor: ${a?"not-allowed":"pointer"};\n } \n `}
|
|
984
984
|
`,Al=Et.div`
|
|
985
985
|
${({required:e,theme:{colors:{text:t},typography:{body:n,input:r}}})=>`\n position : relative;\n label {\n display : inline-block;\n font-weight: ${n.label.fontWeight};\n font-size: ${n.label.fontSize};\n line-height: ${n.label.lineHeight};\n text-transform: capitalize;\n padding-left: 2px;\n margin-bottom : 8px;\n ${e?`&::after {\n content: '*';\n position: relative;\n top: 2px;\n font-weight: ${n.requiredLabel.fontWeight};\n font-size: ${n.requiredLabel.fontSize};\n color : ${t.error};\n padding-left: 3px;\n }`:""};\n }\n `}
|
|
986
|
-
`,Dl=t=>{const{name:n,label:a,items:o,selectedItem:c,onChange:i,
|
|
986
|
+
`,Dl=t=>{const{name:n,label:a,items:o,selectedItem:c,onChange:i,disabled:s=!1,customValues:p=!1,placeholder:d,isErrored:u,errorText:m,onCustomValueAdd:v,itemLabelIdentifier:f,itemValueIdentifier:g,isRequired:b,renderCustomSuggestion:z,maxAllowedLength:y=2147483647,...M}=t,[x,w]=l([]),[H,V]=l(""),[C,k]=l(!1),L=r(null);h((()=>{w([...c])}),[c]);const E=e=>{x.some((t=>t[g]===e[g]))?_(e):C||S(e)},S=e=>{V(""),w([...x,e]),i([...x,e])},_=e=>{const t=x.filter((t=>t[f]!==e[f]));w(t),i(t)},A=t=>z?z(t):(({item:t,lengthError:n,maxAllowedLength:r,itemProps:a,index:o,highlightedIndex:c,selectedItem:i,itemValueIdentifier:s,itemLabelIdentifier:l})=>{const h=c===o,p=i.some((e=>e[s]&&e[s]===t[s]));return e.createElement(_l,Object.assign({disabled:t.disabled},a,{key:o,isHighlighted:h,isSelected:p,isRemove:p&&t.customValues,lengthError:n}),e.createElement(No.Flex,{alignItems:"center",justifyContent:"space-between"},e.createElement("div",{className:"primary-text","data-testid":`suggested-item-${t[s]}`},n?`Length cannot be greater than ${r} characters`:t.customValues&&""!==t[l]?`Enter to ${p?"remove":"add"} '${t[l]}'`:t[l]),p&&!t.customValues&&e.createElement(er,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(t);return e.createElement("div",null,e.createElement(Yi,Object.assign({selectedItem:c,onChange:e=>{e&&E(e)},itemToString:e=>e?e[g]:"",inputValue:H,onInputValueChange:(e="")=>{p&&e.length>y?k(!0):k(!1),V(e)}},M),(({getInputProps:t,getItemProps:r,getRootProps:c,inputValue:i,selectedItem:l,toggleMenu:h,isOpen:m,highlightedIndex:z})=>e.createElement(Al,Object.assign({required:b},c()),a&&e.createElement("label",{htmlFor:a},a),e.createElement(El,{isOpen:m&&!s,isErrored:u,id:"dropdownField container","data-testid":`formik-multi-select-${a}`,onClick:()=>{m||L&&L.current&&L.current.focus(),h()}},e.createElement("div",{className:"items"},(({selectedItem:t,removeSelectedItem:n,itemLabelIdentifier:r})=>t&&t.length>0&&t.map(((t,a)=>t[r]&&e.createElement(Cl,{key:a,onCloseAction:e=>{e.stopPropagation(),n(t)}},t[r]))))({removeSelectedItem:_,selectedItem:l,itemLabelIdentifier:f}),(({label:t,name:n,searchRef:r,InputProps:a,items:o,placeholder:c,customValues:i})=>0!==o.length||i?e.createElement("input",Object.assign({name:n,size:25,"data-testid":`formik-multi-select-input-${t}`,ref:r,type:"text"},a,{placeholder:c})):null)({name:n,label:a||"",searchRef:L,selectedItem:l,removeSelectedItem:_,disabled:s,items:o,inputValue:i,placeholder:d||"",customValues:p,InputProps:{...t({disabled:s,onKeyDown:e=>{"Backspace"!==e.key||i||_(l[l.length-1]),"Enter"===e.key&&i&&p&&null===z&&(v?v({[f]:i,[g]:i}):E({[f]:i,[g]:i}))}})}})),e.createElement("div",{className:"svg-wrapper"},e.createElement(er,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),e.createElement(vc,{initialOffset:"-20px",timeout:200,in:m,unmountOnExit:!0},(t=>{const n=((e,t,n,r,a)=>{const o=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==o.length&&a&&""!==e&&o.push({[r]:e,[n]:e,customValues:!0}),o})(i,o,f,g,p);return n&&n.length>0&&e.createElement(Sl,{style:t},n.map(((e,t)=>A({lengthError:C,maxAllowedLength:y,item:e,index:t,itemProps:r({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:z===t,highlightedIndex:z,selectedItem:l,itemValueIdentifier:g,itemLabelIdentifier:f}))))}))))),u&&m&&e.createElement(Ll,null,m))},Ol={small:16,medium:32,big:40},Il=At`
|
|
987
987
|
to { transform: rotate(360deg); }
|
|
988
988
|
`,Nl={small:3,medium:3,big:6},Pl=Et.div`
|
|
989
989
|
position: relative;
|
|
@@ -7,6 +7,7 @@ export interface DrawerProps extends ModalProps {
|
|
|
7
7
|
isFullHeight?: boolean;
|
|
8
8
|
clickOutToClose?: boolean;
|
|
9
9
|
hideDismissIcon?: boolean;
|
|
10
|
+
customClass?: string;
|
|
10
11
|
}
|
|
11
12
|
export declare function Drawer(props: DrawerProps): JSX.Element;
|
|
12
13
|
export declare const DrawerContent: React.SFC<{
|
|
@@ -5,6 +5,7 @@ declare type MultiSelectProps = {
|
|
|
5
5
|
label?: string;
|
|
6
6
|
items: any[];
|
|
7
7
|
selectedItem: any;
|
|
8
|
+
onCustomValueAdd?: (item: any) => void;
|
|
8
9
|
onChange: (items: any) => void;
|
|
9
10
|
placeholder?: string;
|
|
10
11
|
itemLabelIdentifier: string;
|
|
@@ -12,6 +13,7 @@ declare type MultiSelectProps = {
|
|
|
12
13
|
errorText?: string;
|
|
13
14
|
isErrored?: boolean;
|
|
14
15
|
isRequired?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
15
17
|
customValues?: boolean;
|
|
16
18
|
renderCustomSuggestion?: any;
|
|
17
19
|
maxAllowedLength?: number;
|