freemium-ui 1.0.152 → 1.0.153
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
|
@@ -232,7 +232,7 @@ object-assign
|
|
|
232
232
|
background-color: ${mi.palette.S900};
|
|
233
233
|
color: ${mi.palette.S10};
|
|
234
234
|
}
|
|
235
|
-
`;process.env.NODE_ENV;var bi=_i()?n.useLayoutEffect:n.useEffect,yi={},vi=ki;if("production"!==process.env.NODE_ENV){var xi=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;vi=function(e){yi[e]||(yi[e]=!0,"test"!==xi.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 wi(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 _i(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function ki(){}function Ei(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 Si=function(e){var r=e.children,o=e.type,i=void 0===o?"reach-portal":o,s=t.useRef(null),l=t.useRef(null),c=t.useState()[1];return bi((function(){if(s.current){var e=s.current.ownerDocument;return l.current=null==e?void 0:e.createElement(i),e.body.appendChild(l.current),c({}),function(){l.current&&l.current.ownerDocument&&l.current.ownerDocument.body.removeChild(l.current)}}}),[i]),l.current?a.createPortal(r,l.current):n.createElement("span",{ref:s})};function Ci(){return Ci=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},Ci.apply(this,arguments)}function Ii(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}"production"!==process.env.NODE_ENV&&(Si.displayName="Portal");var Oi={allowPinchZoom:ni.bool,dangerouslyBypassFocusLock:ni.bool,dangerouslyBypassScrollLock:ni.bool,initialFocusRef:function(){return null},onDismiss:ni.func},Di=t.forwardRef((function(e,r){var o=e.isOpen,i=void 0===o||o,a=Ii(e,["isOpen"]);return t.useEffect((function(){return vi("dialog")}),[]),t.useEffect((function(){i?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[i]),i?n.createElement(Si,{"data-reach-dialog-wrapper":""},n.createElement(Ni,Object.assign({ref:r},a))):null}));"production"!==process.env.NODE_ENV&&(Di.displayName="DialogOverlay",Di.propTypes=Ci({},Oi,{isOpen:ni.bool}));var Ni=t.forwardRef((function(e,r){var o=e.allowPinchZoom,i=e.dangerouslyBypassFocusLock,a=void 0!==i&&i,s=e.dangerouslyBypassScrollLock,d=void 0!==s&&s,u=e.initialFocusRef,p=e.onClick,h=e.onDismiss,f=void 0===h?ki:h,m=e.onKeyDown,g=e.onMouseDown,b=e.unstable_lockFocusAcrossFrames,y=void 0===b||b,v=Ii(e,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),x=t.useRef(null),w=t.useRef(null),_=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){wi(t,e)}))}}),[].concat(n))}(w,r),k=t.useCallback((function(){u&&u.current&&u.current.focus()}),[u]);return t.useEffect((function(){return w.current?function(e){var t=[],n=[],r=(o=e,(o&&o.ownerDocument?o.ownerDocument:_i()?document:null)||document);var o;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`."),ki;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var o,i;if(r!==(null===(o=e.parentNode)||void 0===o||null===(i=o.parentNode)||void 0===i?void 0:i.parentNode)){var a=r.getAttribute("aria-hidden");null!==a&&"false"!==a||(t.push(a),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)}))}}(w.current):void 0}),[]),n.createElement(l,{autoFocus:!0,returnFocus:!0,onActivation:k,disabled:a,crossFrame:y},n.createElement(c.RemoveScroll,{allowPinchZoom:o,enabled:!d},n.createElement("div",Object.assign({},v,{ref:_,"data-reach-dialog-overlay":"",onClick:Ei(p,(function(e){x.current===e.target&&(e.stopPropagation(),f(e))})),onKeyDown:Ei(m,(function(e){"Escape"===e.key&&(e.stopPropagation(),f(e))})),onMouseDown:Ei(g,(function(e){x.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(Di.displayName="DialogOverlay",Di.propTypes=Ci({},Oi));var Mi=t.forwardRef((function(e,t){var r=e.onClick,o=(e.onKeyDown,Ii(e,["onClick","onKeyDown"]));return n.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},o,{ref:t,"data-reach-dialog-content":"",onClick:Ei(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Mi.displayName="DialogContent",Mi.propTypes={"aria-label":Ri,"aria-labelledby":Ri});var Ti=t.forwardRef((function(e,t){var r=e.allowPinchZoom,o=void 0!==r&&r,i=e.initialFocusRef,a=e.isOpen,s=e.onDismiss,l=void 0===s?ki:s,c=Ii(e,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return n.createElement(Di,{allowPinchZoom:o,initialFocusRef:i,isOpen:a,onDismiss:l},n.createElement(Mi,Object.assign({ref:t},c)))}));function Ri(e,t,n,r,o){var i="\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."+i):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+i)}function Ai(e){const{styles:n,in:r,timeout:o=150,transition:a=`all ${o}ms ease-in-out`,children:s,...l}=e;return t.createElement(i,Object.assign({appear:!0,unmountOnExit:!0,in:r,timeout:o},l),(e=>s((e=>({...n.init,transition:a,...n[e]}))(e))))}"production"!==process.env.NODE_ENV&&(Ti.displayName="Dialog",Ti.propTypes={isOpen:ni.bool,onDismiss:ni.func,"aria-label":Ri,"aria-labelledby":Ri});const Pi={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function Li(e){const{timeout:n=150,...r}=e;return t.createElement(Ai,Object.assign({transition:`all ${n}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Pi,timeout:{enter:0,exit:n}},r))}function Vi(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 $i=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function zi(e){const{placement:n="left",timeout:r=150,children:o,...i}=e,a=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:$i(e,t[e])},entered:{transform:$i(e,"0%")},exiting:{transform:$i(e,t[e])}}}(n),s={position:"fixed",willChange:"transform",...Vi(n)};return t.createElement(Ai,Object.assign({styles:a,transition:`all ${r}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:r}},i),(e=>o({...s,...e})))}const Yi=e=>{const{initialOffset:n="20px",timeout:r=150,...o}=e,i=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(Ai,Object.assign({styles:i,transition:`all ${r}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:r}},o))},ji=n.forwardRef(((e,t)=>{const{isOpen:r,title:o="",confirmButtonText:i="",cancelButtonText:a="",contentStyles:s={},bodyStyles:l={},footerStyles:c={},children:d=null,onConfirm:
|
|
235
|
+
`;process.env.NODE_ENV;var bi=_i()?n.useLayoutEffect:n.useEffect,yi={},vi=ki;if("production"!==process.env.NODE_ENV){var xi=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;vi=function(e){yi[e]||(yi[e]=!0,"test"!==xi.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 wi(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 _i(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function ki(){}function Ei(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 Si=function(e){var r=e.children,o=e.type,i=void 0===o?"reach-portal":o,s=t.useRef(null),l=t.useRef(null),c=t.useState()[1];return bi((function(){if(s.current){var e=s.current.ownerDocument;return l.current=null==e?void 0:e.createElement(i),e.body.appendChild(l.current),c({}),function(){l.current&&l.current.ownerDocument&&l.current.ownerDocument.body.removeChild(l.current)}}}),[i]),l.current?a.createPortal(r,l.current):n.createElement("span",{ref:s})};function Ci(){return Ci=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},Ci.apply(this,arguments)}function Ii(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}"production"!==process.env.NODE_ENV&&(Si.displayName="Portal");var Oi={allowPinchZoom:ni.bool,dangerouslyBypassFocusLock:ni.bool,dangerouslyBypassScrollLock:ni.bool,initialFocusRef:function(){return null},onDismiss:ni.func},Di=t.forwardRef((function(e,r){var o=e.isOpen,i=void 0===o||o,a=Ii(e,["isOpen"]);return t.useEffect((function(){return vi("dialog")}),[]),t.useEffect((function(){i?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[i]),i?n.createElement(Si,{"data-reach-dialog-wrapper":""},n.createElement(Ni,Object.assign({ref:r},a))):null}));"production"!==process.env.NODE_ENV&&(Di.displayName="DialogOverlay",Di.propTypes=Ci({},Oi,{isOpen:ni.bool}));var Ni=t.forwardRef((function(e,r){var o=e.allowPinchZoom,i=e.dangerouslyBypassFocusLock,a=void 0!==i&&i,s=e.dangerouslyBypassScrollLock,d=void 0!==s&&s,u=e.initialFocusRef,p=e.onClick,h=e.onDismiss,f=void 0===h?ki:h,m=e.onKeyDown,g=e.onMouseDown,b=e.unstable_lockFocusAcrossFrames,y=void 0===b||b,v=Ii(e,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),x=t.useRef(null),w=t.useRef(null),_=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){wi(t,e)}))}}),[].concat(n))}(w,r),k=t.useCallback((function(){u&&u.current&&u.current.focus()}),[u]);return t.useEffect((function(){return w.current?function(e){var t=[],n=[],r=(o=e,(o&&o.ownerDocument?o.ownerDocument:_i()?document:null)||document);var o;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`."),ki;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var o,i;if(r!==(null===(o=e.parentNode)||void 0===o||null===(i=o.parentNode)||void 0===i?void 0:i.parentNode)){var a=r.getAttribute("aria-hidden");null!==a&&"false"!==a||(t.push(a),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)}))}}(w.current):void 0}),[]),n.createElement(l,{autoFocus:!0,returnFocus:!0,onActivation:k,disabled:a,crossFrame:y},n.createElement(c.RemoveScroll,{allowPinchZoom:o,enabled:!d},n.createElement("div",Object.assign({},v,{ref:_,"data-reach-dialog-overlay":"",onClick:Ei(p,(function(e){x.current===e.target&&(e.stopPropagation(),f(e))})),onKeyDown:Ei(m,(function(e){"Escape"===e.key&&(e.stopPropagation(),f(e))})),onMouseDown:Ei(g,(function(e){x.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(Di.displayName="DialogOverlay",Di.propTypes=Ci({},Oi));var Mi=t.forwardRef((function(e,t){var r=e.onClick,o=(e.onKeyDown,Ii(e,["onClick","onKeyDown"]));return n.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},o,{ref:t,"data-reach-dialog-content":"",onClick:Ei(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Mi.displayName="DialogContent",Mi.propTypes={"aria-label":Ri,"aria-labelledby":Ri});var Ti=t.forwardRef((function(e,t){var r=e.allowPinchZoom,o=void 0!==r&&r,i=e.initialFocusRef,a=e.isOpen,s=e.onDismiss,l=void 0===s?ki:s,c=Ii(e,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return n.createElement(Di,{allowPinchZoom:o,initialFocusRef:i,isOpen:a,onDismiss:l},n.createElement(Mi,Object.assign({ref:t},c)))}));function Ri(e,t,n,r,o){var i="\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."+i):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+i)}function Ai(e){const{styles:n,in:r,timeout:o=150,transition:a=`all ${o}ms ease-in-out`,children:s,...l}=e;return t.createElement(i,Object.assign({appear:!0,unmountOnExit:!0,in:r,timeout:o},l),(e=>s((e=>({...n.init,transition:a,...n[e]}))(e))))}"production"!==process.env.NODE_ENV&&(Ti.displayName="Dialog",Ti.propTypes={isOpen:ni.bool,onDismiss:ni.func,"aria-label":Ri,"aria-labelledby":Ri});const Pi={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function Li(e){const{timeout:n=150,...r}=e;return t.createElement(Ai,Object.assign({transition:`all ${n}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Pi,timeout:{enter:0,exit:n}},r))}function Vi(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 $i=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function zi(e){const{placement:n="left",timeout:r=150,children:o,...i}=e,a=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:$i(e,t[e])},entered:{transform:$i(e,"0%")},exiting:{transform:$i(e,t[e])}}}(n),s={position:"fixed",willChange:"transform",...Vi(n)};return t.createElement(Ai,Object.assign({styles:a,transition:`all ${r}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:r}},i),(e=>o({...s,...e})))}const Yi=e=>{const{initialOffset:n="20px",timeout:r=150,...o}=e,i=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(Ai,Object.assign({styles:i,transition:`all ${r}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:r}},o))},ji=n.forwardRef(((e,t)=>{const{isOpen:r,title:o="",confirmButtonText:i="",cancelButtonText:a="",contentStyles:s={},bodyStyles:l={},footerStyles:c={},children:d=null,confirmButtonDisabled:u=!1,cancelButtonDisabled:p=!1,onConfirm:h=(()=>{}),onDismiss:f}=e;return n.createElement(Li,{timeout:300,in:r,unmountOnExit:!0},(e=>n.createElement(Hi,{style:e,isOpen:!0,onDismiss:f},n.createElement(Yi,{timeout:150,in:r,unmountOnExit:!0},(e=>n.createElement(Fi,{style:{...e,...s}},n.createElement(Bi,{style:l},o&&n.createElement("h4",null,o),d&&n.createElement("div",null,d)),(a||i)&&n.createElement(Wi,{style:c},a&&n.createElement(ui,{disabled:p,inline:!0,type:"secondary",onClick:f},a),i&&n.createElement(ui,{disabled:u,inline:!0,onClick:h},i))))))))})),Fi=Qe(Mi)`
|
|
236
236
|
width: auto;
|
|
237
237
|
min-width: 512px;
|
|
238
238
|
background: #fff;
|
|
@@ -1280,4 +1280,4 @@ to {right : 10px}
|
|
|
1280
1280
|
.toast-container.hover {
|
|
1281
1281
|
transform: translate3d(0, -10px, 0);
|
|
1282
1282
|
}
|
|
1283
|
-
`,Ed=()=>{const e=((e=yd())=>{const n=`ui-${e}`,{isBrowser:r}=bd(),[o,i]=t.useState(r?vd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||vd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=gd(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(_d,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(kd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},Sd=2e3;let Cd,Id=[],Od=0;var Dd=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===Nd}(e)}(e)};var Nd="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Md(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ld((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Td(e,t,n){return e.concat(t).map((function(e){return Md(e,n)}))}function Rd(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ad(e,t){try{return t in e}catch(e){return!1}}function Pd(e,t,n){var r={};return n.isMergeableObject(e)&&Rd(e).forEach((function(t){r[t]=Md(e[t],n)})),Rd(t).forEach((function(o){(function(e,t){return Ad(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ad(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Ld;var n=t.customMerge(e);return"function"==typeof n?n:Ld}(o,n)(e[o],t[o],n):r[o]=Md(t[o],n))})),r}function Ld(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Td,n.isMergeableObject=n.isMergeableObject||Dd,n.cloneUnlessOtherwiseSpecified=Md;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Pd(e,t,n):Md(t,n)}Ld.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Ld(e,n,t)}),{})};var Vd=Ld;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Bc,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=ji,exports.ConfirmationBody=Bi,exports.ConfirmationContent=Fi,exports.ConfirmationFooter=Wi,exports.ConfirmationOverlay=Hi,exports.CssBaseLine=gi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Gi(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(si.Box,{style:{position:"relative",height:"100%"}},n.createElement(Ji,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Gi().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Gi().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ta,null),navNext:n.createElement(na,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Gi(),"month");return t&&r&&v(t,!0),n.createElement(ra,{dateRangePickerProps:e})},isOutsideRange:e=>!qi(e,Gi()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Gi().subtract(s-1,"months").subtract(0,"days"),maxDate:Gi().add(0,"months").endOf("month"),initialVisibleMonth:()=>Gi().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=pa,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ga,{in:n,placement:s},(e=>t.createElement(fa.Provider,{value:e},t.createElement(ya,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ba,{size:a},!o&&t.createElement(pa,{onClick:r},t.createElement(En,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=ua,exports.DrawerContent=ba,exports.DrawerFooter=ha,exports.DrawerOverlay=ya,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=pc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[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"),n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement($c,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(hc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,pc.BUTTON===u&&n.createElement(gc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),pc.INPUT===u&&n.createElement(Lc,{placeholder:a,isErrored:m}),n.createElement(Ac,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Vc,null,s))},exports.Fade=Li,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(gi,null),r)},exports.Glyph=kn,exports.Icons=En,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{invert:r,size:t})},exports.Menu=zl,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Li,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(oa,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(Yi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(la,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=ca,exports.ModalContent=la,exports.ModalFooter=da,exports.ModalOverlay=oa,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,isRequired:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ac,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(si.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(En,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(ys,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(sc,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(oc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(tc,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o||"",searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c||"",customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Yi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(ic,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(rc,null,u))},exports.Popover=wa,exports.Radio=jc,exports.Slide=zi,exports.SlideFade=Yi,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:f=!0,showFilters:m=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),onRowSelect:y,onRowClick:v,emptyComponent:x,loadingComponent:w,onPrevious:_,onSelectAll:k,onNext:E,onMenuOptionSelect:S,headerComponent:C,initialState:I,state:O,filterComponent:D}=e,[N,M]=n.useState(m),[T,R]=n.useState(null),A=h.useTable({columns:t,data:r,initialState:I},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{k&&k(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:P,getTableBodyProps:L,headerGroups:V,rows:$,state:{selectedRowIds:z},prepareRow:Y,setColumnOrder:j,getToggleAllRowsSelectedProps:F}=A;return h.useMountedLayoutEffect((()=>{j(I?.columnOrder)}),[I?.columnOrder]),h.useMountedLayoutEffect((()=>{y&&y(z)}),[y,z]),n.createElement(Gc,{className:"fui-table"},u&&n.createElement(qc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},F()),"Select All")),C||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},i+1," - ",i+a," of ",o),n.createElement(ui,{type:"secondary",disabled:!l,onClick:()=>_&&_(l)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!s,onClick:()=>E&&E(s)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),m&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>M(!N)},n.createElement(En,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(nd,{className:"table-content"},n.createElement(Kc,{showFilters:m&&N,className:"table-wrapper"},w?n.createElement(n.Fragment,null,w):n.createElement(n.Fragment,null,f&&0===$.length?n.createElement(n.Fragment,null,x):n.createElement(Zc,Object.assign({},P()),n.createElement(Jc,null,V.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(ed,Object.assign({},t()),r("Header"))})),g&&n.createElement(ed,null))}))),n.createElement(Qc,Object.assign({},L()),$.length>0?$.map((e=>{Y(e);const{getRowProps:t,cells:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(td,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&v&&v(e.row,e.column)}}),r("Cell"))})),g&&n.createElement(td,null,b&&b(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(od,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>R(e.currentTarget)},n.createElement(En,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:T,onClose:()=>R(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:b(e.original)||[],onSelect:t=>{S&&S(t.id,e.original),R(null)},closeMenuCallback:()=>R(null)})))))})):n.createElement(n.Fragment,null,x))))),m&&N&&D&&n.createElement(rd,{className:"table-filters"},D)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(id,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(ad,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=tc,exports.TextArea=ec,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=Vd(mi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(gi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(ld.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(ud,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(cd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=fd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Ul,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ai,exports.UiProvider=({children:e})=>{const[r,o,i]=Ui([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(md.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(Ed,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]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=gd(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${yd()}`,r=t.delay||Sd,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Id.push(t),((t,n)=>{n<=Od||(clearTimeout(Cd),Od=n,Cd=window.setTimeout((()=>{e((e=>Id.length<e.length?e:(Id=[],[]))),clearTimeout(Cd)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};
|
|
1283
|
+
`,Ed=()=>{const e=((e=yd())=>{const n=`ui-${e}`,{isBrowser:r}=bd(),[o,i]=t.useState(r?vd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||vd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=gd(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(_d,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(kd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},Sd=2e3;let Cd,Id=[],Od=0;var Dd=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===Nd}(e)}(e)};var Nd="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Md(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ld((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Td(e,t,n){return e.concat(t).map((function(e){return Md(e,n)}))}function Rd(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ad(e,t){try{return t in e}catch(e){return!1}}function Pd(e,t,n){var r={};return n.isMergeableObject(e)&&Rd(e).forEach((function(t){r[t]=Md(e[t],n)})),Rd(t).forEach((function(o){(function(e,t){return Ad(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ad(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Ld;var n=t.customMerge(e);return"function"==typeof n?n:Ld}(o,n)(e[o],t[o],n):r[o]=Md(t[o],n))})),r}function Ld(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Td,n.isMergeableObject=n.isMergeableObject||Dd,n.cloneUnlessOtherwiseSpecified=Md;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Pd(e,t,n):Md(t,n)}Ld.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Ld(e,n,t)}),{})};var Vd=Ld;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Bc,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=ji,exports.ConfirmationBody=Bi,exports.ConfirmationContent=Fi,exports.ConfirmationFooter=Wi,exports.ConfirmationOverlay=Hi,exports.CssBaseLine=gi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Gi(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(si.Box,{style:{position:"relative",height:"100%"}},n.createElement(Ji,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Gi().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Gi().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ta,null),navNext:n.createElement(na,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Gi(),"month");return t&&r&&v(t,!0),n.createElement(ra,{dateRangePickerProps:e})},isOutsideRange:e=>!qi(e,Gi()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Gi().subtract(s-1,"months").subtract(0,"days"),maxDate:Gi().add(0,"months").endOf("month"),initialVisibleMonth:()=>Gi().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=pa,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ga,{in:n,placement:s},(e=>t.createElement(fa.Provider,{value:e},t.createElement(ya,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ba,{size:a},!o&&t.createElement(pa,{onClick:r},t.createElement(En,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=ua,exports.DrawerContent=ba,exports.DrawerFooter=ha,exports.DrawerOverlay=ya,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=pc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[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"),n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement($c,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(hc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,pc.BUTTON===u&&n.createElement(gc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),pc.INPUT===u&&n.createElement(Lc,{placeholder:a,isErrored:m}),n.createElement(Ac,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Vc,null,s))},exports.Fade=Li,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(gi,null),r)},exports.Glyph=kn,exports.Icons=En,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{invert:r,size:t})},exports.Menu=zl,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Li,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(oa,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(Yi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(la,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=ca,exports.ModalContent=la,exports.ModalFooter=da,exports.ModalOverlay=oa,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,isRequired:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ac,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(si.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(En,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(ys,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(sc,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(oc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(tc,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o||"",searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c||"",customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Yi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(ic,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(rc,null,u))},exports.Popover=wa,exports.Radio=jc,exports.Slide=zi,exports.SlideFade=Yi,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:f=!0,showFilters:m=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),onRowSelect:y,onRowClick:v,emptyComponent:x,loadingComponent:w,onPrevious:_,onSelectAll:k,onNext:E,onMenuOptionSelect:S,headerComponent:C,initialState:I,state:O,filterComponent:D}=e,[N,M]=n.useState(m),[T,R]=n.useState(null),A=h.useTable({columns:t,data:r,initialState:I},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{k&&k(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:P,getTableBodyProps:L,headerGroups:V,rows:$,state:{selectedRowIds:z},prepareRow:Y,setColumnOrder:j,getToggleAllRowsSelectedProps:F}=A;return h.useMountedLayoutEffect((()=>{I&&I.columnOrder&&j(I.columnOrder)}),[I]),h.useMountedLayoutEffect((()=>{y&&y(z)}),[y,z]),n.createElement(Gc,{className:"fui-table"},u&&n.createElement(qc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},F()),"Select All")),C||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},i+1," - ",i+a," of ",o),n.createElement(ui,{type:"secondary",disabled:!l,onClick:()=>_&&_(l)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!s,onClick:()=>E&&E(s)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),m&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>M(!N)},n.createElement(En,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(nd,{className:"table-content"},n.createElement(Kc,{showFilters:m&&N,className:"table-wrapper"},w?n.createElement(n.Fragment,null,w):n.createElement(n.Fragment,null,f&&0===$.length?n.createElement(n.Fragment,null,x):n.createElement(Zc,Object.assign({},P()),n.createElement(Jc,null,V.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(ed,Object.assign({},t()),r("Header"))})),g&&n.createElement(ed,null))}))),n.createElement(Qc,Object.assign({},L()),$.length>0?$.map((e=>{Y(e);const{getRowProps:t,cells:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(td,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&v&&v(e.row,e.column)}}),r("Cell"))})),g&&n.createElement(td,null,b&&b(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(od,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>R(e.currentTarget)},n.createElement(En,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:T,onClose:()=>R(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:b(e.original)||[],onSelect:t=>{S&&S(t.id,e.original),R(null)},closeMenuCallback:()=>R(null)})))))})):n.createElement(n.Fragment,null,x))))),m&&N&&D&&n.createElement(rd,{className:"table-filters"},D)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(id,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(ad,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=tc,exports.TextArea=ec,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=Vd(mi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(gi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(ld.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(ud,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(cd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=fd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Ul,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ai,exports.UiProvider=({children:e})=>{const[r,o,i]=Ui([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(md.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(Ed,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]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=gd(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${yd()}`,r=t.delay||Sd,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Id.push(t),((t,n)=>{n<=Od||(clearTimeout(Cd),Od=n,Cd=window.setTimeout((()=>{e((e=>Id.length<e.length?e:(Id=[],[]))),clearTimeout(Cd)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};
|
package/lib/index.esm.js
CHANGED
|
@@ -232,7 +232,7 @@ object-assign
|
|
|
232
232
|
background-color: ${Ai.palette.S900};
|
|
233
233
|
color: ${Ai.palette.S10};
|
|
234
234
|
}
|
|
235
|
-
`;process.env.NODE_ENV;var Pi=Yi()?e.useLayoutEffect:e.useEffect,Li={},Vi=ji;if("production"!==process.env.NODE_ENV){var $i=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Vi=function(e){Li[e]||(Li[e]=!0,"test"!==$i.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 zi(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 Yi(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function ji(){}function Fi(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 Hi=function(t){var n=t.children,o=t.type,i=void 0===o?"reach-portal":o,a=r(null),s=r(null),l=c()[1];return Pi((function(){if(a.current){var e=a.current.ownerDocument;return s.current=null==e?void 0:e.createElement(i),e.body.appendChild(s.current),l({}),function(){s.current&&s.current.ownerDocument&&s.current.ownerDocument.body.removeChild(s.current)}}}),[i]),s.current?_(n,s.current):e.createElement("span",{ref:a})};function Bi(){return Bi=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},Bi.apply(this,arguments)}function Wi(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}"production"!==process.env.NODE_ENV&&(Hi.displayName="Portal");var Ui={allowPinchZoom:xi.bool,dangerouslyBypassFocusLock:xi.bool,dangerouslyBypassScrollLock:xi.bool,initialFocusRef:function(){return null},onDismiss:xi.func},Gi=l((function(t,n){var r=t.isOpen,o=void 0===r||r,i=Wi(t,["isOpen"]);return d((function(){return Vi("dialog")}),[]),d((function(){o?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[o]),o?e.createElement(Hi,{"data-reach-dialog-wrapper":""},e.createElement(Ki,Object.assign({ref:n},i))):null}));"production"!==process.env.NODE_ENV&&(Gi.displayName="DialogOverlay",Gi.propTypes=Bi({},Ui,{isOpen:xi.bool}));var Ki=l((function(t,o){var i=t.allowPinchZoom,a=t.dangerouslyBypassFocusLock,s=void 0!==a&&a,l=t.dangerouslyBypassScrollLock,c=void 0!==l&&l,p=t.initialFocusRef,h=t.onClick,f=t.onDismiss,m=void 0===f?ji:f,g=t.onKeyDown,b=t.onMouseDown,y=t.unstable_lockFocusAcrossFrames,v=void 0===y||y,x=Wi(t,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),w=r(null),_=r(null),S=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){zi(t,e)}))}}),[].concat(t))}(_,o),C=u((function(){p&&p.current&&p.current.focus()}),[p]);return d((function(){return _.current?function(e){var t=[],n=[],r=(o=e,(o&&o.ownerDocument?o.ownerDocument:Yi()?document:null)||document);var o;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`."),ji;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var o,i;if(r!==(null===(o=e.parentNode)||void 0===o||null===(i=o.parentNode)||void 0===i?void 0:i.parentNode)){var a=r.getAttribute("aria-hidden");null!==a&&"false"!==a||(t.push(a),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)}))}}(_.current):void 0}),[]),e.createElement(k,{autoFocus:!0,returnFocus:!0,onActivation:C,disabled:s,crossFrame:v},e.createElement(E,{allowPinchZoom:i,enabled:!c},e.createElement("div",Object.assign({},x,{ref:S,"data-reach-dialog-overlay":"",onClick:Fi(h,(function(e){w.current===e.target&&(e.stopPropagation(),m(e))})),onKeyDown:Fi(g,(function(e){"Escape"===e.key&&(e.stopPropagation(),m(e))})),onMouseDown:Fi(b,(function(e){w.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(Gi.displayName="DialogOverlay",Gi.propTypes=Bi({},Ui));var Zi=l((function(t,n){var r=t.onClick,o=(t.onKeyDown,Wi(t,["onClick","onKeyDown"]));return e.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},o,{ref:n,"data-reach-dialog-content":"",onClick:Fi(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Zi.displayName="DialogContent",Zi.propTypes={"aria-label":Xi,"aria-labelledby":Xi});var qi=l((function(t,n){var r=t.allowPinchZoom,o=void 0!==r&&r,i=t.initialFocusRef,a=t.isOpen,s=t.onDismiss,l=void 0===s?ji:s,c=Wi(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return e.createElement(Gi,{allowPinchZoom:o,initialFocusRef:i,isOpen:a,onDismiss:l},e.createElement(Zi,Object.assign({ref:n},c)))}));function Xi(e,t,n,r,o){var i="\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."+i):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+i)}function Ji(e){const{styles:t,in:n,timeout:r=150,transition:o=`all ${r}ms ease-in-out`,children:a,...s}=e;return i(x,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:r},s),(e=>a((e=>({...t.init,transition:o,...t[e]}))(e))))}"production"!==process.env.NODE_ENV&&(qi.displayName="Dialog",qi.propTypes={isOpen:xi.bool,onDismiss:xi.func,"aria-label":Xi,"aria-labelledby":Xi});const Qi={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function ea(e){const{timeout:t=150,...n}=e;return i(Ji,Object.assign({transition:`all ${t}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Qi,timeout:{enter:0,exit:t}},n))}function ta(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 na=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function ra(e){const{placement:t="left",timeout:n=150,children:r,...o}=e,a=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:na(e,t[e])},entered:{transform:na(e,"0%")},exiting:{transform:na(e,t[e])}}}(t),s={position:"fixed",willChange:"transform",...ta(t)};return i(Ji,Object.assign({styles:a,transition:`all ${n}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:n}},o),(e=>r({...s,...e})))}const oa=e=>{const{initialOffset:t="20px",timeout:n=150,...r}=e,o=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(t);return i(Ji,Object.assign({styles:o,transition:`all ${n}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:n}},r))},ia=e.forwardRef(((t,n)=>{const{isOpen:r,title:o="",confirmButtonText:i="",cancelButtonText:a="",contentStyles:s={},bodyStyles:l={},footerStyles:c={},children:d=null,onConfirm:
|
|
235
|
+
`;process.env.NODE_ENV;var Pi=Yi()?e.useLayoutEffect:e.useEffect,Li={},Vi=ji;if("production"!==process.env.NODE_ENV){var $i=("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;Vi=function(e){Li[e]||(Li[e]=!0,"test"!==$i.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 zi(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 Yi(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function ji(){}function Fi(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 Hi=function(t){var n=t.children,o=t.type,i=void 0===o?"reach-portal":o,a=r(null),s=r(null),l=c()[1];return Pi((function(){if(a.current){var e=a.current.ownerDocument;return s.current=null==e?void 0:e.createElement(i),e.body.appendChild(s.current),l({}),function(){s.current&&s.current.ownerDocument&&s.current.ownerDocument.body.removeChild(s.current)}}}),[i]),s.current?_(n,s.current):e.createElement("span",{ref:a})};function Bi(){return Bi=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},Bi.apply(this,arguments)}function Wi(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}"production"!==process.env.NODE_ENV&&(Hi.displayName="Portal");var Ui={allowPinchZoom:xi.bool,dangerouslyBypassFocusLock:xi.bool,dangerouslyBypassScrollLock:xi.bool,initialFocusRef:function(){return null},onDismiss:xi.func},Gi=l((function(t,n){var r=t.isOpen,o=void 0===r||r,i=Wi(t,["isOpen"]);return d((function(){return Vi("dialog")}),[]),d((function(){o?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame((function(){window.__REACH_DISABLE_TOOLTIPS=!1}))}),[o]),o?e.createElement(Hi,{"data-reach-dialog-wrapper":""},e.createElement(Ki,Object.assign({ref:n},i))):null}));"production"!==process.env.NODE_ENV&&(Gi.displayName="DialogOverlay",Gi.propTypes=Bi({},Ui,{isOpen:xi.bool}));var Ki=l((function(t,o){var i=t.allowPinchZoom,a=t.dangerouslyBypassFocusLock,s=void 0!==a&&a,l=t.dangerouslyBypassScrollLock,c=void 0!==l&&l,p=t.initialFocusRef,h=t.onClick,f=t.onDismiss,m=void 0===f?ji:f,g=t.onKeyDown,b=t.onMouseDown,y=t.unstable_lockFocusAcrossFrames,v=void 0===y||y,x=Wi(t,["allowPinchZoom","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),w=r(null),_=r(null),S=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){zi(t,e)}))}}),[].concat(t))}(_,o),C=u((function(){p&&p.current&&p.current.focus()}),[p]);return d((function(){return _.current?function(e){var t=[],n=[],r=(o=e,(o&&o.ownerDocument?o.ownerDocument:Yi()?document:null)||document);var o;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`."),ji;return Array.prototype.forEach.call(r.querySelectorAll("body > *"),(function(r){var o,i;if(r!==(null===(o=e.parentNode)||void 0===o||null===(i=o.parentNode)||void 0===i?void 0:i.parentNode)){var a=r.getAttribute("aria-hidden");null!==a&&"false"!==a||(t.push(a),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)}))}}(_.current):void 0}),[]),e.createElement(k,{autoFocus:!0,returnFocus:!0,onActivation:C,disabled:s,crossFrame:v},e.createElement(E,{allowPinchZoom:i,enabled:!c},e.createElement("div",Object.assign({},x,{ref:S,"data-reach-dialog-overlay":"",onClick:Fi(h,(function(e){w.current===e.target&&(e.stopPropagation(),m(e))})),onKeyDown:Fi(g,(function(e){"Escape"===e.key&&(e.stopPropagation(),m(e))})),onMouseDown:Fi(b,(function(e){w.current=e.target}))}))))}));"production"!==process.env.NODE_ENV&&(Gi.displayName="DialogOverlay",Gi.propTypes=Bi({},Ui));var Zi=l((function(t,n){var r=t.onClick,o=(t.onKeyDown,Wi(t,["onClick","onKeyDown"]));return e.createElement("div",Object.assign({"aria-modal":"true",role:"dialog",tabIndex:-1},o,{ref:n,"data-reach-dialog-content":"",onClick:Fi(r,(function(e){e.stopPropagation()}))}))}));"production"!==process.env.NODE_ENV&&(Zi.displayName="DialogContent",Zi.propTypes={"aria-label":Xi,"aria-labelledby":Xi});var qi=l((function(t,n){var r=t.allowPinchZoom,o=void 0!==r&&r,i=t.initialFocusRef,a=t.isOpen,s=t.onDismiss,l=void 0===s?ji:s,c=Wi(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return e.createElement(Gi,{allowPinchZoom:o,initialFocusRef:i,isOpen:a,onDismiss:l},e.createElement(Zi,Object.assign({ref:n},c)))}));function Xi(e,t,n,r,o){var i="\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."+i):null!=e[t]&&"string"!=typeof e[t]?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(o)?"array":typeof o)+"`."):null:new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+i)}function Ji(e){const{styles:t,in:n,timeout:r=150,transition:o=`all ${r}ms ease-in-out`,children:a,...s}=e;return i(x,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:r},s),(e=>a((e=>({...t.init,transition:o,...t[e]}))(e))))}"production"!==process.env.NODE_ENV&&(qi.displayName="Dialog",qi.propTypes={isOpen:xi.bool,onDismiss:xi.func,"aria-label":Xi,"aria-labelledby":Xi});const Qi={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}};function ea(e){const{timeout:t=150,...n}=e;return i(Ji,Object.assign({transition:`all ${t}ms cubic-bezier(0.175, 0.885, 0.320, 1.175)`,styles:Qi,timeout:{enter:0,exit:t}},n))}function ta(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 na=(e,t)=>{let n="";return"left"!==e&&"right"!==e||(n="X"),"top"!==e&&"bottom"!==e||(n="Y"),`translate${n}(${t})`};function ra(e){const{placement:t="left",timeout:n=150,children:r,...o}=e,a=function(e){const t={bottom:"100%",top:"-100%",left:"-100%",right:"100%"};return{init:{transform:na(e,t[e])},entered:{transform:na(e,"0%")},exiting:{transform:na(e,t[e])}}}(t),s={position:"fixed",willChange:"transform",...ta(t)};return i(Ji,Object.assign({styles:a,transition:`all ${n}ms cubic-bezier(0, 0, 0.2, 1)`,timeout:{enter:0,exit:n}},o),(e=>r({...s,...e})))}const oa=e=>{const{initialOffset:t="20px",timeout:n=150,...r}=e,o=function(e){return{init:{opacity:0,transform:`translateY(${e})`},entered:{opacity:1,transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}}(t);return i(Ji,Object.assign({styles:o,transition:`all ${n}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:n}},r))},ia=e.forwardRef(((t,n)=>{const{isOpen:r,title:o="",confirmButtonText:i="",cancelButtonText:a="",contentStyles:s={},bodyStyles:l={},footerStyles:c={},children:d=null,confirmButtonDisabled:u=!1,cancelButtonDisabled:p=!1,onConfirm:h=(()=>{}),onDismiss:f}=t;return e.createElement(ea,{timeout:300,in:r,unmountOnExit:!0},(t=>e.createElement(sa,{style:t,isOpen:!0,onDismiss:f},e.createElement(oa,{timeout:150,in:r,unmountOnExit:!0},(t=>e.createElement(aa,{style:{...t,...s}},e.createElement(la,{style:l},o&&e.createElement("h4",null,o),d&&e.createElement("div",null,d)),(a||i)&&e.createElement(ca,{style:c},a&&e.createElement(Ni,{disabled:p,inline:!0,type:"secondary",onClick:f},a),i&&e.createElement(Ni,{disabled:u,inline:!0,onClick:h},i))))))))})),aa=yt(Zi)`
|
|
236
236
|
width: auto;
|
|
237
237
|
min-width: 512px;
|
|
238
238
|
background: #fff;
|
|
@@ -1089,7 +1089,7 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1089
1089
|
width: calc(100% + 12px);
|
|
1090
1090
|
opacity: ${e=>e.disabled?.7:1};
|
|
1091
1091
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1092
|
-
`;var xd=_t((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(gd.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(vd,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});yd.Group=xd;const wd=t=>{const{columns:n=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:h=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,emptyComponent:v,loadingComponent:x,onPrevious:w,onSelectAll:_,onNext:k,onMenuOptionSelect:E,headerComponent:S,initialState:C,state:I,filterComponent:O}=t,[A,R]=e.useState(f),[P,L]=e.useState(null),V=N({columns:n,data:r,initialState:C},D,M,(t=>{t.visibleColumns.push((t=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>d?e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{_&&_(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n,column:r}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t)}})))}},...t]:[...t]))})),{getTableProps:$,getTableBodyProps:z,headerGroups:Y,rows:j,state:{selectedRowIds:F},prepareRow:H,setColumnOrder:B,getToggleAllRowsSelectedProps:W}=V;return T((()=>{B(C
|
|
1092
|
+
`;var xd=_t((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(gd.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(vd,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});yd.Group=xd;const wd=t=>{const{columns:n=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:h=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,emptyComponent:v,loadingComponent:x,onPrevious:w,onSelectAll:_,onNext:k,onMenuOptionSelect:E,headerComponent:S,initialState:C,state:I,filterComponent:O}=t,[A,R]=e.useState(f),[P,L]=e.useState(null),V=N({columns:n,data:r,initialState:C},D,M,(t=>{t.visibleColumns.push((t=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>d?e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{_&&_(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n,column:r}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t)}})))}},...t]:[...t]))})),{getTableProps:$,getTableBodyProps:z,headerGroups:Y,rows:j,state:{selectedRowIds:F},prepareRow:H,setColumnOrder:B,getToggleAllRowsSelectedProps:W}=V;return T((()=>{C&&C.columnOrder&&B(C.columnOrder)}),[C]),T((()=>{b&&b(F)}),[b,F]),e.createElement(_d,{className:"fui-table"},u&&e.createElement(Ed,{className:"table-actions"},e.createElement("div",{className:"action"},!d&&p&&e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},W()),"Select All")),S||void 0,e.createElement("div",{className:"pagination-actions"},c&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},i+1," - ",i+a," of ",o),e.createElement(Ni,{type:"secondary",disabled:!l,onClick:()=>w&&w(l)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Ni,{type:"secondary",disabled:!s,onClick:()=>k&&k(s)},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&e.createElement(Ni,{type:"secondary",className:"filter-toggle",onClick:()=>R(!A)},e.createElement(Hn,{glyph:A?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(Md,{className:"table-content"},e.createElement(kd,{showFilters:f&&A,className:"table-wrapper"},x?e.createElement(e.Fragment,null,x):e.createElement(e.Fragment,null,h&&0===j.length?e.createElement(e.Fragment,null,v):e.createElement(Sd,Object.assign({},$()),e.createElement(Id,null,Y.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(Nd,Object.assign({},n()),r("Header"))})),m&&e.createElement(Nd,null))}))),e.createElement(Od,Object.assign({},z()),j.length>0?j.map((t=>{H(t);const{getRowProps:n,cells:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(Dd,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&y&&y(t.row,t.column)}}),r("Cell"))})),m&&e.createElement(Dd,null,g&&g(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(Ad,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>L(e.currentTarget)},e.createElement(Hn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Wa,{id:`row-popover-${t.id}`,anchorEl:P,onClose:()=>L(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(cc,{options:g(t.original)||[],onSelect:e=>{E&&E(e.id,t.original),L(null)},closeMenuCallback:()=>L(null)})))))})):e.createElement(e.Fragment,null,v))))),f&&A&&O&&e.createElement(Td,{className:"table-filters"},O)))},_d=yt.div`
|
|
1093
1093
|
flex: 1;
|
|
1094
1094
|
overflow: auto;
|
|
1095
1095
|
`,kd=yt.div`
|
|
@@ -11,6 +11,8 @@ declare type ConfirmationProps = {
|
|
|
11
11
|
footerStyles?: any;
|
|
12
12
|
confirmButtonText?: string;
|
|
13
13
|
cancelButtonText?: string;
|
|
14
|
+
confirmButtonDisabled?: boolean;
|
|
15
|
+
cancelButtonDisabled?: boolean;
|
|
14
16
|
onConfirm?: () => void;
|
|
15
17
|
};
|
|
16
18
|
export declare const Confirmation: React.ForwardRefExoticComponent<ConfirmationProps & React.RefAttributes<unknown>>;
|