freemium-ui 1.0.176 → 1.0.177
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 +33 -33
- package/lib/index.esm.js +33 -33
- package/package.json +1 -1
- package/0001-chore-Adding-popper-support-to-dropdown.patch +0 -304
package/lib/index.cjs.js
CHANGED
|
@@ -1021,10 +1021,10 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1021
1021
|
width: ${({size:e})=>lc[e]}px;
|
|
1022
1022
|
height: ${({size:e})=>lc[e]}px;
|
|
1023
1023
|
animation: ${cc} 0.7s linear infinite;
|
|
1024
|
-
`,pc=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{className:"fui-loader",invert:r,size:t})};function hc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var fc=hc()?t.useLayoutEffect:t.useEffect;var mc="production"===process.env.NODE_ENV;function gc(e,t){if(!mc){if(e)return;var n="Warning: "+t;"undefined"!=typeof console&&console.warn(n);try{throw Error(n)}catch(e){}}}var bc=function(e){var n,r=e.children,o=e.type,i=void 0===o?"reach-portal":o,s=e.containerRef,l=t.useRef(null),c=t.useRef(null),d=(n=t.useState(Object.create(null))[1],t.useCallback((function(){n(Object.create(null))}),[]));return"production"!==process.env.NODE_ENV&&t.useEffect((function(){null!=s&&("production"!==process.env.NODE_ENV&&gc("object"==typeof s&&"current"in s,"@reach/portal: Invalid value passed to the `containerRef` of a `Portal`. The portal will be appended to the document body, but if you want to attach it to another DOM node you must pass a valid React ref object to `containerRef`."),"production"!==process.env.NODE_ENV&&gc(!s||null!=s.current,"@reach/portal: A ref was passed to the `containerRef` prop of a `Portal`, but no DOM node was attached to it. Be sure to pass the ref to a DOM component.\n\nIf you are forwarding the ref from another component, be sure to use the React.forwardRef API. See https://reactjs.org/docs/forwarding-refs.html."))}),[s]),fc((function(){if(l.current){var e=l.current.ownerDocument,t=(null==s?void 0:s.current)||e.body;return c.current=null==e?void 0:e.createElement(i),t.appendChild(c.current),d(),function(){c.current&&t&&t.removeChild(c.current)}}}),[i,d,s]),c.current?a.createPortal(r,c.current):t.createElement("span",{ref:l})};"production"!==process.env.NODE_ENV&&(bc.displayName="Portal");var yc,vc=["bottom","height","left","right","top","width"],xc=new Map,wc=function e(){var t=[];xc.forEach((function(e,n){var r=n.getBoundingClientRect();(function(e,t){return void 0===e&&(e={}),void 0===t&&(t={}),vc.some((function(n){return e[n]!==t[n]}))})(r,e.rect)&&(e.rect=r,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),yc=window.requestAnimationFrame(e)};function _c(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Ec=_c()?t.useLayoutEffect:t.useEffect;function kc(e){return"boolean"==typeof e}function Sc(e){return!(!e||"[object Function]"!={}.toString.call(e))}var Cc=function(e){var n=e.onChange,r=e.observe,o=void 0===r||r,i=e.children,a=t.useRef(null);return i({ref:a,rect:Ic(a,{observe:o,onChange:n})})};function Ic(e,n,r){var o,i,a;kc(n)?o=n:(o=null==(a=null==n?void 0:n.observe)||a,i=null==n?void 0:n.onChange);Sc(r)&&(i=r),"production"!==process.env.NODE_ENV&&(t.useEffect((function(){"production"!==process.env.NODE_ENV&&gc(!kc(n),"Passing `observe` as the second argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `observe` property as the second argument (`useRect(ref, { observe })`).\nSee https://reach.tech/rect#userect-observe")}),[n]),t.useEffect((function(){"production"!==process.env.NODE_ENV&&gc(!Sc(r),"Passing `onChange` as the third argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `onChange` property as the second argument (`useRect(ref, { onChange })`).\nSee https://reach.tech/rect#userect-onchange")}),[r]));var s=t.useState(e.current),l=s[0],c=s[1],d=t.useRef(!1),u=t.useRef(!1),p=t.useState(null),h=p[0],f=p[1],m=t.useRef(i);return Ec((function(){m.current=i,e.current!==l&&c(e.current)})),Ec((function(){l&&!d.current&&(d.current=!0,f(l.getBoundingClientRect()))}),[l]),Ec((function(){if(o){var t=l;if(u.current||(u.current=!0,t=e.current),t){var n,r,i=(n=t,r=function(e){null==m.current||m.current(e),f(e)},{observe:function(){var e=0===xc.size;xc.has(n)?xc.get(n).callbacks.push(r):xc.set(n,{rect:void 0,hasRectChanged:!1,callbacks:[r]}),e&&wc()},unobserve:function(){var e=xc.get(n);if(e){var t=e.callbacks.indexOf(r);t>=0&&e.callbacks.splice(t,1),e.callbacks.length||xc.delete(n),xc.size||cancelAnimationFrame(yc)}}});return i.observe(),function(){i.unobserve()}}"production"!==process.env.NODE_ENV&&console.warn("You need to place the ref")}}),[o,l,e]),h}function Oc(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Nc(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Oc(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oc(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function Dc(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+'"')}}"production"!==process.env.NODE_ENV&&(Cc.displayName="Rect",Cc.propTypes={children:ni.func.isRequired,observe:ni.bool,onChange:ni.func});var Mc=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],Tc=Mc.join(","),Rc="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function Ac(e,t){t=t||{};var n,r,o,i=[],a=[],s=e.querySelectorAll(Tc);for(t.includeContainer&&Rc.call(e,Tc)&&(s=Array.prototype.slice.apply(s)).unshift(e),n=0;n<s.length;n++)Pc(r=s[n])&&(0===(o=$c(r))?i.push(r):a.push({documentOrder:n,tabIndex:o,node:r}));return a.sort(zc).map((function(e){return e.node})).concat(i)}function Pc(e){return!(!Lc(e)||function(e){return function(e){return jc(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t=function(e){for(var t=0;t<e.length;t++)if(e[t].checked)return e[t]}(e.ownerDocument.querySelectorAll('input[type="radio"][name="'+e.name+'"]'));return!t||t===e}(e)}(e)||$c(e)<0)}function Lc(e){return!(e.disabled||function(e){return jc(e)&&"hidden"===e.type}(e)||function(e){return null===e.offsetParent||"hidden"===getComputedStyle(e).visibility}(e))}Ac.isTabbable=function(e){if(!e)throw new Error("No node provided");return!1!==Rc.call(e,Tc)&&Pc(e)},Ac.isFocusable=function(e){if(!e)throw new Error("No node provided");return!1!==Rc.call(e,Vc)&&Lc(e)};var Vc=Mc.concat("iframe").join(",");function $c(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?function(e){return"true"===e.contentEditable}(e)?0:e.tabIndex:t}function zc(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex}function jc(e){return"INPUT"===e.tagName}var Yc=Ac;function Fc(){return Fc=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},Fc.apply(this,arguments)}var Hc=["as","targetRef","position","unstable_observableRefs"],Bc=t.forwardRef((function(e,n){return t.createElement(bc,null,t.createElement(Wc,Fc({ref:n},e)))}));"production"!==process.env.NODE_ENV&&(Bc.displayName="Popover");var Wc=t.forwardRef((function(e,n){var r=e.as,o=void 0===r?"div":r,i=e.targetRef,a=e.position,s=void 0===a?Gc:a,l=e.unstable_observableRefs,c=void 0===l?[]:l,d=function(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}(e,Hc),u=t.useRef(null),p=Ic(u,{observe:!d.hidden}),h=Ic(i,{observe:!d.hidden}),f=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useCallback((function(e){for(var t,r=Nc(n);!(t=r()).done;)Dc(t.value,e)}),n)}(u,n);return function(e,n){var r=(o=e.current,hc()?o?o.ownerDocument:document:null);var o;function i(e){"Tab"===e.key&&n.current&&0===Yc(n.current).length||("Tab"===e.key&&e.shiftKey?u(e)?p(e):h(e)?f(e):g(e)&&y():"Tab"===e.key&&(s()?l(e):c()?d(e):m(e)&&y()))}function a(){var t=Yc(r),o=t&&e.current?t.indexOf(e.current):-1,i=t&&t[o+1];return(!n.current||!n.current.contains(i||null))&&i}function s(){return!!e.current&&e.current===r.activeElement}function l(e){var t=n.current&&Yc(n.current);t&&t[0]&&(e.preventDefault(),t[0].focus())}function c(){if(!!n.current&&n.current.contains(r.activeElement||null)){var e=n.current&&Yc(n.current);return Boolean(e&&e[e.length-1]===r.activeElement)}return!1}function d(e){var t=a();t&&(e.preventDefault(),t.focus())}function u(e){if(e.shiftKey){var t=a();return e.target===t}}function p(e){var t=n.current&&Yc(n.current),r=t&&t[t.length-1];r&&(e.preventDefault(),r.focus())}function h(e){var t=n.current&&Yc(n.current);return!!t&&(0!==t.length&&e.target===t[0])}function f(t){var n;t.preventDefault(),null==(n=e.current)||n.focus()}function m(e){var t=n.current?Yc(r).filter((function(e){return!n.current.contains(e)})):null;return!!t&&e.target===t[t.length-1]}function g(e){return e.target===Yc(r)[0]}t.useEffect((function(){return r.addEventListener("keydown",i),function(){r.removeEventListener("keydown",i)}}),[]);var b=[];function y(){var e=n.current&&Yc(n.current);e&&(e.forEach((function(e){b.push([e,e.tabIndex]),e.tabIndex=-1})),r.addEventListener("focusin",v))}function v(){r.removeEventListener("focusin",v),b.forEach((function(e){var t=e[0],n=e[1];t.tabIndex=n}))}}(i,u),t.createElement(o,Fc({"data-reach-popover":"",ref:f},d,{style:Fc({position:"absolute"},Uc.apply(void 0,[s,h,p].concat(c)),d.style)}))}));function Uc(e,t,n){for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];return n?e.apply(void 0,[t,n].concat(o.map((function(e){return e.current})))):{visibility:"hidden"}}"production"!==process.env.NODE_ENV&&(Wc.displayName="PopoverImpl");var Gc=function(e,t){if(!e||!t)return{};var n=Kc(e,t),r=n.directionRight,o=n.directionUp;return Fc({left:r?e.right-t.width+window.pageXOffset+"px":e.left+window.pageXOffset+"px"},function(e,t,n){return{top:n?e.top-t.height+window.pageYOffset+"px":e.top+e.height+window.pageYOffset+"px"}}(e,t,o))};function Kc(e,t,n,r){void 0===n&&(n=0),void 0===r&&(r=0);var o={top:e.top-t.height<0,right:window.innerWidth<e.left+t.width-n,bottom:window.innerHeight<e.bottom+t.height-r,left:e.left+e.width-t.width<0};return{directionRight:o.right&&!o.left,directionLeft:o.left&&!o.right,directionUp:o.bottom&&!o.top,directionDown:o.top&&!o.bottom}}const qc={BUTTON:"button",INPUT:"input"},Zc=n.createContext(null);function Xc(e){function t(t,r){return n.createElement(Zc.Consumer,null,(({downshift:o,items:i,filterKey:a,type:s,name:l})=>n.createElement(e,Object.assign({downshift:o,items:i,filterKey:a,type:s,name:l},t,{ref:r}))))}return t.displayName=`withDownshift(${e.displayName||e.name})`,M(n.forwardRef(t),e)}const Jc=Qe.button`
|
|
1024
|
+
`,pc=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{className:"fui-loader",invert:r,size:t})};function hc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var fc=hc()?t.useLayoutEffect:t.useEffect;var mc="production"===process.env.NODE_ENV;function gc(e,t){if(!mc){if(e)return;var n="Warning: "+t;"undefined"!=typeof console&&console.warn(n);try{throw Error(n)}catch(e){}}}var bc=function(e){var n,r=e.children,o=e.type,i=void 0===o?"reach-portal":o,s=e.containerRef,l=t.useRef(null),c=t.useRef(null),d=(n=t.useState(Object.create(null))[1],t.useCallback((function(){n(Object.create(null))}),[]));return"production"!==process.env.NODE_ENV&&t.useEffect((function(){null!=s&&("production"!==process.env.NODE_ENV&&gc("object"==typeof s&&"current"in s,"@reach/portal: Invalid value passed to the `containerRef` of a `Portal`. The portal will be appended to the document body, but if you want to attach it to another DOM node you must pass a valid React ref object to `containerRef`."),"production"!==process.env.NODE_ENV&&gc(!s||null!=s.current,"@reach/portal: A ref was passed to the `containerRef` prop of a `Portal`, but no DOM node was attached to it. Be sure to pass the ref to a DOM component.\n\nIf you are forwarding the ref from another component, be sure to use the React.forwardRef API. See https://reactjs.org/docs/forwarding-refs.html."))}),[s]),fc((function(){if(l.current){var e=l.current.ownerDocument,t=(null==s?void 0:s.current)||e.body;return c.current=null==e?void 0:e.createElement(i),t.appendChild(c.current),d(),function(){c.current&&t&&t.removeChild(c.current)}}}),[i,d,s]),c.current?a.createPortal(r,c.current):t.createElement("span",{ref:l})};"production"!==process.env.NODE_ENV&&(bc.displayName="Portal");var yc,vc=["bottom","height","left","right","top","width"],xc=new Map,wc=function e(){var t=[];xc.forEach((function(e,n){var r=n.getBoundingClientRect();(function(e,t){return void 0===e&&(e={}),void 0===t&&(t={}),vc.some((function(n){return e[n]!==t[n]}))})(r,e.rect)&&(e.rect=r,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),yc=window.requestAnimationFrame(e)};function _c(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Ec=_c()?t.useLayoutEffect:t.useEffect;function kc(e){return"boolean"==typeof e}function Sc(e){return!(!e||"[object Function]"!={}.toString.call(e))}var Cc=function(e){var n=e.onChange,r=e.observe,o=void 0===r||r,i=e.children,a=t.useRef(null);return i({ref:a,rect:Ic(a,{observe:o,onChange:n})})};function Ic(e,n,r){var o,i,a;kc(n)?o=n:(o=null==(a=null==n?void 0:n.observe)||a,i=null==n?void 0:n.onChange);Sc(r)&&(i=r),"production"!==process.env.NODE_ENV&&(t.useEffect((function(){"production"!==process.env.NODE_ENV&&gc(!kc(n),"Passing `observe` as the second argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `observe` property as the second argument (`useRect(ref, { observe })`).\nSee https://reach.tech/rect#userect-observe")}),[n]),t.useEffect((function(){"production"!==process.env.NODE_ENV&&gc(!Sc(r),"Passing `onChange` as the third argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `onChange` property as the second argument (`useRect(ref, { onChange })`).\nSee https://reach.tech/rect#userect-onchange")}),[r]));var s=t.useState(e.current),l=s[0],c=s[1],d=t.useRef(!1),u=t.useRef(!1),p=t.useState(null),h=p[0],f=p[1],m=t.useRef(i);return Ec((function(){m.current=i,e.current!==l&&c(e.current)})),Ec((function(){l&&!d.current&&(d.current=!0,f(l.getBoundingClientRect()))}),[l]),Ec((function(){if(o){var t=l;if(u.current||(u.current=!0,t=e.current),t){var n,r,i=(n=t,r=function(e){null==m.current||m.current(e),f(e)},{observe:function(){var e=0===xc.size;xc.has(n)?xc.get(n).callbacks.push(r):xc.set(n,{rect:void 0,hasRectChanged:!1,callbacks:[r]}),e&&wc()},unobserve:function(){var e=xc.get(n);if(e){var t=e.callbacks.indexOf(r);t>=0&&e.callbacks.splice(t,1),e.callbacks.length||xc.delete(n),xc.size||cancelAnimationFrame(yc)}}});return i.observe(),function(){i.unobserve()}}"production"!==process.env.NODE_ENV&&console.warn("You need to place the ref")}}),[o,l,e]),h}function Oc(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Nc(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Oc(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oc(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function Dc(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+'"')}}"production"!==process.env.NODE_ENV&&(Cc.displayName="Rect",Cc.propTypes={children:ni.func.isRequired,observe:ni.bool,onChange:ni.func});var Mc=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],Tc=Mc.join(","),Rc="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function Ac(e,t){t=t||{};var n,r,o,i=[],a=[],s=e.querySelectorAll(Tc);for(t.includeContainer&&Rc.call(e,Tc)&&(s=Array.prototype.slice.apply(s)).unshift(e),n=0;n<s.length;n++)Pc(r=s[n])&&(0===(o=$c(r))?i.push(r):a.push({documentOrder:n,tabIndex:o,node:r}));return a.sort(zc).map((function(e){return e.node})).concat(i)}function Pc(e){return!(!Lc(e)||function(e){return function(e){return jc(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t=function(e){for(var t=0;t<e.length;t++)if(e[t].checked)return e[t]}(e.ownerDocument.querySelectorAll('input[type="radio"][name="'+e.name+'"]'));return!t||t===e}(e)}(e)||$c(e)<0)}function Lc(e){return!(e.disabled||function(e){return jc(e)&&"hidden"===e.type}(e)||function(e){return null===e.offsetParent||"hidden"===getComputedStyle(e).visibility}(e))}Ac.isTabbable=function(e){if(!e)throw new Error("No node provided");return!1!==Rc.call(e,Tc)&&Pc(e)},Ac.isFocusable=function(e){if(!e)throw new Error("No node provided");return!1!==Rc.call(e,Vc)&&Lc(e)};var Vc=Mc.concat("iframe").join(",");function $c(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?function(e){return"true"===e.contentEditable}(e)?0:e.tabIndex:t}function zc(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex}function jc(e){return"INPUT"===e.tagName}var Yc=Ac;function Fc(){return Fc=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},Fc.apply(this,arguments)}var Hc=["as","targetRef","position","unstable_observableRefs"],Bc=t.forwardRef((function(e,n){return t.createElement(bc,null,t.createElement(Wc,Fc({ref:n},e)))}));"production"!==process.env.NODE_ENV&&(Bc.displayName="Popover");var Wc=t.forwardRef((function(e,n){var r=e.as,o=void 0===r?"div":r,i=e.targetRef,a=e.position,s=void 0===a?Kc:a,l=e.unstable_observableRefs,c=void 0===l?[]:l,d=function(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}(e,Hc),u=t.useRef(null),p=Ic(u,{observe:!d.hidden}),h=Ic(i,{observe:!d.hidden}),f=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useCallback((function(e){for(var t,r=Nc(n);!(t=r()).done;)Dc(t.value,e)}),n)}(u,n);return function(e,n){var r=(o=e.current,hc()?o?o.ownerDocument:document:null);var o;function i(e){"Tab"===e.key&&n.current&&0===Yc(n.current).length||("Tab"===e.key&&e.shiftKey?u(e)?p(e):h(e)?f(e):g(e)&&y():"Tab"===e.key&&(s()?l(e):c()?d(e):m(e)&&y()))}function a(){var t=Yc(r),o=t&&e.current?t.indexOf(e.current):-1,i=t&&t[o+1];return(!n.current||!n.current.contains(i||null))&&i}function s(){return!!e.current&&e.current===r.activeElement}function l(e){var t=n.current&&Yc(n.current);t&&t[0]&&(e.preventDefault(),t[0].focus())}function c(){if(!!n.current&&n.current.contains(r.activeElement||null)){var e=n.current&&Yc(n.current);return Boolean(e&&e[e.length-1]===r.activeElement)}return!1}function d(e){var t=a();t&&(e.preventDefault(),t.focus())}function u(e){if(e.shiftKey){var t=a();return e.target===t}}function p(e){var t=n.current&&Yc(n.current),r=t&&t[t.length-1];r&&(e.preventDefault(),r.focus())}function h(e){var t=n.current&&Yc(n.current);return!!t&&(0!==t.length&&e.target===t[0])}function f(t){var n;t.preventDefault(),null==(n=e.current)||n.focus()}function m(e){var t=n.current?Yc(r).filter((function(e){return!n.current.contains(e)})):null;return!!t&&e.target===t[t.length-1]}function g(e){return e.target===Yc(r)[0]}t.useEffect((function(){return r.addEventListener("keydown",i),function(){r.removeEventListener("keydown",i)}}),[]);var b=[];function y(){var e=n.current&&Yc(n.current);e&&(e.forEach((function(e){b.push([e,e.tabIndex]),e.tabIndex=-1})),r.addEventListener("focusin",v))}function v(){r.removeEventListener("focusin",v),b.forEach((function(e){var t=e[0],n=e[1];t.tabIndex=n}))}}(i,u),t.createElement(o,Fc({"data-reach-popover":"",ref:f},d,{style:Fc({position:"absolute"},Uc.apply(void 0,[s,h,p].concat(c)),d.style)}))}));function Uc(e,t,n){for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];return n?e.apply(void 0,[t,n].concat(o.map((function(e){return e.current})))):{visibility:"hidden"}}function Gc(e,t,n){return{top:n?e.top-t.height+window.pageYOffset+"px":e.top+e.height+window.pageYOffset+"px"}}"production"!==process.env.NODE_ENV&&(Wc.displayName="PopoverImpl");var Kc=function(e,t){if(!e||!t)return{};var n=Zc(e,t),r=n.directionRight,o=n.directionUp;return Fc({left:r?e.right-t.width+window.pageXOffset+"px":e.left+window.pageXOffset+"px"},Gc(e,t,o))},qc=function(e,t){if(!e||!t)return{};var n=Zc(e,t).directionUp;return Fc({width:e.width,left:e.left},Gc(e,t,n))};function Zc(e,t,n,r){void 0===n&&(n=0),void 0===r&&(r=0);var o={top:e.top-t.height<0,right:window.innerWidth<e.left+t.width-n,bottom:window.innerHeight<e.bottom+t.height-r,left:e.left+e.width-t.width<0};return{directionRight:o.right&&!o.left,directionLeft:o.left&&!o.right,directionUp:o.bottom&&!o.top,directionDown:o.top&&!o.bottom}}const Xc={BUTTON:"button",INPUT:"input"},Jc=n.createContext(null);function Qc(e){function t(t,r){return n.createElement(Jc.Consumer,null,(({downshift:o,items:i,filterKey:a,type:s,name:l})=>n.createElement(e,Object.assign({downshift:o,items:i,filterKey:a,type:s,name:l},t,{ref:r}))))}return t.displayName=`withDownshift(${e.displayName||e.name})`,M(n.forwardRef(t),e)}const ed=Qe.button`
|
|
1025
1025
|
${({theme:e,isOpen:t,isErrored:n})=>{const{colors:{components:{input:r},border:o,pseudo:i},palette:a}=e;return`\n background: ${a.white};\n border: none;\n cursor: pointer;\n position : relative;\n box-shadow: none;\n min-height: 38px;\n border-radius: 5px;\n padding: 4px 12px;\n border: 1px solid ${n?o.error:t?"transparent":r.primary.borderColor};\n box-shadow : ${t&&!n?`0 0 0 2px ${i.focus}`:"none"};\n display: flex;\n width: 100%;\n align-items: center;\n display: flex;\n outline: none;\n border-radius: 4px;\n justify-content: space-between;\n\n .dropdown-selected {\n display: block;\n font-size: 14px;\n width: 90%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n .placeholder {\n opacity : 0.7;\n }\n }\n .dropdown-status {\n transition: all ease-in 0.2s;\n transform: ${t?"rotate(180deg)":"rotate(0deg)"};\n }\n \n &[disabled] {\n filter: opacity(0.6);\n cursor: not-allowed;\n } \n &.focused {\n box-shadow: 0 0px 0px 2px ${i.focus};\n } \n\n `}};
|
|
1026
1026
|
${({theme:e,overrideStyles:t})=>{const{typography:n}=e;return{...n.body.secondary,...t}}};
|
|
1027
|
-
`,
|
|
1027
|
+
`,td=n.forwardRef(((e,t)=>{const{downshift:{getToggleButtonProps:r,selectedItem:o,isOpen:i,itemToString:a},children:s,disabled:l=!1,isErrored:c=!1,overrideStyles:d={},buttonLabelComponent:u,placeholder:p="--Select--"}=e,h=((e,t)=>e?e(t):t)(a,o);return n.createElement(ed,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{isOpen:i,isErrored:c,className:"dropdown-button",overrideStyles:d,ref:t,disabled:l}),s?s({label:h,getToggleButtonProps:r,isOpen:i}):n.createElement(n.Fragment,null,n.createElement("div",{className:"dropdown-selected"},u?n.createElement(u,null,h):h||n.createElement("span",{className:"placeholder"},p)),n.createElement("div",{className:"dropdown-status"},n.createElement(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))))}));var nd=Qc(td),rd={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Ấ":"A","Ắ":"A","Ẳ":"A","Ẵ":"A","Ặ":"A","Æ":"AE","Ầ":"A","Ằ":"A","Ȃ":"A","Ç":"C","Ḉ":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ế":"E","Ḗ":"E","Ề":"E","Ḕ":"E","Ḝ":"E","Ȇ":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ḯ":"I","Ȋ":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ố":"O","Ṍ":"O","Ṓ":"O","Ȏ":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","ấ":"a","ắ":"a","ẳ":"a","ẵ":"a","ặ":"a","æ":"ae","ầ":"a","ằ":"a","ȃ":"a","ç":"c","ḉ":"c","è":"e","é":"e","ê":"e","ë":"e","ế":"e","ḗ":"e","ề":"e","ḕ":"e","ḝ":"e","ȇ":"e","ì":"i","í":"i","î":"i","ï":"i","ḯ":"i","ȋ":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ố":"o","ṍ":"o","ṓ":"o","ȏ":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Ĉ":"C","ĉ":"c","Ċ":"C","ċ":"c","Č":"C","č":"c","C̆":"C","c̆":"c","Ď":"D","ď":"d","Đ":"D","đ":"d","Ē":"E","ē":"e","Ĕ":"E","ĕ":"e","Ė":"E","ė":"e","Ę":"E","ę":"e","Ě":"E","ě":"e","Ĝ":"G","Ǵ":"G","ĝ":"g","ǵ":"g","Ğ":"G","ğ":"g","Ġ":"G","ġ":"g","Ģ":"G","ģ":"g","Ĥ":"H","ĥ":"h","Ħ":"H","ħ":"h","Ḫ":"H","ḫ":"h","Ĩ":"I","ĩ":"i","Ī":"I","ī":"i","Ĭ":"I","ĭ":"i","Į":"I","į":"i","İ":"I","ı":"i","IJ":"IJ","ij":"ij","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","Ḱ":"K","ḱ":"k","K̆":"K","k̆":"k","Ĺ":"L","ĺ":"l","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ŀ":"L","ŀ":"l","Ł":"l","ł":"l","Ḿ":"M","ḿ":"m","M̆":"M","m̆":"m","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","ʼn":"n","N̆":"N","n̆":"n","Ō":"O","ō":"o","Ŏ":"O","ŏ":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","P̆":"P","p̆":"p","Ŕ":"R","ŕ":"r","Ŗ":"R","ŗ":"r","Ř":"R","ř":"r","R̆":"R","r̆":"r","Ȓ":"R","ȓ":"r","Ś":"S","ś":"s","Ŝ":"S","ŝ":"s","Ş":"S","Ș":"S","ș":"s","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","ț":"t","Ț":"T","Ť":"T","ť":"t","Ŧ":"T","ŧ":"t","T̆":"T","t̆":"t","Ũ":"U","ũ":"u","Ū":"U","ū":"u","Ŭ":"U","ŭ":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ȗ":"U","ȗ":"u","V̆":"V","v̆":"v","Ŵ":"W","ŵ":"w","Ẃ":"W","ẃ":"w","X̆":"X","x̆":"x","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Y̆":"Y","y̆":"y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","ſ":"s","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Ǎ":"A","ǎ":"a","Ǐ":"I","ǐ":"i","Ǒ":"O","ǒ":"o","Ǔ":"U","ǔ":"u","Ǖ":"U","ǖ":"u","Ǘ":"U","ǘ":"u","Ǚ":"U","ǚ":"u","Ǜ":"U","ǜ":"u","Ứ":"U","ứ":"u","Ṹ":"U","ṹ":"u","Ǻ":"A","ǻ":"a","Ǽ":"AE","ǽ":"ae","Ǿ":"O","ǿ":"o","Þ":"TH","þ":"th","Ṕ":"P","ṕ":"p","Ṥ":"S","ṥ":"s","X́":"X","x́":"x","Ѓ":"Г","ѓ":"г","Ќ":"К","ќ":"к","A̋":"A","a̋":"a","E̋":"E","e̋":"e","I̋":"I","i̋":"i","Ǹ":"N","ǹ":"n","Ồ":"O","ồ":"o","Ṑ":"O","ṑ":"o","Ừ":"U","ừ":"u","Ẁ":"W","ẁ":"w","Ỳ":"Y","ỳ":"y","Ȁ":"A","ȁ":"a","Ȅ":"E","ȅ":"e","Ȉ":"I","ȉ":"i","Ȍ":"O","ȍ":"o","Ȑ":"R","ȑ":"r","Ȕ":"U","ȕ":"u","B̌":"B","b̌":"b","Č̣":"C","č̣":"c","Ê̌":"E","ê̌":"e","F̌":"F","f̌":"f","Ǧ":"G","ǧ":"g","Ȟ":"H","ȟ":"h","J̌":"J","ǰ":"j","Ǩ":"K","ǩ":"k","M̌":"M","m̌":"m","P̌":"P","p̌":"p","Q̌":"Q","q̌":"q","Ř̩":"R","ř̩":"r","Ṧ":"S","ṧ":"s","V̌":"V","v̌":"v","W̌":"W","w̌":"w","X̌":"X","x̌":"x","Y̌":"Y","y̌":"y","A̧":"A","a̧":"a","B̧":"B","b̧":"b","Ḑ":"D","ḑ":"d","Ȩ":"E","ȩ":"e","Ɛ̧":"E","ɛ̧":"e","Ḩ":"H","ḩ":"h","I̧":"I","i̧":"i","Ɨ̧":"I","ɨ̧":"i","M̧":"M","m̧":"m","O̧":"O","o̧":"o","Q̧":"Q","q̧":"q","U̧":"U","u̧":"u","X̧":"X","x̧":"x","Z̧":"Z","z̧":"z"},od=Object.keys(rd).join("|"),id=new RegExp(od,"g"),ad=new RegExp(od,""),sd=function(e){return e.replace(id,(function(e){return rd[e]}))},ld=sd,cd=function(e){return!!e.match(ad)},dd=sd;ld.has=cd,ld.remove=dd;var ud={CASE_SENSITIVE_EQUAL:9,EQUAL:8,STARTS_WITH:7,WORD_STARTS_WITH:6,STRING_CASE:5,STRING_CASE_ACRONYM:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},pd={CAMEL:.8,PASCAL:.6,KEBAB:.4,SNAKE:.2,NO_CASE:0};fd.rankings=ud,fd.caseRankings=pd;var hd=function(e,t){return String(e.rankedItem).localeCompare(t.rankedItem)};function fd(e,t,n){void 0===n&&(n={});var r=n,o=r.keys,i=r.threshold,a=void 0===i?ud.MATCHES:i,s=r.baseSort,l=void 0===s?hd:s,c=e.reduce((function(e,r,i){var s=function(e,t,n,r){if(!t)return{rankedItem:e,rank:md(e,n,r),keyIndex:-1,keyThreshold:r.threshold};return function(e,t){return t.reduce((function(t,n){var r=function(e,t){"object"==typeof t&&(t=t.key);var n;n="function"==typeof t?t(e):-1!==t.indexOf(".")?t.split(".").reduce((function(e,t){return e?e[t]:null}),e):e[t];return null!=n?[].concat(n):null}(e,n);return r&&r.forEach((function(e){t.push({itemValue:e,attributes:bd(n)})})),t}),[])}(e,t).reduce((function(e,t,o){var i=e.rank,a=e.rankedItem,s=e.keyIndex,l=e.keyThreshold,c=t.itemValue,d=t.attributes,u=md(c,n,r),p=a,h=d.minRanking,f=d.maxRanking,m=d.threshold;return u<h&&u>=ud.MATCHES?u=h:u>f&&(u=f),u>i&&(i=u,s=o,l=m,p=c),{rankedItem:p,rank:i,keyIndex:s,keyThreshold:l}}),{rank:ud.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}(r,o,t,n),l=s.rankedItem,c=s.rank,d=s.keyIndex,u=s.keyThreshold;c>=(void 0===u?a:u)&&e.push({rankedItem:l,item:r,rank:c,index:i,keyIndex:d});return e}),[]);return c.sort((function(e,t){return function(e,t,n){var r=-1,o=1,i=e.rank,a=e.keyIndex,s=t.rank,l=t.keyIndex;return i===s?a===l?n(e,t):a<l?r:o:i>s?r:o}(e,t,l)})).map((function(e){return e.item}))}function md(e,t,n){if(e=gd(e,n),(t=gd(t,n)).length>e.length)return ud.NO_MATCH;if(e===t)return ud.CASE_SENSITIVE_EQUAL;var r,o,i=function(e){var t=e.toLowerCase()!==e,n=e.indexOf("-")>=0,r=e.indexOf("_")>=0;if(!t&&!r&&n)return pd.KEBAB;if(!t&&r&&!n)return pd.SNAKE;if(t&&!n&&!r){return e[0].toUpperCase()===e[0]?pd.PASCAL:pd.CAMEL}return pd.NO_CASE}(e),a=function(e,t,n){var r=e.toLowerCase().indexOf(t.toLowerCase());switch(n){case pd.SNAKE:return"_"===e[r-1];case pd.KEBAB:return"-"===e[r-1];case pd.PASCAL:case pd.CAMEL:return-1!==r&&e[r]===e[r].toUpperCase();default:return!1}}(e,t,i),s=function(e,t,n){var r=null;switch(n){case pd.SNAKE:r="_";break;case pd.KEBAB:r="-";break;case pd.PASCAL:case pd.CAMEL:r=/(?=[A-Z])/;break;default:r=null}var o=e.split(r);return t.toLowerCase().split("").reduce((function(e,t,n){var r=o[n];return e&&r&&r[0].toLowerCase()===t}),!0)}(e,t,i);return(e=e.toLowerCase())===(t=t.toLowerCase())?ud.EQUAL+i:0===e.indexOf(t)?ud.STARTS_WITH+i:-1!==e.indexOf(" "+t)?ud.WORD_STARTS_WITH+i:a?ud.STRING_CASE+i:i>0&&s?ud.STRING_CASE_ACRONYM+i:-1!==e.indexOf(t)?ud.CONTAINS+i:1===t.length?ud.NO_MATCH:-1!==(r=e,o="",r.split(" ").forEach((function(e){e.split("-").forEach((function(e){o+=e.substr(0,1)}))})),o).indexOf(t)?ud.ACRONYM+i:function(e,t){var n=0,r=0;function o(e,t,r){for(var o=r;o<t.length;o++){if(t[o]===e)return n+=1,o+1}return-1}function i(e){var r=n/t.length;return ud.MATCHES+r*(1/e)}var a=o(t[0],e,0);if(a<0)return ud.NO_MATCH;r=a;for(var s=1;s<t.length;s++){if(!((r=o(t[s],e,r))>-1))return ud.NO_MATCH}return i(r-a)}(e,t)}function gd(e,t){return e=""+e,t.keepDiacritics||(e=ld(e)),e}function bd(e){return"string"==typeof e&&(e={key:e}),it({maxRanking:1/0,minRanking:-1/0},e)}const yd=Qe.ul`
|
|
1028
1028
|
position: relative;
|
|
1029
1029
|
top: 5px;
|
|
1030
1030
|
|
|
@@ -1050,21 +1050,21 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
1052
|
${({theme:e,overrideStyles:t})=>{const{palette:n}=e;return{backgroundColor:n.white,...t}}};
|
|
1053
|
-
`,
|
|
1053
|
+
`,vd=Qe.li`
|
|
1054
1054
|
${({theme:e,isSelectedIndex:t,canHighlight:n,disabled:r})=>{const{typography:o,colors:i}=e;return{fontSize:o.menu.menuItem.fontSize,color:r?i.text.disabled:i.text.primary,backgroundColor:"none",...n&&{backgroundColor:i.background.hover},...t&&{fontWeight:600,color:i.link,backgroundColor:i.background.selected},...r&&{"&:hover":{cursor:"not-allowed"}}}}};
|
|
1055
1055
|
margin: 8px;
|
|
1056
1056
|
border-radius: 4px;
|
|
1057
1057
|
padding: 8px;
|
|
1058
1058
|
cursor: pointer;
|
|
1059
|
-
`,
|
|
1059
|
+
`,xd=Qc((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:o,selectedItem:i,inputValue:a,highlightedIndex:s,itemToString:l},overrideStyles:c={},itemComponent:d,type:u,filterKey:p,isMenuLoading:h,anchorRef:f,popoverRef:m})=>{let g=e;if(u===Xc.INPUT&&("string"==typeof i&&i!==a||"object"==typeof i&&i&&i[p]&&i[p]!==a)&&("development"!==process.env.NODE_ENV||"string"==typeof e[0]||p||console.error("The 'items' you provided is of type Object, provide \n 'filterKey' prop to <Dropdown/> to specify which key has to be searched for."),p&&"object"==typeof e[0]&&(g=fd(e,a,{keys:[p]})),"string"==typeof e[0]&&(g=fd(e,a))),0===g.length)return null;m.current&&f.current&&Zc(f.current.getBoundingClientRect(),m.current.getBoundingClientRect());return n.createElement(n.Fragment,null,n.createElement(ji,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{width:"100%",zIndex:1e3,...e},id:"heloo"},n.createElement(yd,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:c}),h?n.createElement("div",{className:"loader-wrapper"},n.createElement(pc,null)):n.createElement(n.Fragment,null,g.map(((e,t)=>{const r=g.indexOf(i)===t;return n.createElement(vd,Object.assign({},o({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:s===t,disabled:e.disabled}),n.createElement(si.Flex,{justifyContent:"space-between",alignItems:"center"},n.createElement(si.Box,{width:"90%",style:{wordBreak:"break-word"}},d?d(e):l(e)),r?n.createElement(kn,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),wd=Qe.div`
|
|
1060
1060
|
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:o}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?o.border.error:o.border.primary};\n background: white;\n appearance: none;\n padding: 4px 12px;\n display: flex;\n align-items: center;\n\n input {\n flex-grow: 1;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0px;\n min-height: 24px;\n background-color: #fff;\n min-width: 100px;\n box-sizing: border-box;\n border: none;\n overflow: hidden;\n padding : 0;\n margin : 2px;\n ::placeholder,\n ::-webkit-input-placeholder {\n color: ${r.S300}\n }\n :-ms-input-placeholder {\n color: ${r.S300}\n }\n \n }\n ${e&&!t?`border: none;\n box-shadow: 0 0 0 2px ${o.pseudo.focus}; \n transition: box-shadow 0.3s ease-in-out;`:""}\n \n \n\n\n .dropdown-status {\n transition: all ease-in 0.2s;\n pointer-events: ${n?"none":"all"};\n transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n }\n `}
|
|
1061
|
-
`,
|
|
1061
|
+
`,_d=n.forwardRef(((e,t)=>{const{downshift:{getInputProps:r,toggleMenu:o,isOpen:i},name:a,isErrored:s,disabled:l,placeholder:c="Enter input to get suggestions"}=e;return n.createElement(wd,{isErrored:s,isOpen:i,ref:t,disabled:l},n.createElement("input",Object.assign({},r({"data-testid":a}),{disabled:l,placeholder:c,onClick:o})),n.createElement("div",{className:"dropdown-status",onClick:l?()=>{}:o},n.createElement(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),Ed=Qc(_d),kd=Qe.div`
|
|
1062
1062
|
display: block;
|
|
1063
1063
|
padding-left: 2px;
|
|
1064
1064
|
padding-top: 4px;
|
|
1065
1065
|
font-size: ${({theme:{colors:{errorText:e},typography:{body:t}}})=>t.errorText.fontSize};
|
|
1066
1066
|
color: ${({theme:{colors:{errorText:e}}})=>e.primary};
|
|
1067
|
-
`,
|
|
1067
|
+
`,Sd=Qe.div`
|
|
1068
1068
|
position: relative;
|
|
1069
1069
|
display: inline-block;
|
|
1070
1070
|
width: ${({width:e})=>e||"100%"};
|
|
@@ -1080,11 +1080,11 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1080
1080
|
font-weight: 500;
|
|
1081
1081
|
}
|
|
1082
1082
|
${({isRequired:e,theme:{typography:{body:t},colors:{errorText:n}}})=>e&&`\n & > label::after {\n content: '*';\n position: relative;\n top: 2px;\n font-weight: ${t.requiredLabel.fontWeight};\n font-size: ${t.requiredLabel.fontSize};\n \n padding-left: 3px;\n color: ${n.primary};\n }\n `}
|
|
1083
|
-
`,
|
|
1083
|
+
`,Cd=t.forwardRef(((e,t)=>n.createElement(Id,{checked:e.checked},n.createElement("label",null,n.createElement("input",{ref:t,type:"radio",name:e.name,value:e.value,checked:e.checked,onClick:e.onChange}),n.createElement("div",{className:"radio"}),n.createElement("div",null,e.children))))),Id=Qe.div`
|
|
1084
1084
|
${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
|
|
1085
|
-
`,
|
|
1085
|
+
`,Od=rt(Cd,{checked:!1}),Nd=t.createContext({groupValue:null,groupDisabled:!1,updateGroupValue:null}),Dd=Qe.div`
|
|
1086
1086
|
${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:o})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${o?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${o?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${o?e.backgroundColor:"#fff"};\n border: ${o?"none":"1px solid"};\n border-color: ${o?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${o?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
|
|
1087
|
-
`;var
|
|
1087
|
+
`;var Md=rt((e=>{const{groupValue:r,groupDisabled:o,updateGroupValue:i}=t.useContext(Nd),a=r===e.value;if(null===i)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return n.createElement(Dd,{disabled:e.disabled||o,checked:a,className:e.className},n.createElement("label",null,n.createElement("input",{type:"radio",checked:a,value:e.value,onChange:t=>{t.target.checked&&i(e.value)}}),n.createElement("div",{className:"hollow"},a&&n.createElement(kn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),n.createElement("div",null,e.children)))}),{disabled:!1});const Td=Qe.div`
|
|
1088
1088
|
display: inline-flex;
|
|
1089
1089
|
align-items: center;
|
|
1090
1090
|
flex-wrap: wrap;
|
|
@@ -1093,15 +1093,15 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1093
1093
|
width: calc(100% + 12px);
|
|
1094
1094
|
opacity: ${e=>e.disabled?.7:1};
|
|
1095
1095
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1096
|
-
`;var
|
|
1096
|
+
`;var Rd=rt((e=>{const[r,o]=t.useState(e.defaultSelectedValue);return t.useEffect((()=>{o(e.defaultSelectedValue)}),[e.defaultSelectedValue]),n.createElement(Nd.Provider,{value:{groupValue:r,groupDisabled:e.disabled,updateGroupValue:t=>{e.disabled||(o(t),e.onChange&&e.onChange(t))}}},n.createElement(Td,{disabled:e.disabled,className:e.className},e.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});Md.Group=Rd;const Ad=Qe.div`
|
|
1097
1097
|
flex: 1;
|
|
1098
1098
|
overflow: auto;
|
|
1099
|
-
`,
|
|
1099
|
+
`,Pd=Qe.div`
|
|
1100
1100
|
padding: 10px;
|
|
1101
1101
|
flex: 1;
|
|
1102
1102
|
transition: all 0.3s;
|
|
1103
1103
|
margin-right: ${({showFilters:e})=>e?"310px":"0px"};
|
|
1104
|
-
`,
|
|
1104
|
+
`,Ld=Qe.div`
|
|
1105
1105
|
padding: 0 16px;
|
|
1106
1106
|
width: 100%;
|
|
1107
1107
|
background-color: #f5f7f9;
|
|
@@ -1133,10 +1133,10 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1133
1133
|
margin-left: 8px;
|
|
1134
1134
|
}
|
|
1135
1135
|
}
|
|
1136
|
-
`,
|
|
1136
|
+
`,Vd=Qe.table`
|
|
1137
1137
|
width: 100%;
|
|
1138
1138
|
border-spacing: 0;
|
|
1139
|
-
|
|
1139
|
+
`,$d=Qe.tr`
|
|
1140
1140
|
:hover:not(.header-row) {
|
|
1141
1141
|
transition: 0.2s ease;
|
|
1142
1142
|
background-color: #f3f5f7;
|
|
@@ -1147,7 +1147,7 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1147
1147
|
:not(.header-row) {
|
|
1148
1148
|
background-color: white;
|
|
1149
1149
|
}
|
|
1150
|
-
`,
|
|
1150
|
+
`,zd=Qe.div`
|
|
1151
1151
|
display: flex;
|
|
1152
1152
|
align-items: center;
|
|
1153
1153
|
width: fit-content;
|
|
@@ -1163,13 +1163,13 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1163
1163
|
border: 1px solid #b1bdc8;
|
|
1164
1164
|
box-shadow: inset 0 0 4px 0 rgb(39 49 58 / 26%);
|
|
1165
1165
|
}
|
|
1166
|
-
|
|
1166
|
+
`,jd=Qe.thead`
|
|
1167
1167
|
background: #f5f7f9;
|
|
1168
|
-
`,
|
|
1168
|
+
`,Yd=Qe.tfoot`
|
|
1169
1169
|
td {
|
|
1170
1170
|
background-color: #f7f9fa;
|
|
1171
1171
|
}
|
|
1172
|
-
`,
|
|
1172
|
+
`,Fd=Qe.tbody``,Hd=Qe.th`
|
|
1173
1173
|
padding: 14px 0;
|
|
1174
1174
|
text-overflow: ellipsis;
|
|
1175
1175
|
white-space: nowrap;
|
|
@@ -1179,16 +1179,16 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1179
1179
|
.table-checkbox {
|
|
1180
1180
|
padding-left: 12px;
|
|
1181
1181
|
}
|
|
1182
|
-
`,
|
|
1182
|
+
`,Bd=Qe.td`
|
|
1183
1183
|
border-bottom: 1px solid #ebeff3;
|
|
1184
1184
|
padding: 12px 8px;
|
|
1185
1185
|
word-break: break-word;
|
|
1186
1186
|
word-wrap: break-word;
|
|
1187
1187
|
font-size: 14px;
|
|
1188
|
-
`,
|
|
1188
|
+
`,Wd=Qe.div`
|
|
1189
1189
|
width: 100%;
|
|
1190
1190
|
display: flex;
|
|
1191
|
-
`,
|
|
1191
|
+
`,Ud=Qe.div`
|
|
1192
1192
|
width: 310px;
|
|
1193
1193
|
border-left: 1px solid #cfd7df;
|
|
1194
1194
|
right: 0;
|
|
@@ -1202,14 +1202,14 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1202
1202
|
letter-spacing: 0.2px;
|
|
1203
1203
|
padding-bottom: 10px;
|
|
1204
1204
|
}
|
|
1205
|
-
`,
|
|
1205
|
+
`,Gd=Qe.div`
|
|
1206
1206
|
padding: 10px;
|
|
1207
1207
|
cursor: pointer;
|
|
1208
|
-
`,
|
|
1208
|
+
`,Kd=Qe.div`
|
|
1209
1209
|
overflow: auto;
|
|
1210
1210
|
width: 100%;
|
|
1211
1211
|
display: flex;
|
|
1212
|
-
`,
|
|
1212
|
+
`,qd=Qe.div`
|
|
1213
1213
|
cursor: pointer;
|
|
1214
1214
|
outline: none;
|
|
1215
1215
|
border-radius: 4px 4px 0 0;
|
|
@@ -1247,16 +1247,16 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1247
1247
|
height: 3px;
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
1250
|
-
`,
|
|
1250
|
+
`,Zd={success:"#00b3b3",warning:"#f48929",error:"#e43638"},Xd=t.createContext(null),Jd=({toast:e,closeToast:r,index:o,isHovering:i})=>{const a=n.useRef();return a.current=r,t.useEffect((()=>{const t=setTimeout((()=>{"function"==typeof a.current&&a.current(e.id)}),4e6);return()=>clearTimeout(t)}),[]),n.createElement(tu,{type:e.type,index:o,isHovering:i},n.createElement("div",{className:"outline"}),n.createElement("button",{className:"close-button",onClick:()=>r(e.id)},n.createElement(kn,{glyph:"close",size:"10",viewBox:"0 0 7 7"})),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(kn,{glyph:`toast-${e.type}`,size:"32",viewBox:"0 0 32 32"}),n.createElement("div",null,n.createElement("div",{className:"title"},e.title),n.createElement("div",null,e.description))))},Qd=nt`
|
|
1251
1251
|
from {right : -400px}
|
|
1252
1252
|
to {right : 10px}
|
|
1253
|
-
`,
|
|
1253
|
+
`,eu=Qe.div`
|
|
1254
1254
|
position: fixed;
|
|
1255
1255
|
height: ${({length:e,isHovering:t})=>t?85*e:e>0?90:0}px;
|
|
1256
1256
|
right: 0px;
|
|
1257
1257
|
width: ${({length:e})=>e?400:0}px;
|
|
1258
|
-
`,
|
|
1259
|
-
animation: ${
|
|
1258
|
+
`,tu=Qe.div`
|
|
1259
|
+
animation: ${Qd} 0.6s ease-in;
|
|
1260
1260
|
position: fixed;
|
|
1261
1261
|
${({isHovering:e,index:t})=>e?`width : 400px;\n transition: transform ease-in 0.6s;\n transform : translateY(${80*t}px);\n z-index : ${1e6-t};\n top : 12px;\n right : 10px;\n `:`\n width : ${400-20*t}px;\n right: ${10*(t+1)}px;\n top: ${12*(t+1)}px;\n z-index: ${-t};`}
|
|
1262
1262
|
display : flex;
|
|
@@ -1274,7 +1274,7 @@ to {right : 10px}
|
|
|
1274
1274
|
}
|
|
1275
1275
|
.outline {
|
|
1276
1276
|
border-radius: 5px 5px 0 0;
|
|
1277
|
-
background-color: ${({type:e})=>
|
|
1277
|
+
background-color: ${({type:e})=>Zd[e]};
|
|
1278
1278
|
position: absolute;
|
|
1279
1279
|
top: -4px;
|
|
1280
1280
|
left: 0px;
|
|
@@ -1290,11 +1290,11 @@ to {right : 10px}
|
|
|
1290
1290
|
background-color: inherit;
|
|
1291
1291
|
padding: 0;
|
|
1292
1292
|
}
|
|
1293
|
-
`,
|
|
1293
|
+
`,nu=Qe("button")`
|
|
1294
1294
|
${({theme:{colors:{components:{toggle:e}}},size:t,on:n,disabled:r})=>`\n width: ${"sm"===t?"28px":"36px"};\n height: ${"sm"===t?"12px":"16px"};\n background-color: ${n?e.backgroundColorOn:e.backgroundColorOff};\n border-radius: 34px;\n position: relative;\n border: none;\n ${r?"opacity : 0.4 ;\n cursor : not-allowed; ":`&:hover {\n span {\n box-shadow: ${n?"rgba(44, 91, 197, 0.5)":"rgba(82, 84, 86, 0.4)"} 0px 0px 0px 3px;\n }\n }`};\n\n span {\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all ease-in 0.2s;\n bottom: -2px;\n position: absolute;\n border-radius: 50%;\n background-color: #fff;\n border: 1px solid ${e.borderColor};\n ${"sm"===t?`left: ${n?"12px":"0px"};\n width : 16px;\n height : 16px;`:`left: ${n?"16px":"-2px"};\n width : 20px;\n height : 20px;`};\n }\n`}
|
|
1295
|
-
`,
|
|
1295
|
+
`,ru=rt((e=>n.createElement(nu,Object.assign({type:"button"},e,{onClick:t=>{t.detail&&e.handleChange()},onKeyPress:t=>{" "===t.key&&e.handleChange()}}),n.createElement("span",null,e.hasIcon?n.createElement(kn,{glyph:e.on?"check":"close",size:"md"!==e.size?"7":"9",viewBox:e.on?"0 0 8 8":"0 0 7 7"}):null))),{on:!1,size:"md",disabled:!1,hasIcon:!0}),ou=n.createContext({toasts:[],toastHovering:!1,updateToasts:e=>e,updateToastHoverStatus:()=>{}}),iu=()=>n.useContext(ou),au=()=>{const[e,n]=t.useState(!1);return t.useEffect((()=>{n(Boolean("undefined"!=typeof window&&window.document&&window.document.createElement))}),[]),{isBrowser:e,isServer:!e}},su=()=>Math.random().toString(32).slice(2,10),lu=e=>{const t=document.createElement("div");return t.setAttribute("id",e),t},cu=Qe.div`
|
|
1296
1296
|
${({theme:e,reverseIndex:t,type:n,translate:r,bgColor:o,color:i})=>`\n .outline {\n border-radius: 5px 5px 0 0;\n background-color: ${"success"===n?e.palette.jungle:"error"===n?e.palette.ferrari:"info"===n?e.palette.azure:e.palette.sunrise};\n position: absolute;\n top: -4px;\n left: 0px;\n width: 100%;\n height: 4px;\n border: none;\n }\n\n .close-button {\n border: none;\n cursor: pointer;\n position: absolute;\n right: 11px;\n top: 9px;\n background-color: inherit;\n padding: 0;\n }\n\n .icon-wrapper {\n position: relative;\n top: 6px;\n }\n .toast-content {\n display: flex;\n align-items: center;\n }\n\n .toast {\n width: 420px;\n max-width: 90vw;\n max-height: 75px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ${e.palette.foreground};\n background-color: ${o};\n color: ${i};\n border: 0;\n border-radius: ${e.layout.radius};\n padding: 12px ${e.layout.gap} 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n opacity: ${t>4?0:1};\n box-shadow: ${t>4?"none":"0 5px 10px rgba(0, 0, 0, 0.11)"};\n transform: translate3d(0, -100%, 0px) scale(1);\n transition: transform 400ms ease 0ms, visibility 200ms ease 0ms, opacity 200ms ease 0ms;\n }\n .toast.visible {\n opacity: 1;\n transform: ${r};\n }\n .toast.hide {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .message {\n align-items: center;\n height: 100%;\n transition: opacity 0.4s ease;\n font-size: 0.875rem;\n display: -webkit-box;\n word-break: break-all;\n padding-right: ${e.layout.gapHalf};\n overflow: hidden;\n max-height: 100%;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n line-height: 1.1rem;\n }\n .toast :global(button + button) {\n margin-left: ${e.layout.gapQuarter};\n }\n \n `}
|
|
1297
|
-
`,
|
|
1297
|
+
`,du=(e,t)=>e&&e.length?e.map(((e,r)=>n.createElement(ui,{inline:!0,size:"mini",type:e.passive?"primary":"secondary",key:`action-${r}`,onClick:n=>((e,n)=>{n&&n(e,t)})(n,e.handler)},e.name))):null,uu=n.memo((({index:e,total:r,toast:o,onHover:i})=>{const[a,s]=t.useState(!1),[l,c]=t.useState(!1),d=t.useMemo((()=>r-(e+1)),[r,e]),u=t.useMemo((()=>d>=4?`translate3d(0, -75px, -${d}px) scale(.7)`:i?`translate3d(0, ${75*d}px, -${d}px) scale(${1===r?1:.98205})`:`translate3d(0, calc(${`100% + -75px + ${20*d}px`}), -${d}px) scale(${1-.05*d})`),[i,e,r,d]);return t.useEffect((()=>{const e=setTimeout((()=>{s(!0),clearTimeout(e)}),10);return()=>clearTimeout(e)}),[]),t.useEffect((()=>{let e=!1;if(!(d>2||o.willBeDestroy)||e)return;const t=setTimeout((()=>{c(!0),clearTimeout(t)}),150);return()=>{e=!0,clearTimeout(t)}}),[d,o.willBeDestroy]),d>10?null:n.createElement(cu,{color:"#222",bgColor:"#fff",type:o.type,translate:u,reverseIndex:d},n.createElement("div",{key:`${o.id}-${e}`,className:`toast ${a?"visible":""} ${l?"hide":""}`},n.createElement("div",{className:"outline"}),n.createElement("button",{className:"close-button",onClick:()=>o.cancel()},n.createElement(kn,{glyph:"close",size:"10",viewBox:"0 0 7 7"})),n.createElement("div",{className:"toast-content"},n.createElement("div",{className:"icon-wrapper"},o.customIcon?o.customIcon:n.createElement(kn,{glyph:`toast-${o.type}`,size:"32",viewBox:"-4 -5 32 32"})),n.createElement("div",null,n.createElement("div",{className:"message"},o.text),n.createElement("div",{className:"action"},du(o.actions,o.cancel))))))})),pu=Qe.div`
|
|
1298
1298
|
.toast-container {
|
|
1299
1299
|
position: fixed;
|
|
1300
1300
|
width: 420px;
|
|
@@ -1308,4 +1308,4 @@ to {right : 10px}
|
|
|
1308
1308
|
.toast-container.hover {
|
|
1309
1309
|
transform: translate3d(0, -10px, 0);
|
|
1310
1310
|
}
|
|
1311
|
-
`,uu=()=>{const e=((e=iu())=>{const n=`ui-${e}`,{isBrowser:r}=ou(),[o,i]=t.useState(r?au(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||au(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=ru(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(cu,{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(du,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},pu=2e3;let hu,fu=[],mu=0;var gu=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===bu}(e)}(e)};var bu="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function yu(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Eu((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function vu(e,t,n){return e.concat(t).map((function(e){return yu(e,n)}))}function xu(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function wu(e,t){try{return t in e}catch(e){return!1}}function _u(e,t,n){var r={};return n.isMergeableObject(e)&&xu(e).forEach((function(t){r[t]=yu(e[t],n)})),xu(t).forEach((function(o){(function(e,t){return wu(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(wu(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Eu;var n=t.customMerge(e);return"function"==typeof n?n:Eu}(o,n)(e[o],t[o],n):r[o]=yu(t[o],n))})),r}function Eu(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||vu,n.isMergeableObject=n.isMergeableObject||gu,n.cloneUnlessOtherwiseSpecified=yu;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):_u(e,t,n):yu(t,n)}Eu.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Eu(e,n,t)}),{})};var ku=Eu;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Nd,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=Yi,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(kn,{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:r,children:o,defaultSelectedItem:i,label:a="",placeholder:s,errorText:l,itemToString:c,itemComponent:d,onChange:u=(e=>e),type:p=qc.BUTTON,filterKey:h,width:f="100%",disabled:m,isErrored:g,isRequired:b,overrideButtonStyles:y,overrideContainerStyles:v,isMenuLoading:x,...w}=e;let _;"object"!=typeof r[0]||c?_=e=>e?c?c(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 E=t.useRef(null),k=t.useRef(null);return n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:_,selectedItem:i,onChange:u},w),(e=>n.createElement(Ed,Object.assign({width:f,isRequired:b},e.getRootProps()),a&&n.createElement("label",Object.assign({},e.getLabelProps()),a),n.createElement(Zc.Provider,{value:{downshift:e,items:r,filterKey:h,type:p,name:w.name}},o||n.createElement(n.Fragment,null,qc.BUTTON===p&&n.createElement(ed,{disabled:m,ref:E,isErrored:g,overrideStyles:y,placeholder:s}),qc.INPUT===p&&n.createElement(wd,{ref:E,placeholder:s,isErrored:g,disabled:m}),n.createElement(Bc,{targetRef:E,position:Gc,ref:k},n.createElement(n.Fragment,null,n.createElement(yd,{anchorRef:E,popoverRef:k,itemComponent:d,isErrored:g,overrideStyles:v,isMenuLoading:x})))))))),g&&l&&n.createElement(_d,null,l))},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=En,exports.Icons=kn,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=pc,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(ji,{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(""),[_,E]=t.useState(!1),k=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(kn,{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?E(!0):E(!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||k&&k.current&&k.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:k,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(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(ji,{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=Cd,exports.Slide=zi,exports.SlideFade=ji,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:f=!0,showSelections:m=!0,hideTableHeaderOnEmpty:g=!0,showFilters:b=!0,showOptions:y=!0,rowMenuOptions:v=(()=>[]),onRowSelect:x,onRowClick:w,emptyComponent:_,loadingComponent:E,onPrevious:k,onFirstClick:S,onLastClick:C,onPageClick:I,onSelectAll:O,onNext:N,onMenuOptionSelect:D,headerComponent:M,initialState:T={},filterComponent:R}=e,[A,P]=n.useState(b),[L,V]=n.useState(null),{getTableProps:$,getTableBodyProps:z,headerGroups:j,rows:Y,setColumnOrder:F,setHiddenColumns:H,flatRows:B,prepareRow:W,getToggleAllRowsSelectedProps:U}=h.useTable({columns:t,data:r,initialState:T,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:T.selectedRowIds||{}})),[T.selectedRowIds,e])},h.useRowSelect,h.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(fi,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,B)}else x&&x({},B);O&&O(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=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),x&&x({...T.selectedRowIds,[t.id]:n},B)}})))}},...e]:[...e]))})),G=[];for(let e=0;e<Math.ceil(o/i);e++)G.push(e+1);return h.useMountedLayoutEffect((()=>{T&&T.columnOrder&&F(T.columnOrder)}),[T.columnOrder]),h.useMountedLayoutEffect((()=>{T&&T.hiddenColumns&&H(T.hiddenColumns)}),[T.hiddenColumns]),n.createElement(Td,{className:"fui-table"},f&&n.createElement(Ad,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},U()),"Select All")),M||void 0,n.createElement("div",{className:"pagination-actions"},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},E?n.createElement(pc,{size:"small"}):n.createElement(n.Fragment,null,o>0?`${(a-1)*i+(r.length>0?1:0)} - ${(a-1)*i+r.length} of ${s?""+(r.length>0?"Many":"-"):o}`:null)),n.createElement(ui,{type:"secondary",disabled:!c||Boolean(E),onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!l||Boolean(E),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),b&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>P(!A)},n.createElement(kn,{glyph:A?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Hd,{className:"table-content"},n.createElement(Rd,{showFilters:b&&A,className:"table-wrapper"},E?n.createElement(n.Fragment,null,E):n.createElement(n.Fragment,null,g&&0===Y.length?n.createElement(n.Fragment,null,_):n.createElement(Pd,Object.assign({},$()),n.createElement($d,null,j.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(Yd,Object.assign({},t()),r("Header"))})),y&&n.createElement(Yd,null))}))),n.createElement(jd,Object.assign({},z()),Y.length>0?Y.map((e=>{W(e);const{getRowProps:t,cells:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Fd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),y&&n.createElement(Fd,null,v&&v(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Wd,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>V(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:L,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:v(e.original)||[],onSelect:t=>{D&&D(t.id,e.original),V(null)},closeMenuCallback:()=>V(null)})))))})):n.createElement(n.Fragment,null,_)),u&&n.createElement(zd,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(T&&T.hiddenColumns&&T.hiddenColumns.length||0)+(m?1:0)+(v&&v().length>0?1:0)},n.createElement(Vd,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>S&&S(1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>I&&I(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),G.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>I&&I(e)},e))),a<Math.ceil(o/i)-2&&n.createElement(n.Fragment,null,a+3!==Math.ceil(o/i)&&n.createElement(ui,{type:"secondary",disabled:!0},"..."),n.createElement(ui,{type:"secondary",onClick:()=>I&&I(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>C&&C(Math.ceil(o/i))},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),b&&A&&R&&n.createElement(Bd,{className:"table-filters"},R)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(Ud,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(Gd,{"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=ku(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(qd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(Jd,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(Zd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=tu,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(nu.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(uu,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}=ru(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${iu()}`,r=t.delay||pu,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),fu.push(t),((t,n)=>{n<=mu||(clearTimeout(hu),mu=n,hu=window.setTimeout((()=>{e((e=>fu.length<e.length?e:(fu=[],[]))),clearTimeout(hu)}),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)}]};
|
|
1311
|
+
`,hu=()=>{const e=((e=su())=>{const n=`ui-${e}`,{isBrowser:r}=au(),[o,i]=t.useState(r?lu(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||lu(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=iu(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(uu,{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(pu,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},fu=2e3;let mu,gu=[],bu=0;var yu=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===vu}(e)}(e)};var vu="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function xu(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Su((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function wu(e,t,n){return e.concat(t).map((function(e){return xu(e,n)}))}function _u(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Eu(e,t){try{return t in e}catch(e){return!1}}function ku(e,t,n){var r={};return n.isMergeableObject(e)&&_u(e).forEach((function(t){r[t]=xu(e[t],n)})),_u(t).forEach((function(o){(function(e,t){return Eu(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Eu(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Su;var n=t.customMerge(e);return"function"==typeof n?n:Su}(o,n)(e[o],t[o],n):r[o]=xu(t[o],n))})),r}function Su(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||wu,n.isMergeableObject=n.isMergeableObject||yu,n.cloneUnlessOtherwiseSpecified=xu;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):ku(e,t,n):xu(t,n)}Su.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Su(e,n,t)}),{})};var Cu=Su;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Md,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=Yi,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(kn,{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:r,children:o,defaultSelectedItem:i,label:a="",placeholder:s,errorText:l,itemToString:c,itemComponent:d,onChange:u=(e=>e),type:p=Xc.BUTTON,filterKey:h,width:f="100%",disabled:m,isErrored:g,isRequired:b,overrideButtonStyles:y,overrideContainerStyles:v,isMenuLoading:x,...w}=e;let _;"object"!=typeof r[0]||c?_=e=>e?c?c(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 E=t.useRef(null),k=t.useRef(null);return n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:_,selectedItem:i,onChange:u},w),(e=>n.createElement(Sd,Object.assign({width:f,isRequired:b},e.getRootProps()),a&&n.createElement("label",Object.assign({},e.getLabelProps()),a),n.createElement(Jc.Provider,{value:{downshift:e,items:r,filterKey:h,type:p,name:w.name}},o||n.createElement(n.Fragment,null,Xc.BUTTON===p&&n.createElement(nd,{disabled:m,ref:E,isErrored:g,overrideStyles:y,placeholder:s}),Xc.INPUT===p&&n.createElement(Ed,{ref:E,placeholder:s,isErrored:g,disabled:m}),n.createElement(Bc,{targetRef:E,position:qc,ref:k},n.createElement(n.Fragment,null,n.createElement(xd,{anchorRef:E,popoverRef:k,itemComponent:d,isErrored:g,overrideStyles:v,isMenuLoading:x})))))))),g&&l&&n.createElement(kd,null,l))},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=En,exports.Icons=kn,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=pc,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(ji,{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(""),[_,E]=t.useState(!1),k=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(kn,{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?E(!0):E(!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||k&&k.current&&k.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:k,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(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(ji,{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=Od,exports.Slide=zi,exports.SlideFade=ji,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:f=!0,showSelections:m=!0,hideTableHeaderOnEmpty:g=!0,showFilters:b=!0,showOptions:y=!0,rowMenuOptions:v=(()=>[]),onRowSelect:x,onRowClick:w,emptyComponent:_,loadingComponent:E,onPrevious:k,onFirstClick:S,onLastClick:C,onPageClick:I,onSelectAll:O,onNext:N,onMenuOptionSelect:D,headerComponent:M,initialState:T={},filterComponent:R}=e,[A,P]=n.useState(b),[L,V]=n.useState(null),{getTableProps:$,getTableBodyProps:z,headerGroups:j,rows:Y,setColumnOrder:F,setHiddenColumns:H,flatRows:B,prepareRow:W,getToggleAllRowsSelectedProps:U}=h.useTable({columns:t,data:r,initialState:T,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:T.selectedRowIds||{}})),[T.selectedRowIds,e])},h.useRowSelect,h.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(fi,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,B)}else x&&x({},B);O&&O(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=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),x&&x({...T.selectedRowIds,[t.id]:n},B)}})))}},...e]:[...e]))})),G=[];for(let e=0;e<Math.ceil(o/i);e++)G.push(e+1);return h.useMountedLayoutEffect((()=>{T&&T.columnOrder&&F(T.columnOrder)}),[T.columnOrder]),h.useMountedLayoutEffect((()=>{T&&T.hiddenColumns&&H(T.hiddenColumns)}),[T.hiddenColumns]),n.createElement(Ad,{className:"fui-table"},f&&n.createElement(Ld,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},U()),"Select All")),M||void 0,n.createElement("div",{className:"pagination-actions"},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},E?n.createElement(pc,{size:"small"}):n.createElement(n.Fragment,null,o>0?`${(a-1)*i+(r.length>0?1:0)} - ${(a-1)*i+r.length} of ${s?""+(r.length>0?"Many":"-"):o}`:null)),n.createElement(ui,{type:"secondary",disabled:!c||Boolean(E),onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!l||Boolean(E),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),b&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>P(!A)},n.createElement(kn,{glyph:A?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Wd,{className:"table-content"},n.createElement(Pd,{showFilters:b&&A,className:"table-wrapper"},E?n.createElement(n.Fragment,null,E):n.createElement(n.Fragment,null,g&&0===Y.length?n.createElement(n.Fragment,null,_):n.createElement(Vd,Object.assign({},$()),n.createElement(jd,null,j.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement($d,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(Hd,Object.assign({},t()),r("Header"))})),y&&n.createElement(Hd,null))}))),n.createElement(Fd,Object.assign({},z()),Y.length>0?Y.map((e=>{W(e);const{getRowProps:t,cells:r}=e;return n.createElement($d,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Bd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),y&&n.createElement(Bd,null,v&&v(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Gd,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>V(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:L,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:v(e.original)||[],onSelect:t=>{D&&D(t.id,e.original),V(null)},closeMenuCallback:()=>V(null)})))))})):n.createElement(n.Fragment,null,_)),u&&n.createElement(Yd,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(T&&T.hiddenColumns&&T.hiddenColumns.length||0)+(m?1:0)+(v&&v().length>0?1:0)},n.createElement(zd,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>S&&S(1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>I&&I(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),G.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>I&&I(e)},e))),a<Math.ceil(o/i)-2&&n.createElement(n.Fragment,null,a+3!==Math.ceil(o/i)&&n.createElement(ui,{type:"secondary",disabled:!0},"..."),n.createElement(ui,{type:"secondary",onClick:()=>I&&I(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>C&&C(Math.ceil(o/i))},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),b&&A&&R&&n.createElement(Ud,{className:"table-filters"},R)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(Kd,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(qd,{"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=Cu(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(Xd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(eu,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(Jd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=ru,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(ou.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(hu,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}=iu(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${su()}`,r=t.delay||fu,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),gu.push(t),((t,n)=>{n<=bu||(clearTimeout(mu),bu=n,mu=window.setTimeout((()=>{e((e=>gu.length<e.length?e:(gu=[],[]))),clearTimeout(mu)}),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
|
@@ -1021,10 +1021,10 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1021
1021
|
width: ${({size:e})=>Pc[e]}px;
|
|
1022
1022
|
height: ${({size:e})=>Pc[e]}px;
|
|
1023
1023
|
animation: ${Lc} 0.7s linear infinite;
|
|
1024
|
-
`,zc=t=>{const{size:n="medium",invert:r=!1}=t;return e.createElement($c,{className:"fui-loader",invert:r,size:n})};function jc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Yc=jc()?m:d;var Fc="production"===process.env.NODE_ENV;function Hc(e,t){if(!Fc){if(e)return;var n="Warning: "+t;"undefined"!=typeof console&&console.warn(n);try{throw Error(n)}catch(e){}}}var Bc=function(e){var t,n=e.children,o=e.type,a=void 0===o?"reach-portal":o,s=e.containerRef,l=r(null),p=r(null),h=(t=c(Object.create(null))[1],u((function(){t(Object.create(null))}),[]));return"production"!==process.env.NODE_ENV&&d((function(){null!=s&&("production"!==process.env.NODE_ENV&&Hc("object"==typeof s&&"current"in s,"@reach/portal: Invalid value passed to the `containerRef` of a `Portal`. The portal will be appended to the document body, but if you want to attach it to another DOM node you must pass a valid React ref object to `containerRef`."),"production"!==process.env.NODE_ENV&&Hc(!s||null!=s.current,"@reach/portal: A ref was passed to the `containerRef` prop of a `Portal`, but no DOM node was attached to it. Be sure to pass the ref to a DOM component.\n\nIf you are forwarding the ref from another component, be sure to use the React.forwardRef API. See https://reactjs.org/docs/forwarding-refs.html."))}),[s]),Yc((function(){if(l.current){var e=l.current.ownerDocument,t=(null==s?void 0:s.current)||e.body;return p.current=null==e?void 0:e.createElement(a),t.appendChild(p.current),h(),function(){p.current&&t&&t.removeChild(p.current)}}}),[a,h,s]),p.current?k(n,p.current):i("span",{ref:l})};"production"!==process.env.NODE_ENV&&(Bc.displayName="Portal");var Wc,Uc=["bottom","height","left","right","top","width"],Gc=new Map,Kc=function e(){var t=[];Gc.forEach((function(e,n){var r=n.getBoundingClientRect();(function(e,t){return void 0===e&&(e={}),void 0===t&&(t={}),Uc.some((function(n){return e[n]!==t[n]}))})(r,e.rect)&&(e.rect=r,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),Wc=window.requestAnimationFrame(e)};function qc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Zc=qc()?m:d;function Xc(e){return"boolean"==typeof e}function Jc(e){return!(!e||"[object Function]"!={}.toString.call(e))}var Qc=function(e){var t=e.onChange,n=e.observe,o=void 0===n||n,i=e.children,a=r(null);return i({ref:a,rect:ed(a,{observe:o,onChange:t})})};function ed(e,t,n){var o,i,a;Xc(t)?o=t:(o=null==(a=null==t?void 0:t.observe)||a,i=null==t?void 0:t.onChange);Jc(n)&&(i=n),"production"!==process.env.NODE_ENV&&(d((function(){"production"!==process.env.NODE_ENV&&Hc(!Xc(t),"Passing `observe` as the second argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `observe` property as the second argument (`useRect(ref, { observe })`).\nSee https://reach.tech/rect#userect-observe")}),[t]),d((function(){"production"!==process.env.NODE_ENV&&Hc(!Jc(n),"Passing `onChange` as the third argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `onChange` property as the second argument (`useRect(ref, { onChange })`).\nSee https://reach.tech/rect#userect-onchange")}),[n]));var s=c(e.current),l=s[0],u=s[1],p=r(!1),h=r(!1),f=c(null),m=f[0],g=f[1],b=r(i);return Zc((function(){b.current=i,e.current!==l&&u(e.current)})),Zc((function(){l&&!p.current&&(p.current=!0,g(l.getBoundingClientRect()))}),[l]),Zc((function(){if(o){var t=l;if(h.current||(h.current=!0,t=e.current),t){var n,r,i=(n=t,r=function(e){null==b.current||b.current(e),g(e)},{observe:function(){var e=0===Gc.size;Gc.has(n)?Gc.get(n).callbacks.push(r):Gc.set(n,{rect:void 0,hasRectChanged:!1,callbacks:[r]}),e&&Kc()},unobserve:function(){var e=Gc.get(n);if(e){var t=e.callbacks.indexOf(r);t>=0&&e.callbacks.splice(t,1),e.callbacks.length||Gc.delete(n),Gc.size||cancelAnimationFrame(Wc)}}});return i.observe(),function(){i.unobserve()}}"production"!==process.env.NODE_ENV&&console.warn("You need to place the ref")}}),[o,l,e]),m}function td(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function nd(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return td(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?td(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function rd(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+'"')}}"production"!==process.env.NODE_ENV&&(Qc.displayName="Rect",Qc.propTypes={children:wi.func.isRequired,observe:wi.bool,onChange:wi.func});var od=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],id=od.join(","),ad="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function sd(e,t){t=t||{};var n,r,o,i=[],a=[],s=e.querySelectorAll(id);for(t.includeContainer&&ad.call(e,id)&&(s=Array.prototype.slice.apply(s)).unshift(e),n=0;n<s.length;n++)ld(r=s[n])&&(0===(o=ud(r))?i.push(r):a.push({documentOrder:n,tabIndex:o,node:r}));return a.sort(pd).map((function(e){return e.node})).concat(i)}function ld(e){return!(!cd(e)||function(e){return function(e){return hd(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t=function(e){for(var t=0;t<e.length;t++)if(e[t].checked)return e[t]}(e.ownerDocument.querySelectorAll('input[type="radio"][name="'+e.name+'"]'));return!t||t===e}(e)}(e)||ud(e)<0)}function cd(e){return!(e.disabled||function(e){return hd(e)&&"hidden"===e.type}(e)||function(e){return null===e.offsetParent||"hidden"===getComputedStyle(e).visibility}(e))}sd.isTabbable=function(e){if(!e)throw new Error("No node provided");return!1!==ad.call(e,id)&&ld(e)},sd.isFocusable=function(e){if(!e)throw new Error("No node provided");return!1!==ad.call(e,dd)&&cd(e)};var dd=od.concat("iframe").join(",");function ud(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?function(e){return"true"===e.contentEditable}(e)?0:e.tabIndex:t}function pd(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex}function hd(e){return"INPUT"===e.tagName}var fd=sd;function md(){return md=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},md.apply(this,arguments)}var gd=["as","targetRef","position","unstable_observableRefs"],bd=l((function(e,t){return i(Bc,null,i(yd,md({ref:t},e)))}));"production"!==process.env.NODE_ENV&&(bd.displayName="Popover");var yd=l((function(e,t){var n=e.as,o=void 0===n?"div":n,a=e.targetRef,s=e.position,l=void 0===s?xd:s,c=e.unstable_observableRefs,p=void 0===c?[]:c,h=function(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}(e,gd),f=r(null),m=ed(f,{observe:!h.hidden}),g=ed(a,{observe:!h.hidden}),b=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return u((function(e){for(var n,r=nd(t);!(n=r()).done;)rd(n.value,e)}),t)}(f,t);return function(e,t){var n=(r=e.current,jc()?r?r.ownerDocument:document:null);var r;function o(e){"Tab"===e.key&&t.current&&0===fd(t.current).length||("Tab"===e.key&&e.shiftKey?u(e)?p(e):h(e)?f(e):g(e)&&y():"Tab"===e.key&&(a()?s(e):l()?c(e):m(e)&&y()))}function i(){var r=fd(n),o=r&&e.current?r.indexOf(e.current):-1,i=r&&r[o+1];return(!t.current||!t.current.contains(i||null))&&i}function a(){return!!e.current&&e.current===n.activeElement}function s(e){var n=t.current&&fd(t.current);n&&n[0]&&(e.preventDefault(),n[0].focus())}function l(){if(!!t.current&&t.current.contains(n.activeElement||null)){var e=t.current&&fd(t.current);return Boolean(e&&e[e.length-1]===n.activeElement)}return!1}function c(e){var t=i();t&&(e.preventDefault(),t.focus())}function u(e){if(e.shiftKey){var t=i();return e.target===t}}function p(e){var n=t.current&&fd(t.current),r=n&&n[n.length-1];r&&(e.preventDefault(),r.focus())}function h(e){var n=t.current&&fd(t.current);return!!n&&(0!==n.length&&e.target===n[0])}function f(t){var n;t.preventDefault(),null==(n=e.current)||n.focus()}function m(e){var r=t.current?fd(n).filter((function(e){return!t.current.contains(e)})):null;return!!r&&e.target===r[r.length-1]}function g(e){return e.target===fd(n)[0]}d((function(){return n.addEventListener("keydown",o),function(){n.removeEventListener("keydown",o)}}),[]);var b=[];function y(){var e=t.current&&fd(t.current);e&&(e.forEach((function(e){b.push([e,e.tabIndex]),e.tabIndex=-1})),n.addEventListener("focusin",v))}function v(){n.removeEventListener("focusin",v),b.forEach((function(e){var t=e[0],n=e[1];t.tabIndex=n}))}}(a,f),i(o,md({"data-reach-popover":"",ref:b},h,{style:md({position:"absolute"},vd.apply(void 0,[l,g,m].concat(p)),h.style)}))}));function vd(e,t,n){for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];return n?e.apply(void 0,[t,n].concat(o.map((function(e){return e.current})))):{visibility:"hidden"}}"production"!==process.env.NODE_ENV&&(yd.displayName="PopoverImpl");var xd=function(e,t){if(!e||!t)return{};var n=wd(e,t),r=n.directionRight,o=n.directionUp;return md({left:r?e.right-t.width+window.pageXOffset+"px":e.left+window.pageXOffset+"px"},function(e,t,n){return{top:n?e.top-t.height+window.pageYOffset+"px":e.top+e.height+window.pageYOffset+"px"}}(e,t,o))};function wd(e,t,n,r){void 0===n&&(n=0),void 0===r&&(r=0);var o={top:e.top-t.height<0,right:window.innerWidth<e.left+t.width-n,bottom:window.innerHeight<e.bottom+t.height-r,left:e.left+e.width-t.width<0};return{directionRight:o.right&&!o.left,directionLeft:o.left&&!o.right,directionUp:o.bottom&&!o.top,directionDown:o.top&&!o.bottom}}const _d={BUTTON:"button",INPUT:"input"},kd=e.createContext(null);function Ed(t){function n(n,r){return e.createElement(kd.Consumer,null,(({downshift:o,items:i,filterKey:a,type:s,name:l})=>e.createElement(t,Object.assign({downshift:o,items:i,filterKey:a,type:s,name:l},n,{ref:r}))))}return n.displayName=`withDownshift(${t.displayName||t.name})`,X(e.forwardRef(n),t)}const Sd=vt.button`
|
|
1024
|
+
`,zc=t=>{const{size:n="medium",invert:r=!1}=t;return e.createElement($c,{className:"fui-loader",invert:r,size:n})};function jc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Yc=jc()?m:d;var Fc="production"===process.env.NODE_ENV;function Hc(e,t){if(!Fc){if(e)return;var n="Warning: "+t;"undefined"!=typeof console&&console.warn(n);try{throw Error(n)}catch(e){}}}var Bc=function(e){var t,n=e.children,o=e.type,a=void 0===o?"reach-portal":o,s=e.containerRef,l=r(null),p=r(null),h=(t=c(Object.create(null))[1],u((function(){t(Object.create(null))}),[]));return"production"!==process.env.NODE_ENV&&d((function(){null!=s&&("production"!==process.env.NODE_ENV&&Hc("object"==typeof s&&"current"in s,"@reach/portal: Invalid value passed to the `containerRef` of a `Portal`. The portal will be appended to the document body, but if you want to attach it to another DOM node you must pass a valid React ref object to `containerRef`."),"production"!==process.env.NODE_ENV&&Hc(!s||null!=s.current,"@reach/portal: A ref was passed to the `containerRef` prop of a `Portal`, but no DOM node was attached to it. Be sure to pass the ref to a DOM component.\n\nIf you are forwarding the ref from another component, be sure to use the React.forwardRef API. See https://reactjs.org/docs/forwarding-refs.html."))}),[s]),Yc((function(){if(l.current){var e=l.current.ownerDocument,t=(null==s?void 0:s.current)||e.body;return p.current=null==e?void 0:e.createElement(a),t.appendChild(p.current),h(),function(){p.current&&t&&t.removeChild(p.current)}}}),[a,h,s]),p.current?k(n,p.current):i("span",{ref:l})};"production"!==process.env.NODE_ENV&&(Bc.displayName="Portal");var Wc,Uc=["bottom","height","left","right","top","width"],Gc=new Map,Kc=function e(){var t=[];Gc.forEach((function(e,n){var r=n.getBoundingClientRect();(function(e,t){return void 0===e&&(e={}),void 0===t&&(t={}),Uc.some((function(n){return e[n]!==t[n]}))})(r,e.rect)&&(e.rect=r,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),Wc=window.requestAnimationFrame(e)};function qc(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var Zc=qc()?m:d;function Xc(e){return"boolean"==typeof e}function Jc(e){return!(!e||"[object Function]"!={}.toString.call(e))}var Qc=function(e){var t=e.onChange,n=e.observe,o=void 0===n||n,i=e.children,a=r(null);return i({ref:a,rect:ed(a,{observe:o,onChange:t})})};function ed(e,t,n){var o,i,a;Xc(t)?o=t:(o=null==(a=null==t?void 0:t.observe)||a,i=null==t?void 0:t.onChange);Jc(n)&&(i=n),"production"!==process.env.NODE_ENV&&(d((function(){"production"!==process.env.NODE_ENV&&Hc(!Xc(t),"Passing `observe` as the second argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `observe` property as the second argument (`useRect(ref, { observe })`).\nSee https://reach.tech/rect#userect-observe")}),[t]),d((function(){"production"!==process.env.NODE_ENV&&Hc(!Jc(n),"Passing `onChange` as the third argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `onChange` property as the second argument (`useRect(ref, { onChange })`).\nSee https://reach.tech/rect#userect-onchange")}),[n]));var s=c(e.current),l=s[0],u=s[1],p=r(!1),h=r(!1),f=c(null),m=f[0],g=f[1],b=r(i);return Zc((function(){b.current=i,e.current!==l&&u(e.current)})),Zc((function(){l&&!p.current&&(p.current=!0,g(l.getBoundingClientRect()))}),[l]),Zc((function(){if(o){var t=l;if(h.current||(h.current=!0,t=e.current),t){var n,r,i=(n=t,r=function(e){null==b.current||b.current(e),g(e)},{observe:function(){var e=0===Gc.size;Gc.has(n)?Gc.get(n).callbacks.push(r):Gc.set(n,{rect:void 0,hasRectChanged:!1,callbacks:[r]}),e&&Kc()},unobserve:function(){var e=Gc.get(n);if(e){var t=e.callbacks.indexOf(r);t>=0&&e.callbacks.splice(t,1),e.callbacks.length||Gc.delete(n),Gc.size||cancelAnimationFrame(Wc)}}});return i.observe(),function(){i.unobserve()}}"production"!==process.env.NODE_ENV&&console.warn("You need to place the ref")}}),[o,l,e]),m}function td(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function nd(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return td(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?td(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function rd(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+'"')}}"production"!==process.env.NODE_ENV&&(Qc.displayName="Rect",Qc.propTypes={children:wi.func.isRequired,observe:wi.bool,onChange:wi.func});var od=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],id=od.join(","),ad="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function sd(e,t){t=t||{};var n,r,o,i=[],a=[],s=e.querySelectorAll(id);for(t.includeContainer&&ad.call(e,id)&&(s=Array.prototype.slice.apply(s)).unshift(e),n=0;n<s.length;n++)ld(r=s[n])&&(0===(o=ud(r))?i.push(r):a.push({documentOrder:n,tabIndex:o,node:r}));return a.sort(pd).map((function(e){return e.node})).concat(i)}function ld(e){return!(!cd(e)||function(e){return function(e){return hd(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t=function(e){for(var t=0;t<e.length;t++)if(e[t].checked)return e[t]}(e.ownerDocument.querySelectorAll('input[type="radio"][name="'+e.name+'"]'));return!t||t===e}(e)}(e)||ud(e)<0)}function cd(e){return!(e.disabled||function(e){return hd(e)&&"hidden"===e.type}(e)||function(e){return null===e.offsetParent||"hidden"===getComputedStyle(e).visibility}(e))}sd.isTabbable=function(e){if(!e)throw new Error("No node provided");return!1!==ad.call(e,id)&&ld(e)},sd.isFocusable=function(e){if(!e)throw new Error("No node provided");return!1!==ad.call(e,dd)&&cd(e)};var dd=od.concat("iframe").join(",");function ud(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?function(e){return"true"===e.contentEditable}(e)?0:e.tabIndex:t}function pd(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex}function hd(e){return"INPUT"===e.tagName}var fd=sd;function md(){return md=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},md.apply(this,arguments)}var gd=["as","targetRef","position","unstable_observableRefs"],bd=l((function(e,t){return i(Bc,null,i(yd,md({ref:t},e)))}));"production"!==process.env.NODE_ENV&&(bd.displayName="Popover");var yd=l((function(e,t){var n=e.as,o=void 0===n?"div":n,a=e.targetRef,s=e.position,l=void 0===s?wd:s,c=e.unstable_observableRefs,p=void 0===c?[]:c,h=function(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}(e,gd),f=r(null),m=ed(f,{observe:!h.hidden}),g=ed(a,{observe:!h.hidden}),b=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return u((function(e){for(var n,r=nd(t);!(n=r()).done;)rd(n.value,e)}),t)}(f,t);return function(e,t){var n=(r=e.current,jc()?r?r.ownerDocument:document:null);var r;function o(e){"Tab"===e.key&&t.current&&0===fd(t.current).length||("Tab"===e.key&&e.shiftKey?u(e)?p(e):h(e)?f(e):g(e)&&y():"Tab"===e.key&&(a()?s(e):l()?c(e):m(e)&&y()))}function i(){var r=fd(n),o=r&&e.current?r.indexOf(e.current):-1,i=r&&r[o+1];return(!t.current||!t.current.contains(i||null))&&i}function a(){return!!e.current&&e.current===n.activeElement}function s(e){var n=t.current&&fd(t.current);n&&n[0]&&(e.preventDefault(),n[0].focus())}function l(){if(!!t.current&&t.current.contains(n.activeElement||null)){var e=t.current&&fd(t.current);return Boolean(e&&e[e.length-1]===n.activeElement)}return!1}function c(e){var t=i();t&&(e.preventDefault(),t.focus())}function u(e){if(e.shiftKey){var t=i();return e.target===t}}function p(e){var n=t.current&&fd(t.current),r=n&&n[n.length-1];r&&(e.preventDefault(),r.focus())}function h(e){var n=t.current&&fd(t.current);return!!n&&(0!==n.length&&e.target===n[0])}function f(t){var n;t.preventDefault(),null==(n=e.current)||n.focus()}function m(e){var r=t.current?fd(n).filter((function(e){return!t.current.contains(e)})):null;return!!r&&e.target===r[r.length-1]}function g(e){return e.target===fd(n)[0]}d((function(){return n.addEventListener("keydown",o),function(){n.removeEventListener("keydown",o)}}),[]);var b=[];function y(){var e=t.current&&fd(t.current);e&&(e.forEach((function(e){b.push([e,e.tabIndex]),e.tabIndex=-1})),n.addEventListener("focusin",v))}function v(){n.removeEventListener("focusin",v),b.forEach((function(e){var t=e[0],n=e[1];t.tabIndex=n}))}}(a,f),i(o,md({"data-reach-popover":"",ref:b},h,{style:md({position:"absolute"},vd.apply(void 0,[l,g,m].concat(p)),h.style)}))}));function vd(e,t,n){for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];return n?e.apply(void 0,[t,n].concat(o.map((function(e){return e.current})))):{visibility:"hidden"}}function xd(e,t,n){return{top:n?e.top-t.height+window.pageYOffset+"px":e.top+e.height+window.pageYOffset+"px"}}"production"!==process.env.NODE_ENV&&(yd.displayName="PopoverImpl");var wd=function(e,t){if(!e||!t)return{};var n=kd(e,t),r=n.directionRight,o=n.directionUp;return md({left:r?e.right-t.width+window.pageXOffset+"px":e.left+window.pageXOffset+"px"},xd(e,t,o))},_d=function(e,t){if(!e||!t)return{};var n=kd(e,t).directionUp;return md({width:e.width,left:e.left},xd(e,t,n))};function kd(e,t,n,r){void 0===n&&(n=0),void 0===r&&(r=0);var o={top:e.top-t.height<0,right:window.innerWidth<e.left+t.width-n,bottom:window.innerHeight<e.bottom+t.height-r,left:e.left+e.width-t.width<0};return{directionRight:o.right&&!o.left,directionLeft:o.left&&!o.right,directionUp:o.bottom&&!o.top,directionDown:o.top&&!o.bottom}}const Ed={BUTTON:"button",INPUT:"input"},Sd=e.createContext(null);function Cd(t){function n(n,r){return e.createElement(Sd.Consumer,null,(({downshift:o,items:i,filterKey:a,type:s,name:l})=>e.createElement(t,Object.assign({downshift:o,items:i,filterKey:a,type:s,name:l},n,{ref:r}))))}return n.displayName=`withDownshift(${t.displayName||t.name})`,X(e.forwardRef(n),t)}const Id=vt.button`
|
|
1025
1025
|
${({theme:e,isOpen:t,isErrored:n})=>{const{colors:{components:{input:r},border:o,pseudo:i},palette:a}=e;return`\n background: ${a.white};\n border: none;\n cursor: pointer;\n position : relative;\n box-shadow: none;\n min-height: 38px;\n border-radius: 5px;\n padding: 4px 12px;\n border: 1px solid ${n?o.error:t?"transparent":r.primary.borderColor};\n box-shadow : ${t&&!n?`0 0 0 2px ${i.focus}`:"none"};\n display: flex;\n width: 100%;\n align-items: center;\n display: flex;\n outline: none;\n border-radius: 4px;\n justify-content: space-between;\n\n .dropdown-selected {\n display: block;\n font-size: 14px;\n width: 90%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n .placeholder {\n opacity : 0.7;\n }\n }\n .dropdown-status {\n transition: all ease-in 0.2s;\n transform: ${t?"rotate(180deg)":"rotate(0deg)"};\n }\n \n &[disabled] {\n filter: opacity(0.6);\n cursor: not-allowed;\n } \n &.focused {\n box-shadow: 0 0px 0px 2px ${i.focus};\n } \n\n `}};
|
|
1026
1026
|
${({theme:e,overrideStyles:t})=>{const{typography:n}=e;return{...n.body.secondary,...t}}};
|
|
1027
|
-
`,
|
|
1027
|
+
`,Od=e.forwardRef(((t,n)=>{const{downshift:{getToggleButtonProps:r,selectedItem:o,isOpen:i,itemToString:a},children:s,disabled:l=!1,isErrored:c=!1,overrideStyles:d={},buttonLabelComponent:u,placeholder:p="--Select--"}=t,h=((e,t)=>e?e(t):t)(a,o);return e.createElement(Id,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{isOpen:i,isErrored:c,className:"dropdown-button",overrideStyles:d,ref:n,disabled:l}),s?s({label:h,getToggleButtonProps:r,isOpen:i}):e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-selected"},u?e.createElement(u,null,h):h||e.createElement("span",{className:"placeholder"},p)),e.createElement("div",{className:"dropdown-status"},e.createElement(Bn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))))}));var Nd=Cd(Od),Dd={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Ấ":"A","Ắ":"A","Ẳ":"A","Ẵ":"A","Ặ":"A","Æ":"AE","Ầ":"A","Ằ":"A","Ȃ":"A","Ç":"C","Ḉ":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ế":"E","Ḗ":"E","Ề":"E","Ḕ":"E","Ḝ":"E","Ȇ":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ḯ":"I","Ȋ":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ố":"O","Ṍ":"O","Ṓ":"O","Ȏ":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","ấ":"a","ắ":"a","ẳ":"a","ẵ":"a","ặ":"a","æ":"ae","ầ":"a","ằ":"a","ȃ":"a","ç":"c","ḉ":"c","è":"e","é":"e","ê":"e","ë":"e","ế":"e","ḗ":"e","ề":"e","ḕ":"e","ḝ":"e","ȇ":"e","ì":"i","í":"i","î":"i","ï":"i","ḯ":"i","ȋ":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ố":"o","ṍ":"o","ṓ":"o","ȏ":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Ĉ":"C","ĉ":"c","Ċ":"C","ċ":"c","Č":"C","č":"c","C̆":"C","c̆":"c","Ď":"D","ď":"d","Đ":"D","đ":"d","Ē":"E","ē":"e","Ĕ":"E","ĕ":"e","Ė":"E","ė":"e","Ę":"E","ę":"e","Ě":"E","ě":"e","Ĝ":"G","Ǵ":"G","ĝ":"g","ǵ":"g","Ğ":"G","ğ":"g","Ġ":"G","ġ":"g","Ģ":"G","ģ":"g","Ĥ":"H","ĥ":"h","Ħ":"H","ħ":"h","Ḫ":"H","ḫ":"h","Ĩ":"I","ĩ":"i","Ī":"I","ī":"i","Ĭ":"I","ĭ":"i","Į":"I","į":"i","İ":"I","ı":"i","IJ":"IJ","ij":"ij","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","Ḱ":"K","ḱ":"k","K̆":"K","k̆":"k","Ĺ":"L","ĺ":"l","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ŀ":"L","ŀ":"l","Ł":"l","ł":"l","Ḿ":"M","ḿ":"m","M̆":"M","m̆":"m","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","ʼn":"n","N̆":"N","n̆":"n","Ō":"O","ō":"o","Ŏ":"O","ŏ":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","P̆":"P","p̆":"p","Ŕ":"R","ŕ":"r","Ŗ":"R","ŗ":"r","Ř":"R","ř":"r","R̆":"R","r̆":"r","Ȓ":"R","ȓ":"r","Ś":"S","ś":"s","Ŝ":"S","ŝ":"s","Ş":"S","Ș":"S","ș":"s","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","ț":"t","Ț":"T","Ť":"T","ť":"t","Ŧ":"T","ŧ":"t","T̆":"T","t̆":"t","Ũ":"U","ũ":"u","Ū":"U","ū":"u","Ŭ":"U","ŭ":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ȗ":"U","ȗ":"u","V̆":"V","v̆":"v","Ŵ":"W","ŵ":"w","Ẃ":"W","ẃ":"w","X̆":"X","x̆":"x","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Y̆":"Y","y̆":"y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","ſ":"s","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Ǎ":"A","ǎ":"a","Ǐ":"I","ǐ":"i","Ǒ":"O","ǒ":"o","Ǔ":"U","ǔ":"u","Ǖ":"U","ǖ":"u","Ǘ":"U","ǘ":"u","Ǚ":"U","ǚ":"u","Ǜ":"U","ǜ":"u","Ứ":"U","ứ":"u","Ṹ":"U","ṹ":"u","Ǻ":"A","ǻ":"a","Ǽ":"AE","ǽ":"ae","Ǿ":"O","ǿ":"o","Þ":"TH","þ":"th","Ṕ":"P","ṕ":"p","Ṥ":"S","ṥ":"s","X́":"X","x́":"x","Ѓ":"Г","ѓ":"г","Ќ":"К","ќ":"к","A̋":"A","a̋":"a","E̋":"E","e̋":"e","I̋":"I","i̋":"i","Ǹ":"N","ǹ":"n","Ồ":"O","ồ":"o","Ṑ":"O","ṑ":"o","Ừ":"U","ừ":"u","Ẁ":"W","ẁ":"w","Ỳ":"Y","ỳ":"y","Ȁ":"A","ȁ":"a","Ȅ":"E","ȅ":"e","Ȉ":"I","ȉ":"i","Ȍ":"O","ȍ":"o","Ȑ":"R","ȑ":"r","Ȕ":"U","ȕ":"u","B̌":"B","b̌":"b","Č̣":"C","č̣":"c","Ê̌":"E","ê̌":"e","F̌":"F","f̌":"f","Ǧ":"G","ǧ":"g","Ȟ":"H","ȟ":"h","J̌":"J","ǰ":"j","Ǩ":"K","ǩ":"k","M̌":"M","m̌":"m","P̌":"P","p̌":"p","Q̌":"Q","q̌":"q","Ř̩":"R","ř̩":"r","Ṧ":"S","ṧ":"s","V̌":"V","v̌":"v","W̌":"W","w̌":"w","X̌":"X","x̌":"x","Y̌":"Y","y̌":"y","A̧":"A","a̧":"a","B̧":"B","b̧":"b","Ḑ":"D","ḑ":"d","Ȩ":"E","ȩ":"e","Ɛ̧":"E","ɛ̧":"e","Ḩ":"H","ḩ":"h","I̧":"I","i̧":"i","Ɨ̧":"I","ɨ̧":"i","M̧":"M","m̧":"m","O̧":"O","o̧":"o","Q̧":"Q","q̧":"q","U̧":"U","u̧":"u","X̧":"X","x̧":"x","Z̧":"Z","z̧":"z"},Md=Object.keys(Dd).join("|"),Td=new RegExp(Md,"g"),Rd=new RegExp(Md,""),Ad=function(e){return e.replace(Td,(function(e){return Dd[e]}))},Pd=Ad,Ld=function(e){return!!e.match(Rd)},Vd=Ad;Pd.has=Ld,Pd.remove=Vd;var $d={CASE_SENSITIVE_EQUAL:9,EQUAL:8,STARTS_WITH:7,WORD_STARTS_WITH:6,STRING_CASE:5,STRING_CASE_ACRONYM:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},zd={CAMEL:.8,PASCAL:.6,KEBAB:.4,SNAKE:.2,NO_CASE:0};Yd.rankings=$d,Yd.caseRankings=zd;var jd=function(e,t){return String(e.rankedItem).localeCompare(t.rankedItem)};function Yd(e,t,n){void 0===n&&(n={});var r=n,o=r.keys,i=r.threshold,a=void 0===i?$d.MATCHES:i,s=r.baseSort,l=void 0===s?jd:s,c=e.reduce((function(e,r,i){var s=function(e,t,n,r){if(!t)return{rankedItem:e,rank:Fd(e,n,r),keyIndex:-1,keyThreshold:r.threshold};return function(e,t){return t.reduce((function(t,n){var r=function(e,t){"object"==typeof t&&(t=t.key);var n;n="function"==typeof t?t(e):-1!==t.indexOf(".")?t.split(".").reduce((function(e,t){return e?e[t]:null}),e):e[t];return null!=n?[].concat(n):null}(e,n);return r&&r.forEach((function(e){t.push({itemValue:e,attributes:Bd(n)})})),t}),[])}(e,t).reduce((function(e,t,o){var i=e.rank,a=e.rankedItem,s=e.keyIndex,l=e.keyThreshold,c=t.itemValue,d=t.attributes,u=Fd(c,n,r),p=a,h=d.minRanking,f=d.maxRanking,m=d.threshold;return u<h&&u>=$d.MATCHES?u=h:u>f&&(u=f),u>i&&(i=u,s=o,l=m,p=c),{rankedItem:p,rank:i,keyIndex:s,keyThreshold:l}}),{rank:$d.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}(r,o,t,n),l=s.rankedItem,c=s.rank,d=s.keyIndex,u=s.keyThreshold;c>=(void 0===u?a:u)&&e.push({rankedItem:l,item:r,rank:c,index:i,keyIndex:d});return e}),[]);return c.sort((function(e,t){return function(e,t,n){var r=-1,o=1,i=e.rank,a=e.keyIndex,s=t.rank,l=t.keyIndex;return i===s?a===l?n(e,t):a<l?r:o:i>s?r:o}(e,t,l)})).map((function(e){return e.item}))}function Fd(e,t,n){if(e=Hd(e,n),(t=Hd(t,n)).length>e.length)return $d.NO_MATCH;if(e===t)return $d.CASE_SENSITIVE_EQUAL;var r,o,i=function(e){var t=e.toLowerCase()!==e,n=e.indexOf("-")>=0,r=e.indexOf("_")>=0;if(!t&&!r&&n)return zd.KEBAB;if(!t&&r&&!n)return zd.SNAKE;if(t&&!n&&!r){return e[0].toUpperCase()===e[0]?zd.PASCAL:zd.CAMEL}return zd.NO_CASE}(e),a=function(e,t,n){var r=e.toLowerCase().indexOf(t.toLowerCase());switch(n){case zd.SNAKE:return"_"===e[r-1];case zd.KEBAB:return"-"===e[r-1];case zd.PASCAL:case zd.CAMEL:return-1!==r&&e[r]===e[r].toUpperCase();default:return!1}}(e,t,i),s=function(e,t,n){var r=null;switch(n){case zd.SNAKE:r="_";break;case zd.KEBAB:r="-";break;case zd.PASCAL:case zd.CAMEL:r=/(?=[A-Z])/;break;default:r=null}var o=e.split(r);return t.toLowerCase().split("").reduce((function(e,t,n){var r=o[n];return e&&r&&r[0].toLowerCase()===t}),!0)}(e,t,i);return(e=e.toLowerCase())===(t=t.toLowerCase())?$d.EQUAL+i:0===e.indexOf(t)?$d.STARTS_WITH+i:-1!==e.indexOf(" "+t)?$d.WORD_STARTS_WITH+i:a?$d.STRING_CASE+i:i>0&&s?$d.STRING_CASE_ACRONYM+i:-1!==e.indexOf(t)?$d.CONTAINS+i:1===t.length?$d.NO_MATCH:-1!==(r=e,o="",r.split(" ").forEach((function(e){e.split("-").forEach((function(e){o+=e.substr(0,1)}))})),o).indexOf(t)?$d.ACRONYM+i:function(e,t){var n=0,r=0;function o(e,t,r){for(var o=r;o<t.length;o++){if(t[o]===e)return n+=1,o+1}return-1}function i(e){var r=n/t.length;return $d.MATCHES+r*(1/e)}var a=o(t[0],e,0);if(a<0)return $d.NO_MATCH;r=a;for(var s=1;s<t.length;s++){if(!((r=o(t[s],e,r))>-1))return $d.NO_MATCH}return i(r-a)}(e,t)}function Hd(e,t){return e=""+e,t.keepDiacritics||(e=Pd(e)),e}function Bd(e){return"string"==typeof e&&(e={key:e}),St({maxRanking:1/0,minRanking:-1/0},e)}const Wd=vt.ul`
|
|
1028
1028
|
position: relative;
|
|
1029
1029
|
top: 5px;
|
|
1030
1030
|
|
|
@@ -1050,21 +1050,21 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
1052
|
${({theme:e,overrideStyles:t})=>{const{palette:n}=e;return{backgroundColor:n.white,...t}}};
|
|
1053
|
-
`,
|
|
1053
|
+
`,Ud=vt.li`
|
|
1054
1054
|
${({theme:e,isSelectedIndex:t,canHighlight:n,disabled:r})=>{const{typography:o,colors:i}=e;return{fontSize:o.menu.menuItem.fontSize,color:r?i.text.disabled:i.text.primary,backgroundColor:"none",...n&&{backgroundColor:i.background.hover},...t&&{fontWeight:600,color:i.link,backgroundColor:i.background.selected},...r&&{"&:hover":{cursor:"not-allowed"}}}}};
|
|
1055
1055
|
margin: 8px;
|
|
1056
1056
|
border-radius: 4px;
|
|
1057
1057
|
padding: 8px;
|
|
1058
1058
|
cursor: pointer;
|
|
1059
|
-
`,
|
|
1059
|
+
`,Gd=Cd((({items:t,downshift:{isOpen:n,getMenuProps:r,getItemProps:o,selectedItem:i,inputValue:a,highlightedIndex:s,itemToString:l},overrideStyles:c={},itemComponent:d,type:u,filterKey:p,isMenuLoading:h,anchorRef:f,popoverRef:m})=>{let g=t;if(u===Ed.INPUT&&("string"==typeof i&&i!==a||"object"==typeof i&&i&&i[p]&&i[p]!==a)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||p||console.error("The 'items' you provided is of type Object, provide \n 'filterKey' prop to <Dropdown/> to specify which key has to be searched for."),p&&"object"==typeof t[0]&&(g=Yd(t,a,{keys:[p]})),"string"==typeof t[0]&&(g=Yd(t,a))),0===g.length)return null;m.current&&f.current&&kd(f.current.getBoundingClientRect(),m.current.getBoundingClientRect());return e.createElement(e.Fragment,null,e.createElement(ia,{initialOffset:"-20px",timeout:200,in:n,unmountOnExit:!0},(t=>e.createElement("div",{style:{width:"100%",zIndex:1e3,...t},id:"heloo"},e.createElement(Wd,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:c}),h?e.createElement("div",{className:"loader-wrapper"},e.createElement(zc,null)):e.createElement(e.Fragment,null,g.map(((t,n)=>{const r=g.indexOf(i)===n;return e.createElement(Ud,Object.assign({},o({item:t,key:n,disabled:t.disabled}),{key:n,isSelectedIndex:r,canHighlight:s===n,disabled:t.disabled}),e.createElement(Ci.Flex,{justifyContent:"space-between",alignItems:"center"},e.createElement(Ci.Box,{width:"90%",style:{wordBreak:"break-word"}},d?d(t):l(t)),r?e.createElement(Bn,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),Kd=vt.div`
|
|
1060
1060
|
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:o}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?o.border.error:o.border.primary};\n background: white;\n appearance: none;\n padding: 4px 12px;\n display: flex;\n align-items: center;\n\n input {\n flex-grow: 1;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0px;\n min-height: 24px;\n background-color: #fff;\n min-width: 100px;\n box-sizing: border-box;\n border: none;\n overflow: hidden;\n padding : 0;\n margin : 2px;\n ::placeholder,\n ::-webkit-input-placeholder {\n color: ${r.S300}\n }\n :-ms-input-placeholder {\n color: ${r.S300}\n }\n \n }\n ${e&&!t?`border: none;\n box-shadow: 0 0 0 2px ${o.pseudo.focus}; \n transition: box-shadow 0.3s ease-in-out;`:""}\n \n \n\n\n .dropdown-status {\n transition: all ease-in 0.2s;\n pointer-events: ${n?"none":"all"};\n transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n }\n `}
|
|
1061
|
-
`,
|
|
1061
|
+
`,qd=e.forwardRef(((t,n)=>{const{downshift:{getInputProps:r,toggleMenu:o,isOpen:i},name:a,isErrored:s,disabled:l,placeholder:c="Enter input to get suggestions"}=t;return e.createElement(Kd,{isErrored:s,isOpen:i,ref:n,disabled:l},e.createElement("input",Object.assign({},r({"data-testid":a}),{disabled:l,placeholder:c,onClick:o})),e.createElement("div",{className:"dropdown-status",onClick:l?()=>{}:o},e.createElement(Bn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),Zd=Cd(qd),Xd=vt.div`
|
|
1062
1062
|
display: block;
|
|
1063
1063
|
padding-left: 2px;
|
|
1064
1064
|
padding-top: 4px;
|
|
1065
1065
|
font-size: ${({theme:{colors:{errorText:e},typography:{body:t}}})=>t.errorText.fontSize};
|
|
1066
1066
|
color: ${({theme:{colors:{errorText:e}}})=>e.primary};
|
|
1067
|
-
`,
|
|
1067
|
+
`,Jd=vt.div`
|
|
1068
1068
|
position: relative;
|
|
1069
1069
|
display: inline-block;
|
|
1070
1070
|
width: ${({width:e})=>e||"100%"};
|
|
@@ -1080,11 +1080,11 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1080
1080
|
font-weight: 500;
|
|
1081
1081
|
}
|
|
1082
1082
|
${({isRequired:e,theme:{typography:{body:t},colors:{errorText:n}}})=>e&&`\n & > label::after {\n content: '*';\n position: relative;\n top: 2px;\n font-weight: ${t.requiredLabel.fontWeight};\n font-size: ${t.requiredLabel.fontSize};\n \n padding-left: 3px;\n color: ${n.primary};\n }\n `}
|
|
1083
|
-
`,
|
|
1083
|
+
`,Qd=t=>{const{items:n,children:o,defaultSelectedItem:i,label:a="",placeholder:s,errorText:l,itemToString:c,itemComponent:d,onChange:u=(e=>e),type:p=Ed.BUTTON,filterKey:h,width:f="100%",disabled:m,isErrored:g,isRequired:b,overrideButtonStyles:y,overrideContainerStyles:v,isMenuLoading:x,...w}=t;let _;"object"!=typeof n[0]||c?_=e=>e?c?c(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 k=r(null),E=r(null);return e.createElement("div",null,e.createElement(Hs,Object.assign({itemToString:_,selectedItem:i,onChange:u},w),(t=>e.createElement(Jd,Object.assign({width:f,isRequired:b},t.getRootProps()),a&&e.createElement("label",Object.assign({},t.getLabelProps()),a),e.createElement(Sd.Provider,{value:{downshift:t,items:n,filterKey:h,type:p,name:w.name}},o||e.createElement(e.Fragment,null,Ed.BUTTON===p&&e.createElement(Nd,{disabled:m,ref:k,isErrored:g,overrideStyles:y,placeholder:s}),Ed.INPUT===p&&e.createElement(Zd,{ref:k,placeholder:s,isErrored:g,disabled:m}),e.createElement(bd,{targetRef:k,position:_d,ref:E},e.createElement(e.Fragment,null,e.createElement(Gd,{anchorRef:k,popoverRef:E,itemComponent:d,isErrored:g,overrideStyles:v,isMenuLoading:x})))))))),g&&l&&e.createElement(Xd,null,l))},eu=l(((t,n)=>e.createElement(tu,{checked:t.checked},e.createElement("label",null,e.createElement("input",{ref:n,type:"radio",name:t.name,value:t.value,checked:t.checked,onClick:t.onChange}),e.createElement("div",{className:"radio"}),e.createElement("div",null,t.children))))),tu=vt.div`
|
|
1084
1084
|
${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
|
|
1085
|
-
`,
|
|
1085
|
+
`,nu=kt(eu,{checked:!1}),ru=p({groupValue:null,groupDisabled:!1,updateGroupValue:null}),ou=vt.div`
|
|
1086
1086
|
${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:o})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${o?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${o?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${o?e.backgroundColor:"#fff"};\n border: ${o?"none":"1px solid"};\n border-color: ${o?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${o?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
|
|
1087
|
-
`;var
|
|
1087
|
+
`;var iu=kt((n=>{const{groupValue:r,groupDisabled:o,updateGroupValue:i}=t(ru),a=r===n.value;if(null===i)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return e.createElement(ou,{disabled:n.disabled||o,checked:a,className:n.className},e.createElement("label",null,e.createElement("input",{type:"radio",checked:a,value:n.value,onChange:e=>{e.target.checked&&i(n.value)}}),e.createElement("div",{className:"hollow"},a&&e.createElement(Bn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),e.createElement("div",null,n.children)))}),{disabled:!1});const au=vt.div`
|
|
1088
1088
|
display: inline-flex;
|
|
1089
1089
|
align-items: center;
|
|
1090
1090
|
flex-wrap: wrap;
|
|
@@ -1093,15 +1093,15 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1093
1093
|
width: calc(100% + 12px);
|
|
1094
1094
|
opacity: ${e=>e.disabled?.7:1};
|
|
1095
1095
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1096
|
-
`;var
|
|
1096
|
+
`;var su=kt((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(ru.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(au,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});iu.Group=su;const lu=t=>{const{columns:n=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:h=!0,showSelections:f=!0,hideTableHeaderOnEmpty:m=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:y=(()=>[]),onRowSelect:v,onRowClick:x,emptyComponent:w,loadingComponent:_,onPrevious:k,onFirstClick:E,onLastClick:S,onPageClick:C,onSelectAll:I,onNext:O,onMenuOptionSelect:N,headerComponent:A,initialState:P={},filterComponent:L}=t,[V,$]=e.useState(g),[z,j]=e.useState(null),{getTableProps:Y,getTableBodyProps:F,headerGroups:H,rows:B,setColumnOrder:W,setHiddenColumns:U,flatRows:G,prepareRow:K,getToggleAllRowsSelectedProps:q}=D({columns:n,data:r,initialState:P,useControlledState:t=>e.useMemo((()=>({...t,selectedRowIds:P.selectedRowIds||{}})),[P.selectedRowIds,t])},M,T,(t=>{t.visibleColumns.push((t=>f?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>p?e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{if(t){const e={};B&&B.length>0&&B.forEach((t=>{e[t.id]=!0})),v&&v(e,G)}else v&&v({},G);I&&I(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t),v&&v({...P.selectedRowIds,[n.id]:t},G)}})))}},...t]:[...t]))})),Z=[];for(let e=0;e<Math.ceil(o/i);e++)Z.push(e+1);return R((()=>{P&&P.columnOrder&&W(P.columnOrder)}),[P.columnOrder]),R((()=>{P&&P.hiddenColumns&&U(P.hiddenColumns)}),[P.hiddenColumns]),e.createElement(cu,{className:"fui-table"},h&&e.createElement(uu,{className:"table-actions"},e.createElement("div",{className:"action"},!p&&f&&e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},q()),"Select All")),A||void 0,e.createElement("div",{className:"pagination-actions"},d&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},_?e.createElement(zc,{size:"small"}):e.createElement(e.Fragment,null,o>0?`${(a-1)*i+(r.length>0?1:0)} - ${(a-1)*i+r.length} of ${s?""+(r.length>0?"Many":"-"):o}`:null)),e.createElement(Di,{type:"secondary",disabled:!c||Boolean(_),onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:!l||Boolean(_),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&e.createElement(Di,{type:"secondary",className:"filter-toggle",onClick:()=>$(!V)},e.createElement(Bn,{glyph:V?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(xu,{className:"table-content"},e.createElement(du,{showFilters:g&&V,className:"table-wrapper"},_?e.createElement(e.Fragment,null,_):e.createElement(e.Fragment,null,m&&0===B.length?e.createElement(e.Fragment,null,w):e.createElement(pu,Object.assign({},Y()),e.createElement(mu,null,H.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(hu,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(yu,Object.assign({},n()),r("Header"))})),b&&e.createElement(yu,null))}))),e.createElement(bu,Object.assign({},F()),B.length>0?B.map((t=>{K(t);const{getRowProps:n,cells:r}=t;return e.createElement(hu,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(vu,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&x&&x(t.row,t.column)}}),r("Cell"))})),b&&e.createElement(vu,null,y&&y(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(_u,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>j(e.currentTarget)},e.createElement(Bn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Ua,{id:`row-popover-${t.id}`,anchorEl:z,onClose:()=>j(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(dc,{options:y(t.original)||[],onSelect:e=>{N&&N(e.id,t.original),j(null)},closeMenuCallback:()=>j(null)})))))})):e.createElement(e.Fragment,null,w)),u&&e.createElement(gu,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(P&&P.hiddenColumns&&P.hiddenColumns.length||0)+(f?1:0)+(y&&y().length>0?1:0)},e.createElement(fu,{className:"table-pagination"},Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>E&&E(1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&e.createElement(e.Fragment,null,e.createElement(Di,{type:"secondary",onClick:()=>C&&C(1)},"1"),a-3!=1&&e.createElement(Di,{type:"secondary",disabled:!0},"...")),Z.map((t=>[t-2,t-1,t,t+1,t+2].includes(a)&&e.createElement(Di,{type:"secondary",className:a===t?"active":"",onClick:()=>C&&C(t)},t))),a<Math.ceil(o/i)-2&&e.createElement(e.Fragment,null,a+3!==Math.ceil(o/i)&&e.createElement(Di,{type:"secondary",disabled:!0},"..."),e.createElement(Di,{type:"secondary",onClick:()=>C&&C(Math.ceil(o/i))},Math.ceil(o/i))),e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>S&&S(Math.ceil(o/i))},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&V&&L&&e.createElement(wu,{className:"table-filters"},L)))},cu=vt.div`
|
|
1097
1097
|
flex: 1;
|
|
1098
1098
|
overflow: auto;
|
|
1099
|
-
`,
|
|
1099
|
+
`,du=vt.div`
|
|
1100
1100
|
padding: 10px;
|
|
1101
1101
|
flex: 1;
|
|
1102
1102
|
transition: all 0.3s;
|
|
1103
1103
|
margin-right: ${({showFilters:e})=>e?"310px":"0px"};
|
|
1104
|
-
`,
|
|
1104
|
+
`,uu=vt.div`
|
|
1105
1105
|
padding: 0 16px;
|
|
1106
1106
|
width: 100%;
|
|
1107
1107
|
background-color: #f5f7f9;
|
|
@@ -1133,10 +1133,10 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1133
1133
|
margin-left: 8px;
|
|
1134
1134
|
}
|
|
1135
1135
|
}
|
|
1136
|
-
`,
|
|
1136
|
+
`,pu=vt.table`
|
|
1137
1137
|
width: 100%;
|
|
1138
1138
|
border-spacing: 0;
|
|
1139
|
-
`,
|
|
1139
|
+
`,hu=vt.tr`
|
|
1140
1140
|
:hover:not(.header-row) {
|
|
1141
1141
|
transition: 0.2s ease;
|
|
1142
1142
|
background-color: #f3f5f7;
|
|
@@ -1147,7 +1147,7 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1147
1147
|
:not(.header-row) {
|
|
1148
1148
|
background-color: white;
|
|
1149
1149
|
}
|
|
1150
|
-
`,
|
|
1150
|
+
`,fu=vt.div`
|
|
1151
1151
|
display: flex;
|
|
1152
1152
|
align-items: center;
|
|
1153
1153
|
width: fit-content;
|
|
@@ -1163,13 +1163,13 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1163
1163
|
border: 1px solid #b1bdc8;
|
|
1164
1164
|
box-shadow: inset 0 0 4px 0 rgb(39 49 58 / 26%);
|
|
1165
1165
|
}
|
|
1166
|
-
`,
|
|
1166
|
+
`,mu=vt.thead`
|
|
1167
1167
|
background: #f5f7f9;
|
|
1168
|
-
`,
|
|
1168
|
+
`,gu=vt.tfoot`
|
|
1169
1169
|
td {
|
|
1170
1170
|
background-color: #f7f9fa;
|
|
1171
1171
|
}
|
|
1172
|
-
`,
|
|
1172
|
+
`,bu=vt.tbody``,yu=vt.th`
|
|
1173
1173
|
padding: 14px 0;
|
|
1174
1174
|
text-overflow: ellipsis;
|
|
1175
1175
|
white-space: nowrap;
|
|
@@ -1179,16 +1179,16 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1179
1179
|
.table-checkbox {
|
|
1180
1180
|
padding-left: 12px;
|
|
1181
1181
|
}
|
|
1182
|
-
`,
|
|
1182
|
+
`,vu=vt.td`
|
|
1183
1183
|
border-bottom: 1px solid #ebeff3;
|
|
1184
1184
|
padding: 12px 8px;
|
|
1185
1185
|
word-break: break-word;
|
|
1186
1186
|
word-wrap: break-word;
|
|
1187
1187
|
font-size: 14px;
|
|
1188
|
-
`,
|
|
1188
|
+
`,xu=vt.div`
|
|
1189
1189
|
width: 100%;
|
|
1190
1190
|
display: flex;
|
|
1191
|
-
`,
|
|
1191
|
+
`,wu=vt.div`
|
|
1192
1192
|
width: 310px;
|
|
1193
1193
|
border-left: 1px solid #cfd7df;
|
|
1194
1194
|
right: 0;
|
|
@@ -1202,14 +1202,14 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1202
1202
|
letter-spacing: 0.2px;
|
|
1203
1203
|
padding-bottom: 10px;
|
|
1204
1204
|
}
|
|
1205
|
-
`,
|
|
1205
|
+
`,_u=vt.div`
|
|
1206
1206
|
padding: 10px;
|
|
1207
1207
|
cursor: pointer;
|
|
1208
|
-
`,
|
|
1208
|
+
`,ku=t=>{const{value:n,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=t;return e.createElement(Eu,{ref:s,role:"tablist"},a.map((t=>!t.hide&&e.createElement(Su,{"aria-disabled":Boolean(t.disabled),tabIndex:n===t[o]?-1:0,role:"tab",className:`${t.disabled?"disabled":""} ${n===t[o]?"selected":""}`.trim(),onClick:e=>!t.disabled&&r(e,t),id:t[o],key:t[o]},e.createElement("span",{className:"label"}," ",t[i])))))},Eu=vt.div`
|
|
1209
1209
|
overflow: auto;
|
|
1210
1210
|
width: 100%;
|
|
1211
1211
|
display: flex;
|
|
1212
|
-
`,
|
|
1212
|
+
`,Su=vt.div`
|
|
1213
1213
|
cursor: pointer;
|
|
1214
1214
|
outline: none;
|
|
1215
1215
|
border-radius: 4px 4px 0 0;
|
|
@@ -1247,16 +1247,16 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1247
1247
|
height: 3px;
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
1250
|
-
`,
|
|
1250
|
+
`,Cu={success:"#00b3b3",warning:"#f48929",error:"#e43638"},Iu=p(null),Ou=({toast:t,closeToast:n,index:r,isHovering:o})=>{const i=e.useRef();return i.current=n,d((()=>{const e=setTimeout((()=>{"function"==typeof i.current&&i.current(t.id)}),4e6);return()=>clearTimeout(e)}),[]),e.createElement(Tu,{type:t.type,index:r,isHovering:o},e.createElement("div",{className:"outline"}),e.createElement("button",{className:"close-button",onClick:()=>n(t.id)},e.createElement(Bn,{glyph:"close",size:"10",viewBox:"0 0 7 7"})),e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement(Bn,{glyph:`toast-${t.type}`,size:"32",viewBox:"0 0 32 32"}),e.createElement("div",null,e.createElement("div",{className:"title"},t.title),e.createElement("div",null,t.description))))},Nu=t=>{const[n,r]=c([]),[o,i]=c(0),[a,s]=c(!1),l=e=>{r(n.filter((t=>t.id!==e)))};return d((()=>{n.length||s(!1)}),[n]),e.createElement(Iu.Provider,{value:{pushToast:e=>{const t={...e,id:o};i(o+1),r([t,...n])},closeToast:l}},t.children,_.createPortal(e.createElement(Mu,{length:n.length,isHovering:a,onMouseOver:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},n.map(((t,n)=>e.createElement(Ou,{key:t.id,index:n,toast:t,closeToast:l,isHovering:a})))," "),document.body))},Du=_t`
|
|
1251
1251
|
from {right : -400px}
|
|
1252
1252
|
to {right : 10px}
|
|
1253
|
-
`,
|
|
1253
|
+
`,Mu=vt.div`
|
|
1254
1254
|
position: fixed;
|
|
1255
1255
|
height: ${({length:e,isHovering:t})=>t?85*e:e>0?90:0}px;
|
|
1256
1256
|
right: 0px;
|
|
1257
1257
|
width: ${({length:e})=>e?400:0}px;
|
|
1258
|
-
`,
|
|
1259
|
-
animation: ${
|
|
1258
|
+
`,Tu=vt.div`
|
|
1259
|
+
animation: ${Du} 0.6s ease-in;
|
|
1260
1260
|
position: fixed;
|
|
1261
1261
|
${({isHovering:e,index:t})=>e?`width : 400px;\n transition: transform ease-in 0.6s;\n transform : translateY(${80*t}px);\n z-index : ${1e6-t};\n top : 12px;\n right : 10px;\n `:`\n width : ${400-20*t}px;\n right: ${10*(t+1)}px;\n top: ${12*(t+1)}px;\n z-index: ${-t};`}
|
|
1262
1262
|
display : flex;
|
|
@@ -1274,7 +1274,7 @@ to {right : 10px}
|
|
|
1274
1274
|
}
|
|
1275
1275
|
.outline {
|
|
1276
1276
|
border-radius: 5px 5px 0 0;
|
|
1277
|
-
background-color: ${({type:e})=>
|
|
1277
|
+
background-color: ${({type:e})=>Cu[e]};
|
|
1278
1278
|
position: absolute;
|
|
1279
1279
|
top: -4px;
|
|
1280
1280
|
left: 0px;
|
|
@@ -1290,11 +1290,11 @@ to {right : 10px}
|
|
|
1290
1290
|
background-color: inherit;
|
|
1291
1291
|
padding: 0;
|
|
1292
1292
|
}
|
|
1293
|
-
`,
|
|
1293
|
+
`,Ru=vt("button")`
|
|
1294
1294
|
${({theme:{colors:{components:{toggle:e}}},size:t,on:n,disabled:r})=>`\n width: ${"sm"===t?"28px":"36px"};\n height: ${"sm"===t?"12px":"16px"};\n background-color: ${n?e.backgroundColorOn:e.backgroundColorOff};\n border-radius: 34px;\n position: relative;\n border: none;\n ${r?"opacity : 0.4 ;\n cursor : not-allowed; ":`&:hover {\n span {\n box-shadow: ${n?"rgba(44, 91, 197, 0.5)":"rgba(82, 84, 86, 0.4)"} 0px 0px 0px 3px;\n }\n }`};\n\n span {\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all ease-in 0.2s;\n bottom: -2px;\n position: absolute;\n border-radius: 50%;\n background-color: #fff;\n border: 1px solid ${e.borderColor};\n ${"sm"===t?`left: ${n?"12px":"0px"};\n width : 16px;\n height : 16px;`:`left: ${n?"16px":"-2px"};\n width : 20px;\n height : 20px;`};\n }\n`}
|
|
1295
|
-
`,
|
|
1295
|
+
`,Au=kt((t=>e.createElement(Ru,Object.assign({type:"button"},t,{onClick:e=>{e.detail&&t.handleChange()},onKeyPress:e=>{" "===e.key&&t.handleChange()}}),e.createElement("span",null,t.hasIcon?e.createElement(Bn,{glyph:t.on?"check":"close",size:"md"!==t.size?"7":"9",viewBox:t.on?"0 0 8 8":"0 0 7 7"}):null))),{on:!1,size:"md",disabled:!1,hasIcon:!0}),Pu=e.createContext({toasts:[],toastHovering:!1,updateToasts:e=>e,updateToastHoverStatus:()=>{}}),Lu=()=>e.useContext(Pu),Vu=()=>{const[e,t]=c(!1);return d((()=>{t(Boolean("undefined"!=typeof window&&window.document&&window.document.createElement))}),[]),{isBrowser:e,isServer:!e}},$u=()=>Math.random().toString(32).slice(2,10),zu=e=>{const t=document.createElement("div");return t.setAttribute("id",e),t},ju=vt.div`
|
|
1296
1296
|
${({theme:e,reverseIndex:t,type:n,translate:r,bgColor:o,color:i})=>`\n .outline {\n border-radius: 5px 5px 0 0;\n background-color: ${"success"===n?e.palette.jungle:"error"===n?e.palette.ferrari:"info"===n?e.palette.azure:e.palette.sunrise};\n position: absolute;\n top: -4px;\n left: 0px;\n width: 100%;\n height: 4px;\n border: none;\n }\n\n .close-button {\n border: none;\n cursor: pointer;\n position: absolute;\n right: 11px;\n top: 9px;\n background-color: inherit;\n padding: 0;\n }\n\n .icon-wrapper {\n position: relative;\n top: 6px;\n }\n .toast-content {\n display: flex;\n align-items: center;\n }\n\n .toast {\n width: 420px;\n max-width: 90vw;\n max-height: 75px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ${e.palette.foreground};\n background-color: ${o};\n color: ${i};\n border: 0;\n border-radius: ${e.layout.radius};\n padding: 12px ${e.layout.gap} 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n opacity: ${t>4?0:1};\n box-shadow: ${t>4?"none":"0 5px 10px rgba(0, 0, 0, 0.11)"};\n transform: translate3d(0, -100%, 0px) scale(1);\n transition: transform 400ms ease 0ms, visibility 200ms ease 0ms, opacity 200ms ease 0ms;\n }\n .toast.visible {\n opacity: 1;\n transform: ${r};\n }\n .toast.hide {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .message {\n align-items: center;\n height: 100%;\n transition: opacity 0.4s ease;\n font-size: 0.875rem;\n display: -webkit-box;\n word-break: break-all;\n padding-right: ${e.layout.gapHalf};\n overflow: hidden;\n max-height: 100%;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n line-height: 1.1rem;\n }\n .toast :global(button + button) {\n margin-left: ${e.layout.gapQuarter};\n }\n \n `}
|
|
1297
|
-
`,
|
|
1297
|
+
`,Yu=(t,n)=>t&&t.length?t.map(((t,r)=>e.createElement(Di,{inline:!0,size:"mini",type:t.passive?"primary":"secondary",key:`action-${r}`,onClick:e=>((e,t)=>{t&&t(e,n)})(e,t.handler)},t.name))):null,Fu=e.memo((({index:t,total:r,toast:o,onHover:i})=>{const[a,s]=c(!1),[l,u]=c(!1),p=n((()=>r-(t+1)),[r,t]),h=n((()=>p>=4?`translate3d(0, -75px, -${p}px) scale(.7)`:i?`translate3d(0, ${75*p}px, -${p}px) scale(${1===r?1:.98205})`:`translate3d(0, calc(${`100% + -75px + ${20*p}px`}), -${p}px) scale(${1-.05*p})`),[i,t,r,p]);return d((()=>{const e=setTimeout((()=>{s(!0),clearTimeout(e)}),10);return()=>clearTimeout(e)}),[]),d((()=>{let e=!1;if(!(p>2||o.willBeDestroy)||e)return;const t=setTimeout((()=>{u(!0),clearTimeout(t)}),150);return()=>{e=!0,clearTimeout(t)}}),[p,o.willBeDestroy]),p>10?null:e.createElement(ju,{color:"#222",bgColor:"#fff",type:o.type,translate:h,reverseIndex:p},e.createElement("div",{key:`${o.id}-${t}`,className:`toast ${a?"visible":""} ${l?"hide":""}`},e.createElement("div",{className:"outline"}),e.createElement("button",{className:"close-button",onClick:()=>o.cancel()},e.createElement(Bn,{glyph:"close",size:"10",viewBox:"0 0 7 7"})),e.createElement("div",{className:"toast-content"},e.createElement("div",{className:"icon-wrapper"},o.customIcon?o.customIcon:e.createElement(Bn,{glyph:`toast-${o.type}`,size:"32",viewBox:"-4 -5 32 32"})),e.createElement("div",null,e.createElement("div",{className:"message"},o.text),e.createElement("div",{className:"action"},Yu(o.actions,o.cancel))))))})),Hu=vt.div`
|
|
1298
1298
|
.toast-container {
|
|
1299
1299
|
position: fixed;
|
|
1300
1300
|
width: 420px;
|
|
@@ -1308,4 +1308,4 @@ to {right : 10px}
|
|
|
1308
1308
|
.toast-container.hover {
|
|
1309
1309
|
transform: translate3d(0, -10px, 0);
|
|
1310
1310
|
}
|
|
1311
|
-
`,
|
|
1311
|
+
`,Bu=()=>{const t=((e=$u())=>{const t=`ui-${e}`,{isBrowser:n}=Vu(),[r,o]=c(n?zu(t):null);return d((()=>{const e=document.querySelector(`#${t}`),n=e||zu(t);e||document.body.appendChild(n),o(n)}),[]),r})("toast"),[o,i]=c(!1),a=r(),{toasts:s,updateToastHoverStatus:l}=Lu(),u=n((()=>s.map(((t,n)=>e.createElement(Fu,{index:n,total:s.length,toast:t,onHover:o,key:`toast-${n}`})))),[s,o]),p=e=>{if(e)return a.current&&clearTimeout(a.current),l((()=>!0)),i(!0);a.current=window.setTimeout((()=>{i(!1),l((()=>!1)),a.current&&clearTimeout(a.current)}),200)};return t&&s&&0!==s.length?k(e.createElement(Hu,null,e.createElement("div",{className:"toast-container "+(o?"hover":""),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1)},u)),t):null},Wu=({children:t})=>{const[r,o,i]=ua([]),[a,s]=c(!1),l=e=>{const t=e(i.current);o(t)},d=e=>{const t=e();s(t)},u=n((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:d})),[r,a]);return e.createElement(Pu.Provider,{value:u},e.createElement(e.Fragment,null,t,e.createElement(Bu,null)))},Uu=2e3;let Gu,Ku=[],qu=0;const Zu=()=>{const{updateToasts:e,toastHovering:t,toasts:n}=Lu(),[,r,o]=ua(t);d((()=>r(t)),[t]);return[n,t=>{const n=`toast-${$u()}`,r=t.delay||Uu,i=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Ku.push(t),((t,n)=>{n<=qu||(clearTimeout(Gu),qu=n,Gu=window.setTimeout((()=>{e((e=>Ku.length<e.length?e:(Ku=[],[]))),clearTimeout(Gu)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>i(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(o.current)return a(e,t),clearTimeout(n);i(e,t),clearTimeout(n)}),t)};a(n,r)}]};var Xu=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===Ju}(e)}(e)};var Ju="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Qu(e,t){return!1!==t.clone&&t.isMergeableObject(e)?op((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function ep(e,t,n){return e.concat(t).map((function(e){return Qu(e,n)}))}function tp(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function np(e,t){try{return t in e}catch(e){return!1}}function rp(e,t,n){var r={};return n.isMergeableObject(e)&&tp(e).forEach((function(t){r[t]=Qu(e[t],n)})),tp(t).forEach((function(o){(function(e,t){return np(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(np(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return op;var n=t.customMerge(e);return"function"==typeof n?n:op}(o,n)(e[o],t[o],n):r[o]=Qu(t[o],n))})),r}function op(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||ep,n.isMergeableObject=n.isMergeableObject||Xu,n.cloneUnlessOtherwiseSpecified=Qu;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):rp(e,t,n):Qu(t,n)}op.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return op(e,n,t)}),{})};var ip=op;function ap(e){const{children:t,theme:n={},globalStyle:r=!0}=e,o=ip(Ai,n);return i(gt,{theme:o},r&&i(Pi,null),t)}function sp(){const e=t(mt);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e}function lp(e){const{theme:t,children:n}=e;return i(gt,{theme:t},i(Pi,null),n)}export{Zn as Alert,Oi as BUTTON_SIZE_VARIANTS,iu as BoxedRadio,Di as Button,hc as ButtonDropdown,Ri as Checkbox,aa as Confirmation,ca as ConfirmationBody,sa as ConfirmationContent,da as ConfirmationFooter,la as ConfirmationOverlay,Pi as CssBaseLine,Ea as DatePicker,Pa as DismissIcon,ja as Drawer,Aa as DrawerBody,Ya as DrawerContent,La as DrawerFooter,Fa as DrawerOverlay,Qd as Dropdown,ta as Fade,lp as FreemiumUIProvider,Hn as Glyph,Bn as Icons,Yn as InlineSvg,Sc as Input,zc as Loader,dc as Menu,Ta as Modal,Da as ModalBody,Na as ModalContent,Ma as ModalFooter,Sa as ModalOverlay,Ac as MultiSelectDropdown,Ua as Popover,nu as Radio,oa as Slide,ia as SlideFade,Fn as SvgWrapper,lu as Table,ku as Tabs,Ic as Tag,Cc as TextArea,ap as ThemeProvider,Nu as ToastWrapper,Au as Toggle,yc as Tooltip,Qi as Transition,Wu as UiProvider,Ha as debounce,pa as useConfirmation,Ra as useModal,sp as useTheme,Zu as useToasts};
|
package/package.json
CHANGED
|
@@ -1,304 +0,0 @@
|
|
|
1
|
-
From 69099ea79a290dd13fc4f05c6d1a22e0db151168 Mon Sep 17 00:00:00 2001
|
|
2
|
-
From: codejets <mukeshkr@freshdesk.com>
|
|
3
|
-
Date: Wed, 30 Dec 2020 11:43:00 +0530
|
|
4
|
-
Subject: [PATCH] chore: Adding popper support to dropdown
|
|
5
|
-
|
|
6
|
-
This will remove the interaction from the dropdown and we can add that later
|
|
7
|
-
---
|
|
8
|
-
package.json | 1 +
|
|
9
|
-
src/components/Dropdown/Dropdown.stories.tsx | 2 +-
|
|
10
|
-
src/components/Dropdown/DropdownMenu.tsx | 94 +++++++++-----------
|
|
11
|
-
src/components/Dropdown/index.tsx | 71 ++++++++++++---
|
|
12
|
-
yarn.lock | 22 ++++-
|
|
13
|
-
5 files changed, 124 insertions(+), 66 deletions(-)
|
|
14
|
-
|
|
15
|
-
diff --git a/package.json b/package.json
|
|
16
|
-
index 1deb9b7..3fb95db 100644
|
|
17
|
-
--- a/package.json
|
|
18
|
-
+++ b/package.json
|
|
19
|
-
@@ -47,6 +47,7 @@
|
|
20
|
-
"react": ">=16.13.1",
|
|
21
|
-
"react-dates": "^21.8.0",
|
|
22
|
-
"react-dom": ">=16.13.1",
|
|
23
|
-
+ "react-popper": "1.3.3",
|
|
24
|
-
"react-table": "^7.2.1",
|
|
25
|
-
"react-tippy": "^1.4.0",
|
|
26
|
-
"react-transition-group": "^4.4.1",
|
|
27
|
-
diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx
|
|
28
|
-
index 440bf74..37deb73 100644
|
|
29
|
-
--- a/src/components/Dropdown/Dropdown.stories.tsx
|
|
30
|
-
+++ b/src/components/Dropdown/Dropdown.stories.tsx
|
|
31
|
-
@@ -12,7 +12,7 @@ import {Dropdown} from './'
|
|
32
|
-
const stories = storiesOf('Dropdown', module)
|
|
33
|
-
stories.addDecorator(withKnobs)
|
|
34
|
-
stories.addDecorator((story) => {
|
|
35
|
-
- return <div style={{margin: '200px'}}>{story()}</div>
|
|
36
|
-
+ return <div style={{margin: '250px 200px 250px'}}>{story()}</div>
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
const allHouses = [
|
|
40
|
-
diff --git a/src/components/Dropdown/DropdownMenu.tsx b/src/components/Dropdown/DropdownMenu.tsx
|
|
41
|
-
index f69b8c4..9333baf 100644
|
|
42
|
-
--- a/src/components/Dropdown/DropdownMenu.tsx
|
|
43
|
-
+++ b/src/components/Dropdown/DropdownMenu.tsx
|
|
44
|
-
@@ -129,56 +129,50 @@ const DropdownMenu = withDownshift(
|
|
45
|
-
return null
|
|
46
|
-
}
|
|
47
|
-
return (
|
|
48
|
-
- <SlideFade initialOffset="-20px" timeout={200} in={isOpen} unmountOnExit>
|
|
49
|
-
- {(styles: React.CSSProperties) => (
|
|
50
|
-
- <div
|
|
51
|
-
- style={{
|
|
52
|
-
- position: 'absolute',
|
|
53
|
-
- width: '100%',
|
|
54
|
-
- zIndex: 1000,
|
|
55
|
-
- ...styles,
|
|
56
|
-
- }}
|
|
57
|
-
- >
|
|
58
|
-
- <StyledMenuContainer
|
|
59
|
-
- {...getMenuProps({
|
|
60
|
-
- onClick: (event: React.MouseEvent<HTMLElement>) => {
|
|
61
|
-
- event.stopPropagation()
|
|
62
|
-
- },
|
|
63
|
-
- })}
|
|
64
|
-
- overrideStyles={overrideStyles}
|
|
65
|
-
- >
|
|
66
|
-
- {allItems.map((item, index) => {
|
|
67
|
-
- const canHighlightSelectedIndex =
|
|
68
|
-
- allItems.indexOf(selectedItem) === index
|
|
69
|
-
- return (
|
|
70
|
-
- <StyledMenuItem
|
|
71
|
-
- {...getItemProps({
|
|
72
|
-
- item,
|
|
73
|
-
- key: index,
|
|
74
|
-
- disabled: item.disabled,
|
|
75
|
-
- })}
|
|
76
|
-
- key={index}
|
|
77
|
-
- isSelectedIndex={canHighlightSelectedIndex}
|
|
78
|
-
- canHighlight={highlightedIndex === index}
|
|
79
|
-
- disabled={item.disabled}
|
|
80
|
-
- >
|
|
81
|
-
- <Flex justifyContent="space-between" alignItems="center">
|
|
82
|
-
- <Box width="90%" style={{wordBreak: 'break-word'}}>
|
|
83
|
-
- {itemComponent
|
|
84
|
-
- ? itemComponent(item)
|
|
85
|
-
- : itemToString(item)}
|
|
86
|
-
- </Box>
|
|
87
|
-
- {canHighlightSelectedIndex ? (
|
|
88
|
-
- <Icons glyph="check" size={12} viewBox="0 0 8 8" />
|
|
89
|
-
- ) : null}
|
|
90
|
-
- </Flex>
|
|
91
|
-
- </StyledMenuItem>
|
|
92
|
-
- )
|
|
93
|
-
- })}
|
|
94
|
-
- </StyledMenuContainer>
|
|
95
|
-
- </div>
|
|
96
|
-
- )}
|
|
97
|
-
- </SlideFade>
|
|
98
|
-
+ <div
|
|
99
|
-
+ style={{
|
|
100
|
-
+ width: '100%',
|
|
101
|
-
+ zIndex: 1000,
|
|
102
|
-
+ position: 'relative',
|
|
103
|
-
+ display: isOpen ? 'block' : 'none',
|
|
104
|
-
+ }}
|
|
105
|
-
+ >
|
|
106
|
-
+ <StyledMenuContainer
|
|
107
|
-
+ {...getMenuProps({
|
|
108
|
-
+ onClick: (event: React.MouseEvent<HTMLElement>) => {
|
|
109
|
-
+ event.stopPropagation()
|
|
110
|
-
+ },
|
|
111
|
-
+ })}
|
|
112
|
-
+ overrideStyles={overrideStyles}
|
|
113
|
-
+ >
|
|
114
|
-
+ {allItems.map((item, index) => {
|
|
115
|
-
+ const canHighlightSelectedIndex =
|
|
116
|
-
+ allItems.indexOf(selectedItem) === index
|
|
117
|
-
+ return (
|
|
118
|
-
+ <StyledMenuItem
|
|
119
|
-
+ {...getItemProps({
|
|
120
|
-
+ item,
|
|
121
|
-
+ key: index,
|
|
122
|
-
+ disabled: item.disabled,
|
|
123
|
-
+ })}
|
|
124
|
-
+ key={index}
|
|
125
|
-
+ isSelectedIndex={canHighlightSelectedIndex}
|
|
126
|
-
+ canHighlight={highlightedIndex === index}
|
|
127
|
-
+ disabled={item.disabled}
|
|
128
|
-
+ >
|
|
129
|
-
+ <Flex justifyContent="space-between" alignItems="center">
|
|
130
|
-
+ <Box width="90%" style={{wordBreak: 'break-word'}}>
|
|
131
|
-
+ {itemComponent ? itemComponent(item) : itemToString(item)}
|
|
132
|
-
+ </Box>
|
|
133
|
-
+ {canHighlightSelectedIndex ? (
|
|
134
|
-
+ <Icons glyph="check" size={12} viewBox="0 0 8 8" />
|
|
135
|
-
+ ) : null}
|
|
136
|
-
+ </Flex>
|
|
137
|
-
+ </StyledMenuItem>
|
|
138
|
-
+ )
|
|
139
|
-
+ })}
|
|
140
|
-
+ </StyledMenuContainer>
|
|
141
|
-
+ </div>
|
|
142
|
-
)
|
|
143
|
-
},
|
|
144
|
-
)
|
|
145
|
-
diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
|
|
146
|
-
index 6f160cc..d3262f3 100644
|
|
147
|
-
--- a/src/components/Dropdown/index.tsx
|
|
148
|
-
+++ b/src/components/Dropdown/index.tsx
|
|
149
|
-
@@ -2,6 +2,7 @@ import React from 'react'
|
|
150
|
-
import Downshift from 'downshift'
|
|
151
|
-
import hoistNonReactStatics from 'hoist-non-react-statics'
|
|
152
|
-
import styled from 'styled-components'
|
|
153
|
-
+import {Manager, Reference, Popper} from 'react-popper'
|
|
154
|
-
|
|
155
|
-
import DropdownButton from './DropdownButton'
|
|
156
|
-
import DropdownMenu from './DropdownMenu'
|
|
157
|
-
@@ -54,6 +55,16 @@ export const DROPDOWN_TYPES = {
|
|
158
|
-
|
|
159
|
-
const DownshiftContext = React.createContext<any>(null)
|
|
160
|
-
|
|
161
|
-
+class DropdownWrapper extends React.Component<{scheduleUpdate: any}> {
|
|
162
|
-
+ componentDidUpdate() {
|
|
163
|
-
+ this.props.scheduleUpdate()
|
|
164
|
-
+ }
|
|
165
|
-
+
|
|
166
|
-
+ render() {
|
|
167
|
-
+ return this.props.children
|
|
168
|
-
+ }
|
|
169
|
-
+}
|
|
170
|
-
+
|
|
171
|
-
export function withDownshift(Component: any) {
|
|
172
|
-
function Wrapper(props: any, ref: any) {
|
|
173
|
-
return (
|
|
174
|
-
@@ -86,6 +97,13 @@ type DropdownProps = {
|
|
175
|
-
onChange?: (value: any) => any
|
|
176
|
-
itemToString?: (a: any) => any
|
|
177
|
-
type?: 'button' | 'input'
|
|
178
|
-
+ defaultPlacement?:
|
|
179
|
-
+ | 'top'
|
|
180
|
-
+ | 'top-start'
|
|
181
|
-
+ | 'top-end'
|
|
182
|
-
+ | 'bottom-start'
|
|
183
|
-
+ | 'bottom'
|
|
184
|
-
+ | 'bottom-end'
|
|
185
|
-
filterKey?: string
|
|
186
|
-
label?: string
|
|
187
|
-
width?: string
|
|
188
|
-
@@ -114,6 +132,7 @@ export const Dropdown = (props: DropdownProps) => {
|
|
189
|
-
width = '100%',
|
|
190
|
-
disabled,
|
|
191
|
-
isRequired,
|
|
192
|
-
+ defaultPlacement,
|
|
193
|
-
overrideButtonStyles,
|
|
194
|
-
overrideContainerStyles,
|
|
195
|
-
...rest
|
|
196
|
-
@@ -158,20 +177,44 @@ export const Dropdown = (props: DropdownProps) => {
|
|
197
|
-
children
|
|
198
|
-
) : (
|
|
199
|
-
<>
|
|
200
|
-
- {DROPDOWN_TYPES.BUTTON === type && (
|
|
201
|
-
- <DropdownButton
|
|
202
|
-
- disabled={disabled}
|
|
203
|
-
- overrideStyles={overrideButtonStyles}
|
|
204
|
-
- placeholder={placeholder}
|
|
205
|
-
- />
|
|
206
|
-
- )}
|
|
207
|
-
- {DROPDOWN_TYPES.INPUT === type && (
|
|
208
|
-
- <DropdownInput placeholder={placeholder} />
|
|
209
|
-
- )}
|
|
210
|
-
- <DropdownMenu
|
|
211
|
-
- itemComponent={itemComponent}
|
|
212
|
-
- overrideStyles={overrideContainerStyles}
|
|
213
|
-
- />
|
|
214
|
-
+ <Manager>
|
|
215
|
-
+ <Reference>
|
|
216
|
-
+ {({ref}) => (
|
|
217
|
-
+ <div ref={ref}>
|
|
218
|
-
+ {DROPDOWN_TYPES.BUTTON === type && (
|
|
219
|
-
+ <DropdownButton
|
|
220
|
-
+ disabled={disabled}
|
|
221
|
-
+ overrideStyles={overrideButtonStyles}
|
|
222
|
-
+ placeholder={placeholder}
|
|
223
|
-
+ />
|
|
224
|
-
+ )}
|
|
225
|
-
+ {DROPDOWN_TYPES.INPUT === type && (
|
|
226
|
-
+ <DropdownInput placeholder={placeholder} />
|
|
227
|
-
+ )}
|
|
228
|
-
+ </div>
|
|
229
|
-
+ )}
|
|
230
|
-
+ </Reference>
|
|
231
|
-
+
|
|
232
|
-
+ <Popper placement={defaultPlacement || 'top'}>
|
|
233
|
-
+ {({ref, style, scheduleUpdate}) => (
|
|
234
|
-
+ <DropdownWrapper scheduleUpdate={scheduleUpdate}>
|
|
235
|
-
+ <div
|
|
236
|
-
+ ref={ref}
|
|
237
|
-
+ style={{
|
|
238
|
-
+ position: 'absolute',
|
|
239
|
-
+ width: '100%',
|
|
240
|
-
+ ...style,
|
|
241
|
-
+ }}
|
|
242
|
-
+ >
|
|
243
|
-
+ <DropdownMenu
|
|
244
|
-
+ itemComponent={itemComponent}
|
|
245
|
-
+ overrideStyles={overrideContainerStyles}
|
|
246
|
-
+ />
|
|
247
|
-
+ </div>
|
|
248
|
-
+ </DropdownWrapper>
|
|
249
|
-
+ )}
|
|
250
|
-
+ </Popper>
|
|
251
|
-
+ </Manager>
|
|
252
|
-
</>
|
|
253
|
-
)}
|
|
254
|
-
</DownshiftContext.Provider>
|
|
255
|
-
diff --git a/yarn.lock b/yarn.lock
|
|
256
|
-
index 519b93f..3c5f856 100644
|
|
257
|
-
--- a/yarn.lock
|
|
258
|
-
+++ b/yarn.lock
|
|
259
|
-
@@ -5123,6 +5123,14 @@ create-react-context@0.3.0, create-react-context@^0.3.0:
|
|
260
|
-
gud "^1.0.0"
|
|
261
|
-
warning "^4.0.3"
|
|
262
|
-
|
|
263
|
-
+create-react-context@<=0.2.2:
|
|
264
|
-
+ version "0.2.2"
|
|
265
|
-
+ resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.2.tgz#9836542f9aaa22868cd7d4a6f82667df38019dca"
|
|
266
|
-
+ integrity sha512-KkpaLARMhsTsgp0d2NA/R94F/eDLbhXERdIq3LvX2biCAXcDvHYoOqHfWCHf1+OLj+HKBotLG3KqaOOf+C1C+A==
|
|
267
|
-
+ dependencies:
|
|
268
|
-
+ fbjs "^0.8.0"
|
|
269
|
-
+ gud "^1.0.0"
|
|
270
|
-
+
|
|
271
|
-
cross-spawn@6.0.5, cross-spawn@^6.0.0:
|
|
272
|
-
version "6.0.5"
|
|
273
|
-
resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
|
|
274
|
-
@@ -6426,7 +6434,7 @@ fb-watchman@^2.0.0:
|
|
275
|
-
dependencies:
|
|
276
|
-
bser "2.1.1"
|
|
277
|
-
|
|
278
|
-
-fbjs@^0.8.4:
|
|
279
|
-
+fbjs@^0.8.0, fbjs@^0.8.4:
|
|
280
|
-
version "0.8.17"
|
|
281
|
-
resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
|
|
282
|
-
integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
|
|
283
|
-
@@ -11140,6 +11148,18 @@ react-popper-tooltip@^2.8.3:
|
|
284
|
-
"@babel/runtime" "^7.9.2"
|
|
285
|
-
react-popper "^1.3.7"
|
|
286
|
-
|
|
287
|
-
+react-popper@1.3.3:
|
|
288
|
-
+ version "1.3.3"
|
|
289
|
-
+ resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.3.tgz#2c6cef7515a991256b4f0536cd4bdcb58a7b6af6"
|
|
290
|
-
+ integrity sha512-ynMZBPkXONPc5K4P5yFWgZx5JGAUIP3pGGLNs58cfAPgK67olx7fmLp+AdpZ0+GoQ+ieFDa/z4cdV6u7sioH6w==
|
|
291
|
-
+ dependencies:
|
|
292
|
-
+ "@babel/runtime" "^7.1.2"
|
|
293
|
-
+ create-react-context "<=0.2.2"
|
|
294
|
-
+ popper.js "^1.14.4"
|
|
295
|
-
+ prop-types "^15.6.1"
|
|
296
|
-
+ typed-styles "^0.0.7"
|
|
297
|
-
+ warning "^4.0.2"
|
|
298
|
-
+
|
|
299
|
-
react-popper@^1.3.7:
|
|
300
|
-
version "1.3.7"
|
|
301
|
-
resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.7.tgz#f6a3471362ef1f0d10a4963673789de1baca2324"
|
|
302
|
-
--
|
|
303
|
-
2.20.1 (Apple Git-117)
|
|
304
|
-
|