@spscommerce/ds-react 6.27.0 → 6.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.cjs.js CHANGED
@@ -1090,7 +1090,7 @@
1090
1090
  -moz-user-select: none;
1091
1091
  -ms-user-select: none;
1092
1092
  overflow-anchor: none;
1093
- `}},c=[s,n,o,i];return{always:Aa(c,"always"),resting:Aa(c,"resting"),dragging:Aa(c,"dragging"),dropAnimating:Aa(c,"dropAnimating"),userCancel:Aa(c,"userCancel")}},bt=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined"?H.useLayoutEffect:H.useEffect,Xo=function(){var t=document.querySelector("head");return t||Q(!1),t},Hp=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function GE(e,t){var n=Ne(function(){return WE(e)},[e]),s=H.useRef(null),o=H.useRef(null),i=fe(Ze(function(m){var g=o.current;g||Q(!1),g.textContent=m}),[]),c=fe(function(m){var g=s.current;g||Q(!1),g.textContent=m},[]);bt(function(){!s.current&&!o.current||Q(!1);var m=Hp(t),g=Hp(t);return s.current=m,o.current=g,m.setAttribute(aa+"-always",e),g.setAttribute(aa+"-dynamic",e),Xo().appendChild(m),Xo().appendChild(g),c(n.always),i(n.resting),function(){var S=function(x){var C=x.current;C||Q(!1),Xo().removeChild(C),x.current=null};S(s),S(o)}},[t,c,i,n.always,n.resting,e]);var l=fe(function(){return i(n.dragging)},[i,n.dragging]),p=fe(function(m){if(m==="DROP"){i(n.dropAnimating);return}i(n.userCancel)},[i,n.dropAnimating,n.userCancel]),u=fe(function(){!o.current||i(n.resting)},[i,n.resting]),f=Ne(function(){return{dragging:l,dropping:p,resting:u}},[l,p,u]);return f}var Wp=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Gs(e){return e instanceof Wp(e).HTMLElement}function UE(e,t){var n="["+sa.contextId+'="'+e+'"]',s=qd(document.querySelectorAll(n));if(!s.length)return null;var o=pn(s,function(i){return i.getAttribute(sa.draggableId)===t});return!o||!Gs(o)?null:o}function YE(e){var t=H.useRef({}),n=H.useRef(null),s=H.useRef(null),o=H.useRef(!1),i=fe(function(g,S){var w={id:g,focus:S};return t.current[g]=w,function(){var C=t.current,I=C[g];I!==w&&delete C[g]}},[]),c=fe(function(g){var S=UE(e,g);S&&S!==document.activeElement&&S.focus()},[e]),l=fe(function(g,S){n.current===g&&(n.current=S)},[]),p=fe(function(){s.current||!o.current||(s.current=requestAnimationFrame(function(){s.current=null;var g=n.current;g&&c(g)}))},[c]),u=fe(function(g){n.current=null;var S=document.activeElement;!S||S.getAttribute(sa.draggableId)===g&&(n.current=g)},[]);bt(function(){return o.current=!0,function(){o.current=!1;var g=s.current;g&&cancelAnimationFrame(g)}},[]);var f=Ne(function(){return{register:i,tryRecordFocus:u,tryRestoreFocusRecorded:p,tryShiftRecord:l}},[i,u,p,l]);return f}function zE(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var S=t.indexOf(m);S!==-1&&t.splice(S,1)}}function s(m){t.length&&t.forEach(function(g){return g(m)})}function o(m){return e.draggables[m]||null}function i(m){var g=o(m);return g||Q(!1),g}var c={register:function(g){e.draggables[g.descriptor.id]=g,s({type:"ADDITION",value:g})},update:function(g,S){var w=e.draggables[S.descriptor.id];!w||w.uniqueId===g.uniqueId&&(delete e.draggables[S.descriptor.id],e.draggables[g.descriptor.id]=g)},unregister:function(g){var S=g.descriptor.id,w=o(S);!w||g.uniqueId===w.uniqueId&&(delete e.draggables[S],s({type:"REMOVAL",value:g}))},getById:i,findById:o,exists:function(g){return Boolean(o(g))},getAllByType:function(g){return As(e.draggables).filter(function(S){return S.descriptor.type===g})}};function l(m){return e.droppables[m]||null}function p(m){var g=l(m);return g||Q(!1),g}var u={register:function(g){e.droppables[g.descriptor.id]=g},unregister:function(g){var S=l(g.descriptor.id);!S||g.uniqueId===S.uniqueId&&delete e.droppables[g.descriptor.id]},getById:p,findById:l,exists:function(g){return Boolean(l(g))},getAllByType:function(g){return As(e.droppables).filter(function(S){return S.descriptor.type===g})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:c,droppable:u,subscribe:n,clean:f}}function jE(){var e=Ne(zE,[]);return H.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Qo=A.default.createContext(null),Us=function(){var e=document.body;return e||Q(!1),e},qE={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},JE=function(t){return"rbd-announcement-"+t};function ZE(e){var t=Ne(function(){return JE(e)},[e]),n=H.useRef(null);H.useEffect(function(){var i=document.createElement("div");return n.current=i,i.id=t,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),ue(i.style,qE),Us().appendChild(i),function(){setTimeout(function(){var p=Us();p.contains(i)&&p.removeChild(i),i===n.current&&(n.current=null)})}},[t]);var s=fe(function(o){var i=n.current;if(i){i.textContent=o;return}},[]);return s}var Gp=0,XE={separator:"::"};function QE(){Gp=0}function ei(e,t){return t===void 0&&(t=XE),Ne(function(){return""+e+t.separator+Gp++},[t.separator,e])}function eC(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function tC(e){var t=e.contextId,n=e.text,s=ei("hidden-text",{separator:"-"}),o=Ne(function(){return eC({contextId:t,uniqueId:s})},[s,t]);return H.useEffect(function(){var c=document.createElement("div");return c.id=o,c.textContent=n,c.style.display="none",Us().appendChild(c),function(){var p=Us();p.contains(c)&&p.removeChild(c)}},[o,n]),o}var Ys=A.default.createContext(null);function Up(e){var t=H.useRef(e);return H.useEffect(function(){t.current=e}),t}function nC(){var e=null;function t(){return Boolean(e)}function n(c){return c===e}function s(c){e&&Q(!1);var l={abandon:c};return e=l,l}function o(){e||Q(!1),e=null}function i(){e&&(e.abandon(),o())}return{isClaimed:t,isActive:n,claim:s,release:o,tryAbandon:i}}var aC=9,sC=13,ti=27,Yp=32,rC=33,oC=34,iC=35,lC=36,cC=37,dC=38,pC=39,uC=40,zs,mC=(zs={},zs[sC]=!0,zs[aC]=!0,zs),zp=function(e){mC[e.keyCode]&&e.preventDefault()},js=function(){var e="visibilitychange";if(typeof document=="undefined")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=pn(t,function(s){return"on"+s in document});return n||e}(),jp=0,qp=5;function fC(e,t){return Math.abs(t.x-e.x)>=qp||Math.abs(t.y-e.y)>=qp}var Jp={type:"IDLE"};function hC(e){var t=e.cancel,n=e.completed,s=e.getPhase,o=e.setPhase;return[{eventName:"mousemove",fn:function(c){var l=c.button,p=c.clientX,u=c.clientY;if(l===jp){var f={x:p,y:u},m=s();if(m.type==="DRAGGING"){c.preventDefault(),m.actions.move(f);return}m.type!=="PENDING"&&Q(!1);var g=m.point;if(!!fC(g,f)){c.preventDefault();var S=m.actions.fluidLift(f);o({type:"DRAGGING",actions:S})}}}},{eventName:"mouseup",fn:function(c){var l=s();if(l.type!=="DRAGGING"){t();return}c.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(c){s().type==="DRAGGING"&&c.preventDefault(),t()}},{eventName:"keydown",fn:function(c){var l=s();if(l.type==="PENDING"){t();return}if(c.keyCode===ti){c.preventDefault(),t();return}zp(c)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){s().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(c){var l=s();if(l.type==="IDLE"&&Q(!1),l.actions.shouldRespectForcePress()){t();return}c.preventDefault()}},{eventName:js,fn:t}]}function Zp(e){var t=H.useRef(Jp),n=H.useRef(cn),s=Ne(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===jp&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var g=e.findClosestDraggableId(m);if(!!g){var S=e.tryGetLock(g,c,{sourceEvent:m});if(!!S){m.preventDefault();var w={x:m.clientX,y:m.clientY};n.current(),u(S,w)}}}}}},[e]),o=Ne(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var g=e.findClosestDraggableId(m);if(!!g){var S=e.findOptionsForDraggable(g);!S||S.shouldRespectForcePress||!e.canGetLock(g)||m.preventDefault()}}}}},[e]),i=fe(function(){var m={passive:!1,capture:!0};n.current=Ct(window,[o,s],m)},[o,s]),c=fe(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Jp,n.current(),i())},[i]),l=fe(function(){var f=t.current;c(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[c]),p=fe(function(){var m={capture:!0,passive:!1},g=hC({cancel:l,completed:c,getPhase:function(){return t.current},setPhase:function(w){t.current=w}});n.current=Ct(window,g,m)},[l,c]),u=fe(function(m,g){t.current.type!=="IDLE"&&Q(!1),t.current={type:"PENDING",point:g,actions:m},p()},[p]);bt(function(){return i(),function(){n.current()}},[i])}var ra;function gC(){}var SC=(ra={},ra[oC]=!0,ra[rC]=!0,ra[lC]=!0,ra[iC]=!0,ra);function bC(e,t){function n(){t(),e.cancel()}function s(){t(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===ti){i.preventDefault(),n();return}if(i.keyCode===Yp){i.preventDefault(),s();return}if(i.keyCode===uC){i.preventDefault(),e.moveDown();return}if(i.keyCode===dC){i.preventDefault(),e.moveUp();return}if(i.keyCode===pC){i.preventDefault(),e.moveRight();return}if(i.keyCode===cC){i.preventDefault(),e.moveLeft();return}if(SC[i.keyCode]){i.preventDefault();return}zp(i)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:js,fn:n}]}function Xp(e){var t=H.useRef(gC),n=Ne(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==Yp)return;var c=e.findClosestDraggableId(i);if(!c)return;var l=e.tryGetLock(c,f,{sourceEvent:i});if(!l)return;i.preventDefault();var p=!0,u=l.snapLift();t.current();function f(){p||Q(!1),p=!1,t.current(),s()}t.current=Ct(window,bC(u,f),{capture:!0,passive:!1})}}},[e]),s=fe(function(){var i={passive:!1,capture:!0};t.current=Ct(window,[n],i)},[n]);bt(function(){return s(),function(){t.current()}},[s])}var ni={type:"IDLE"},vC=120,yC=.15;function TC(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(o){o.preventDefault()}},{eventName:"keydown",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.keyCode===ti&&o.preventDefault(),t()}},{eventName:js,fn:t}]}function wC(e){var t=e.cancel,n=e.completed,s=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}c.hasMoved=!0;var l=i.touches[0],p=l.clientX,u=l.clientY,f={x:p,y:u};i.preventDefault(),c.actions.move(f)}},{eventName:"touchend",fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}i.preventDefault(),c.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(i){if(s().type!=="DRAGGING"){t();return}i.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(i){var c=s();c.type==="IDLE"&&Q(!1);var l=i.touches[0];if(!!l){var p=l.force>=yC;if(!!p){var u=c.actions.shouldRespectForcePress();if(c.type==="PENDING"){u&&t();return}if(u){if(c.hasMoved){i.preventDefault();return}t();return}i.preventDefault()}}}},{eventName:js,fn:t}]}function Qp(e){var t=H.useRef(ni),n=H.useRef(cn),s=fe(function(){return t.current},[]),o=fe(function(S){t.current=S},[]),i=Ne(function(){return{eventName:"touchstart",fn:function(S){if(!S.defaultPrevented){var w=e.findClosestDraggableId(S);if(!!w){var x=e.tryGetLock(w,l,{sourceEvent:S});if(!!x){var C=S.touches[0],I=C.clientX,D=C.clientY,v={x:I,y:D};n.current(),m(x,v)}}}}}},[e]),c=fe(function(){var S={capture:!0,passive:!1};n.current=Ct(window,[i],S)},[i]),l=fe(function(){var g=t.current;g.type!=="IDLE"&&(g.type==="PENDING"&&clearTimeout(g.longPressTimerId),o(ni),n.current(),c())},[c,o]),p=fe(function(){var g=t.current;l(),g.type==="DRAGGING"&&g.actions.cancel({shouldBlockNextClick:!0}),g.type==="PENDING"&&g.actions.abort()},[l]),u=fe(function(){var S={capture:!0,passive:!1},w={cancel:p,completed:l,getPhase:s},x=Ct(window,wC(w),S),C=Ct(window,TC(w),S);n.current=function(){x(),C()}},[p,s,l]),f=fe(function(){var S=s();S.type!=="PENDING"&&Q(!1);var w=S.actions.fluidLift(S.point);o({type:"DRAGGING",actions:w,hasMoved:!1})},[s,o]),m=fe(function(S,w){s().type!=="IDLE"&&Q(!1);var x=setTimeout(f,vC);o({type:"PENDING",point:w,actions:S,longPressTimerId:x}),u()},[u,s,o,f]);bt(function(){return c(),function(){n.current();var w=s();w.type==="PENDING"&&(clearTimeout(w.longPressTimerId),o(ni))}},[s,c,o]),bt(function(){var S=Ct(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return S},[])}var EC={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function eu(e,t){if(t==null)return!1;var n=Boolean(EC[t.tagName.toLowerCase()]);if(n)return!0;var s=t.getAttribute("contenteditable");return s==="true"||s===""?!0:t===e?!1:eu(e,t.parentElement)}function CC(e,t){var n=t.target;return Gs(n)?eu(e,n):!1}var xC=function(e){return Lt(e.getBoundingClientRect()).center};function DC(e){return e instanceof Wp(e).Element}var IC=function(){var e="matches";if(typeof document=="undefined")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=pn(t,function(s){return s in Element.prototype});return n||e}();function tu(e,t){return e==null?null:e[IC](t)?e:tu(e.parentElement,t)}function NC(e,t){return e.closest?e.closest(t):tu(e,t)}function kC(e){return"["+sa.contextId+'="'+e+'"]'}function MC(e,t){var n=t.target;if(!DC(n))return null;var s=kC(e),o=NC(n,s);return!o||!Gs(o)?null:o}function _C(e,t){var n=MC(e,t);return n?n.getAttribute(sa.draggableId):null}function RC(e,t){var n="["+Zo.contextId+'="'+e+'"]',s=qd(document.querySelectorAll(n)),o=pn(s,function(i){return i.getAttribute(Zo.id)===t});return!o||!Gs(o)?null:o}function LC(e){e.preventDefault()}function qs(e){var t=e.expected,n=e.phase,s=e.isLockActive;return e.shouldWarn,!(!s()||t!==n)}function nu(e){var t=e.lockAPI,n=e.store,s=e.registry,o=e.draggableId;if(t.isClaimed())return!1;var i=s.draggable.findById(o);return!(!i||!i.options.isEnabled||!Rp(n.getState(),o))}function OC(e){var t=e.lockAPI,n=e.contextId,s=e.store,o=e.registry,i=e.draggableId,c=e.forceSensorStop,l=e.sourceEvent,p=nu({lockAPI:t,store:s,registry:o,draggableId:i});if(!p)return null;var u=o.draggable.getById(i),f=RC(n,u.descriptor.id);if(!f||l&&!u.options.canDragInteractiveElements&&CC(f,l))return null;var m=t.claim(c||cn),g="PRE_DRAG";function S(){return u.options.shouldRespectForcePress}function w(){return t.isActive(m)}function x(B,M){qs({expected:B,phase:g,isLockActive:w,shouldWarn:!0})&&s.dispatch(M())}var C=x.bind(null,"DRAGGING");function I(B){function M(){t.release(),g="COMPLETED"}g!=="PRE_DRAG"&&(M(),g!=="PRE_DRAG"&&Q(!1)),s.dispatch(Mw(B.liftActionArgs)),g="DRAGGING";function L(F,P){if(P===void 0&&(P={shouldBlockNextClick:!1}),B.cleanup(),P.shouldBlockNextClick){var $=Ct(window,[{eventName:"click",fn:LC,options:{once:!0,passive:!1,capture:!0}}]);setTimeout($)}M(),s.dispatch(wp({reason:F}))}return ue({isActive:function(){return qs({expected:"DRAGGING",phase:g,isLockActive:w,shouldWarn:!1})},shouldRespectForcePress:S,drop:function(P){return L("DROP",P)},cancel:function(P){return L("CANCEL",P)}},B.actions)}function D(B){var M=Ia(function(F){C(function(){return Tp({client:F})})}),L=I({liftActionArgs:{id:i,clientSelection:B,movementMode:"FLUID"},cleanup:function(){return M.cancel()},actions:{move:M}});return ue({},L,{move:M})}function v(){var B={moveUp:function(){return C(Kw)},moveRight:function(){return C($w)},moveDown:function(){return C(Vw)},moveLeft:function(){return C(Hw)}};return I({liftActionArgs:{id:i,clientSelection:xC(f),movementMode:"SNAP"},cleanup:cn,actions:B})}function k(){var B=qs({expected:"PRE_DRAG",phase:g,isLockActive:w,shouldWarn:!0});B&&t.release()}var R={isActive:function(){return qs({expected:"PRE_DRAG",phase:g,isLockActive:w,shouldWarn:!1})},shouldRespectForcePress:S,fluidLift:D,snapLift:v,abort:k};return R}var BC=[Zp,Xp,Qp];function PC(e){var t=e.contextId,n=e.store,s=e.registry,o=e.customSensors,i=e.enableDefaultSensors,c=[].concat(i?BC:[],o||[]),l=H.useState(function(){return nC()})[0],p=fe(function(D,v){D.isDragging&&!v.isDragging&&l.tryAbandon()},[l]);bt(function(){var D=n.getState(),v=n.subscribe(function(){var k=n.getState();p(D,k),D=k});return v},[l,n,p]),bt(function(){return l.tryAbandon},[l.tryAbandon]);for(var u=fe(function(I){return nu({lockAPI:l,registry:s,store:n,draggableId:I})},[l,s,n]),f=fe(function(I,D,v){return OC({lockAPI:l,registry:s,contextId:t,store:n,draggableId:I,forceSensorStop:D,sourceEvent:v&&v.sourceEvent?v.sourceEvent:null})},[t,l,s,n]),m=fe(function(I){return _C(t,I)},[t]),g=fe(function(I){var D=s.draggable.findById(I);return D?D.options:null},[s.draggable]),S=fe(function(){!l.isClaimed()||(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(Ko()))},[l,n]),w=fe(l.isClaimed,[l]),x=Ne(function(){return{canGetLock:u,tryGetLock:f,findClosestDraggableId:m,findOptionsForDraggable:g,tryReleaseLock:S,isLockClaimed:w}},[u,f,m,g,S,w]),C=0;C<c.length;C++)c[C](x)}var AC=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function Fa(e){return e.current||Q(!1),e.current}function FC(e){var t=e.contextId,n=e.setCallbacks,s=e.sensors,o=e.nonce,i=e.dragHandleUsageInstructions,c=H.useRef(null),l=Up(e),p=fe(function(){return AC(l.current)},[l]),u=ZE(t),f=tC({contextId:t,text:i}),m=GE(t,o),g=fe(function(F){Fa(c).dispatch(F)},[]),S=Ne(function(){return Sd({publishWhileDragging:Rw,updateDroppableScroll:Ow,updateDroppableIsEnabled:Bw,updateDroppableIsCombineEnabled:Pw,collectionStarting:Lw},g)},[g]),w=jE(),x=Ne(function(){return wE(w,S)},[w,S]),C=Ne(function(){return KE(ue({scrollWindow:EE,scrollDroppable:x.scrollDroppable},Sd({move:Tp},g)))},[x.scrollDroppable,g]),I=YE(t),D=Ne(function(){return bE({announce:u,autoScroller:C,dimensionMarshal:x,focusMarshal:I,getResponders:p,styleMarshal:m})},[u,C,x,I,p,m]);c.current=D;var v=fe(function(){var F=Fa(c),P=F.getState();P.phase!=="IDLE"&&F.dispatch(Ko())},[]),k=fe(function(){var F=Fa(c).getState();return F.isDragging||F.phase==="DROP_ANIMATING"},[]),R=Ne(function(){return{isDragging:k,tryAbort:v}},[k,v]);n(R);var B=fe(function(F){return Rp(Fa(c).getState(),F)},[]),M=fe(function(){return Mn(Fa(c).getState())},[]),L=Ne(function(){return{marshal:x,focus:I,contextId:t,canLift:B,isMovementAllowed:M,dragHandleUsageInstructionsId:f,registry:w}},[t,x,f,I,B,M,w]);return PC({contextId:t,store:D,registry:w,customSensors:s,enableDefaultSensors:e.enableDefaultSensors!==!1}),H.useEffect(function(){return v},[v]),A.default.createElement(Ys.Provider,{value:L},A.default.createElement(Ty,{context:Qo,store:D},e.children))}var au=0;function KC(){au=0}function VC(){return Ne(function(){return""+au++},[])}function $C(){KC(),QE()}function su(e){var t=VC(),n=e.dragHandleUsageInstructions||Ps.dragHandleUsageInstructions;return A.default.createElement(yT,null,function(s){return A.default.createElement(FC,{nonce:e.nonce,contextId:t,setCallbacks:s,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var ru=function(t){return function(n){return t===n}},HC=ru("scroll"),WC=ru("auto"),ou=function(t,n){return n(t.overflowX)||n(t.overflowY)},GC=function(t){var n=window.getComputedStyle(t),s={overflowX:n.overflowX,overflowY:n.overflowY};return ou(s,HC)||ou(s,WC)},UC=function(){return!1},YC=function e(t){return t==null?null:t===document.body?UC()?t:null:t===document.documentElement?null:GC(t)?t:e(t.parentElement)},ai=function(e){return{x:e.scrollLeft,y:e.scrollTop}},zC=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},jC=function(e){var t=YC(e),n=zC(e);return{closestScrollable:t,isFixedOnPage:n}},qC=function(e){var t=e.descriptor,n=e.isEnabled,s=e.isCombineEnabled,o=e.isFixedOnPage,i=e.direction,c=e.client,l=e.page,p=e.closest,u=function(){if(!p)return null;var S=p.scrollSize,w=p.client,x=Np({scrollHeight:S.scrollHeight,scrollWidth:S.scrollWidth,height:w.paddingBox.height,width:w.paddingBox.width});return{pageMarginBox:p.page.marginBox,frameClient:w,scrollSize:S,shouldClipSubject:p.shouldClipSubject,scroll:{initial:p.scroll,current:p.scroll,max:x,diff:{value:Xe,displacement:Xe}}}}(),f=i==="vertical"?Mo:ep,m=ea({page:l,withPlaceholder:null,axis:f,frame:u}),g={descriptor:t,isCombineEnabled:s,isFixedOnPage:o,axis:f,isEnabled:n,client:c,page:l,frame:u,subject:m};return g},JC=function(t,n){var s=Vd(t);if(!n||t!==n)return s;var o=s.paddingBox.top-n.scrollTop,i=s.paddingBox.left-n.scrollLeft,c=o+n.scrollHeight,l=i+n.scrollWidth,p={top:o,right:l,bottom:c,left:i},u=Co(p,s.border),f=Do({borderBox:u,margin:s.margin,border:s.border,padding:s.padding});return f},ZC=function(e){var t=e.ref,n=e.descriptor,s=e.env,o=e.windowScroll,i=e.direction,c=e.isDropDisabled,l=e.isCombineEnabled,p=e.shouldClipSubject,u=s.closestScrollable,f=JC(t,u),m=Ls(f,o),g=function(){if(!u)return null;var w=Vd(u),x={scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth};return{client:w,page:Ls(w,o),scroll:ai(u),scrollSize:x,shouldClipSubject:p}}(),S=qC({descriptor:n,isEnabled:!c,isCombineEnabled:l,isFixedOnPage:s.isFixedOnPage,direction:i,client:f,page:m,closest:g});return S},XC={passive:!1},QC={passive:!0},iu=function(e){return e.shouldPublishImmediately?XC:QC};function Js(e){var t=H.useContext(e);return t||Q(!1),t}var Zs=function(t){return t&&t.env.closestScrollable||null};function ex(e){var t=H.useRef(null),n=Js(Ys),s=ei("droppable"),o=n.registry,i=n.marshal,c=Up(e),l=Ne(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),p=H.useRef(l),u=Ne(function(){return Ze(function(k,R){t.current||Q(!1);var B={x:k,y:R};i.updateDroppableScroll(l.id,B)})},[l.id,i]),f=fe(function(){var k=t.current;return!k||!k.env.closestScrollable?Xe:ai(k.env.closestScrollable)},[]),m=fe(function(){var k=f();u(k.x,k.y)},[f,u]),g=Ne(function(){return Ia(m)},[m]),S=fe(function(){var k=t.current,R=Zs(k);k&&R||Q(!1);var B=k.scrollOptions;if(B.shouldPublishImmediately){m();return}g()},[g,m]),w=fe(function(k,R){t.current&&Q(!1);var B=c.current,M=B.getDroppableRef();M||Q(!1);var L=jC(M),F={ref:M,descriptor:l,env:L,scrollOptions:R};t.current=F;var P=ZC({ref:M,descriptor:l,env:L,windowScroll:k,direction:B.direction,isDropDisabled:B.isDropDisabled,isCombineEnabled:B.isCombineEnabled,shouldClipSubject:!B.ignoreContainerClipping}),$=L.closestScrollable;return $&&($.setAttribute($p.contextId,n.contextId),$.addEventListener("scroll",S,iu(F.scrollOptions))),P},[n.contextId,l,S,c]),x=fe(function(){var k=t.current,R=Zs(k);return k&&R||Q(!1),ai(R)},[]),C=fe(function(){var k=t.current;k||Q(!1);var R=Zs(k);t.current=null,!!R&&(g.cancel(),R.removeAttribute($p.contextId),R.removeEventListener("scroll",S,iu(k.scrollOptions)))},[S,g]),I=fe(function(k){var R=t.current;R||Q(!1);var B=Zs(R);B||Q(!1),B.scrollTop+=k.y,B.scrollLeft+=k.x},[]),D=Ne(function(){return{getDimensionAndWatchScroll:w,getScrollWhileDragging:x,dragStopped:C,scroll:I}},[C,w,x,I]),v=Ne(function(){return{uniqueId:s,descriptor:l,callbacks:D}},[D,l,s]);bt(function(){return p.current=v.descriptor,o.droppable.register(v),function(){t.current&&C(),o.droppable.unregister(v)}},[D,l,C,v,i,o.droppable]),bt(function(){!t.current||i.updateDroppableIsEnabled(p.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),bt(function(){!t.current||i.updateDroppableIsCombineEnabled(p.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function si(){}var lu={width:0,height:0,margin:DT},tx=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate;return n||o==="close"?lu:{height:s.client.borderBox.height,width:s.client.borderBox.width,margin:s.client.margin}},nx=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate,i=tx({isAnimatingOpenOnMount:n,placeholder:s,animate:o});return{display:s.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:o!=="none"?Ba.placeholder:null}};function ax(e){var t=H.useRef(null),n=fe(function(){!t.current||(clearTimeout(t.current),t.current=null)},[]),s=e.animate,o=e.onTransitionEnd,i=e.onClose,c=e.contextId,l=H.useState(e.animate==="open"),p=l[0],u=l[1];H.useEffect(function(){return p?s!=="open"?(n(),u(!1),si):t.current?si:(t.current=setTimeout(function(){t.current=null,u(!1)}),n):si},[s,p,n]);var f=fe(function(g){g.propertyName==="height"&&(o(),s==="close"&&i())},[s,i,o]),m=nx({isAnimatingOpenOnMount:p,animate:e.animate,placeholder:e.placeholder});return A.default.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":c,onTransitionEnd:f,ref:e.innerRef})}var sx=A.default.memo(ax),ri=A.default.createContext(null),rx=function(e){dd(t,e);function t(){for(var s,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return s=e.call.apply(e,[this].concat(i))||this,s.state={isVisible:Boolean(s.props.on),data:s.props.on,animate:s.props.shouldAnimate&&s.props.on?"open":"none"},s.onClose=function(){s.state.animate==="close"&&s.setState({isVisible:!1})},s}t.getDerivedStateFromProps=function(o,i){return o.shouldAnimate?o.on?{isVisible:!0,data:o.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(o.on),data:o.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var o={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(o)},t}(A.default.PureComponent),cu={dragging:5e3,dropAnimating:4500},ox=function(t,n){return n?Ba.drop(n.duration):t?Ba.snap:Ba.fluid},ix=function(t,n){return t?n?Oa.opacity.drop:Oa.opacity.combining:null},lx=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function cx(e){var t=e.dimension,n=t.client,s=e.offset,o=e.combineWith,i=e.dropping,c=Boolean(o),l=lx(e),p=Boolean(i),u=p?Wo.drop(s,c):Wo.moveTo(s),f={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:ox(l,i),transform:u,opacity:ix(c,p),zIndex:p?cu.dropAnimating:cu.dragging,pointerEvents:"none"};return f}function dx(e){return{transform:Wo.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function px(e){return e.type==="DRAGGING"?cx(e):dx(e)}function ux(e,t,n){n===void 0&&(n=Xe);var s=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Kd(o,s),c=Ls(i,n),l={client:i,tagName:t.tagName.toLowerCase(),display:s.display},p={x:i.marginBox.width,y:i.marginBox.height},u={descriptor:e,placeholder:l,displaceBy:p,client:i,page:c};return u}function mx(e){var t=ei("draggable"),n=e.descriptor,s=e.registry,o=e.getDraggableRef,i=e.canDragInteractiveElements,c=e.shouldRespectForcePress,l=e.isEnabled,p=Ne(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:c,isEnabled:l}},[i,l,c]),u=fe(function(S){var w=o();return w||Q(!1),ux(n,w,S)},[n,o]),f=Ne(function(){return{uniqueId:t,descriptor:n,options:p,getDimension:u}},[n,u,p,t]),m=H.useRef(f),g=H.useRef(!0);bt(function(){return s.draggable.register(m.current),function(){return s.draggable.unregister(m.current)}},[s.draggable]),bt(function(){if(g.current){g.current=!1;return}var S=m.current;m.current=f,s.draggable.update(f,S)},[f,s.draggable])}function fx(e){e.preventDefault()}function hx(e){var t=H.useRef(null),n=fe(function(F){t.current=F},[]),s=fe(function(){return t.current},[]),o=Js(Ys),i=o.contextId,c=o.dragHandleUsageInstructionsId,l=o.registry,p=Js(ri),u=p.type,f=p.droppableId,m=Ne(function(){return{id:e.draggableId,index:e.index,type:u,droppableId:f}},[e.draggableId,e.index,u,f]),g=e.children,S=e.draggableId,w=e.isEnabled,x=e.shouldRespectForcePress,C=e.canDragInteractiveElements,I=e.isClone,D=e.mapped,v=e.dropAnimationFinished;if(!I){var k=Ne(function(){return{descriptor:m,registry:l,getDraggableRef:s,canDragInteractiveElements:C,shouldRespectForcePress:x,isEnabled:w}},[m,l,s,C,x,w]);mx(k)}var R=Ne(function(){return w?{tabIndex:0,role:"button","aria-describedby":c,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:fx}:null},[i,c,S,w]),B=fe(function(F){D.type==="DRAGGING"&&(!D.dropping||F.propertyName==="transform"&&v())},[v,D]),M=Ne(function(){var F=px(D),P=D.type==="DRAGGING"&&D.dropping?B:null,$={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":S,style:F,onTransitionEnd:P},dragHandleProps:R};return $},[i,R,S,D,B,n]),L=Ne(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return g(M,D.snapshot,L)}var du=function(e,t){return e===t},pu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},gx=function(t){return t.combine?t.combine.draggableId:null},Sx=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function bx(){var e=Ze(function(o,i){return{x:o,y:i}}),t=Ze(function(o,i,c,l,p){return{isDragging:!0,isClone:i,isDropAnimating:Boolean(p),dropAnimation:p,mode:o,draggingOver:c,combineWith:l,combineTargetFor:null}}),n=Ze(function(o,i,c,l,p,u,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:u,mode:i,offset:o,dimension:c,forceShouldAnimate:f,snapshot:t(i,l,p,u,null)}}}),s=function(i,c){if(i.isDragging){if(i.critical.draggable.id!==c.draggableId)return null;var l=i.current.client.offset,p=i.dimensions.draggables[c.draggableId],u=St(i.impact),f=Sx(i.impact),m=i.forceShouldAnimate;return n(e(l.x,l.y),i.movementMode,p,c.isClone,u,f,m)}if(i.phase==="DROP_ANIMATING"){var g=i.completed;if(g.result.draggableId!==c.draggableId)return null;var S=c.isClone,w=i.dimensions.draggables[c.draggableId],x=g.result,C=x.mode,I=pu(x),D=gx(x),v=i.dropDuration,k={duration:v,curve:$o.drop,moveTo:i.newHomeClientOffset,opacity:D?Oa.opacity.drop:null,scale:D?Oa.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:w,dropping:k,draggingOver:I,combineWith:D,mode:C,forceShouldAnimate:null,snapshot:t(C,S,I,D,k)}}}return null};return s}function uu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var vx={mapped:{type:"SECONDARY",offset:Xe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:uu(null)}};function yx(){var e=Ze(function(c,l){return{x:c,y:l}}),t=Ze(uu),n=Ze(function(c,l,p){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:c,combineTargetFor:l,shouldAnimateDisplacement:p,snapshot:t(l)}}}),s=function(l){return l?n(Xe,l,!0):null},o=function(l,p,u,f){var m=u.displaced.visible[l],g=Boolean(f.inVirtualList&&f.effected[l]),S=Ks(u),w=S&&S.draggableId===l?p:null;if(!m){if(!g)return s(w);if(u.displaced.invisible[l])return null;var x=Qn(f.displacedBy.point),C=e(x.x,x.y);return n(C,w,!0)}if(g)return s(w);var I=u.displacedBy.point,D=e(I.x,I.y);return n(D,w,m.shouldAnimate)},i=function(l,p){if(l.isDragging)return l.critical.draggable.id===p.draggableId?null:o(p.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var u=l.completed;return u.result.draggableId===p.draggableId?null:o(p.draggableId,u.result.draggableId,u.impact,u.afterCritical)}return null};return i}var Tx=function(){var t=bx(),n=yx(),s=function(i,c){return t(i,c)||n(i,c)||vx};return s},wx={dropAnimationFinished:Ep},Ex=Bd(Tx,wx,null,{context:Qo,pure:!0,areStatePropsEqual:du})(hx);function mu(e){var t=Js(ri),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:A.default.createElement(Ex,e)}function fu(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=Boolean(e.disableInteractiveElementBlocking),s=Boolean(e.shouldRespectForcePress);return A.default.createElement(mu,ue({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:s}))}function Cx(e){var t=H.useContext(Ys);t||Q(!1);var n=t.contextId,s=t.isMovementAllowed,o=H.useRef(null),i=H.useRef(null),c=e.children,l=e.droppableId,p=e.type,u=e.mode,f=e.direction,m=e.ignoreContainerClipping,g=e.isDropDisabled,S=e.isCombineEnabled,w=e.snapshot,x=e.useClone,C=e.updateViewportMaxScroll,I=e.getContainerForClone,D=fe(function(){return o.current},[]),v=fe(function($){o.current=$},[]);fe(function(){return i.current},[]);var k=fe(function($){i.current=$},[]),R=fe(function(){s()&&C({maxScroll:Mp()})},[s,C]);ex({droppableId:l,type:p,mode:u,direction:f,isDropDisabled:g,isCombineEnabled:S,ignoreContainerClipping:m,getDroppableRef:D});var B=A.default.createElement(rx,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function($){var V=$.onClose,G=$.data,pe=$.animate;return A.default.createElement(sx,{placeholder:G,onClose:V,innerRef:k,animate:pe,contextId:n,onTransitionEnd:R})}),M=Ne(function(){return{innerRef:v,placeholder:B,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,B,v]),L=x?x.dragging.draggableId:null,F=Ne(function(){return{droppableId:l,type:p,isUsingCloneFor:L}},[l,L,p]);function P(){if(!x)return null;var $=x.dragging,V=x.render,G=A.default.createElement(mu,{draggableId:$.draggableId,index:$.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(pe,me){return V(pe,me,$)});return ab.default.createPortal(G,I())}return A.default.createElement(ri.Provider,{value:F},c(M,w),P())}var oi=function(t,n){return t===n.droppable.type},hu=function(t,n){return n.draggables[t.draggable.id]},xx=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ue({},t,{shouldAnimatePlaceholder:!1}),s=Ze(function(c){return{draggableId:c.id,type:c.type,source:{index:c.index,droppableId:c.droppableId}}}),o=Ze(function(c,l,p,u,f,m){var g=f.descriptor.id,S=f.descriptor.droppableId===c;if(S){var w=m?{render:m,dragging:s(f.descriptor)}:null,x={isDraggingOver:p,draggingOverWith:p?g:null,draggingFromThisWith:g,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:x,useClone:w}}if(!l)return n;if(!u)return t;var C={isDraggingOver:p,draggingOverWith:g,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:C,useClone:null}}),i=function(l,p){var u=p.droppableId,f=p.type,m=!p.isDropDisabled,g=p.renderClone;if(l.isDragging){var S=l.critical;if(!oi(f,S))return n;var w=hu(S,l.dimensions),x=St(l.impact)===u;return o(u,m,x,x,w,g)}if(l.phase==="DROP_ANIMATING"){var C=l.completed;if(!oi(f,C.critical))return n;var I=hu(C.critical,l.dimensions);return o(u,m,pu(C.result)===u,St(C.impact)===u,I,g)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var D=l.completed;if(!oi(f,D.critical))return n;var v=St(D.impact)===u,k=Boolean(D.impact.at&&D.impact.at.type==="COMBINE"),R=D.critical.droppable.id===u;return v?k?t:n:R?t:n}return n};return i},Dx={updateViewportMaxScroll:Fw};function Ix(){return document.body||Q(!1),document.body}var Nx={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Ix},ii=Bd(xx,Dx,null,{context:Qo,pure:!0,areStatePropsEqual:du})(Cx);ii.defaultProps=Nx;const kx={content:"ReactNodeLike",icon:"SpsIcon",title:"string"},Mx=W(N({},Y),{content:y.exports.node,icon:be(_.SpsIcon),title:y.exports.string});function gu(e){const u=e,{content:t,className:n,icon:s,title:o,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["content","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-card__header",n);return a.createElement("div",N({className:p,title:o},l),a.createElement("div",{className:"sps-card__title"}," ",s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`})," ",o),a.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(gu,{props:kx,propTypes:Mx,displayName:"SpsCardHeader"});const _x={icon:"SpsIcon",kind:"TagKind"},Rx=W(N({},Y),{icon:be(_.SpsIcon),kind:be(_.TagKind)});function Dt(e){const f=e,{children:t,className:n,icon:s,kind:o=_.TagKind.DEFAULT,"data-testid":i,unsafelyReplaceClassName:c}=f,l=z(f,["children","className","icon","kind","data-testid","unsafelyReplaceClassName"]),p=a.Children.toArray(t).filter(m=>typeof m=="string").join(""),u=K(c||"sps-tag",`sps-tag--${o}`,n);return a.createElement("span",N({className:u,"data-testid":`${i}__tag`,title:p},l),s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`,"data-testid":`${i}__icon`}),t)}Object.assign(Dt,{props:_x,propTypes:Rx,displayName:"SpsTag"});const Lx={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"},Ox=W(N({},Y),{activateTab:y.exports.func,active:y.exports.bool,icon:be(_.SpsIcon),label:y.exports.string,index:y.exports.number,tag:y.exports.string,tagKind:be(_.TagKind),tagIcon:be(_.SpsIcon)});function li(e){const D=e,{activateTab:t,active:n,children:s,className:o,label:i,icon:c,id:l,index:p,tag:u,tagKind:f,tagIcon:m,"data-testid":g,unsafelyReplaceClassName:S}=D,w=z(D,["activateTab","active","children","className","label","icon","id","index","tag","tagKind","tagIcon","data-testid","unsafelyReplaceClassName"]),x=()=>{t(this,p,s)},C=v=>{(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),t(this,p,s))},I=K(S||"sps-nav__item","sps-nav__link",n&&"active",o);return a.createElement("a",W(N({className:I,onClick:x,"data-toggle":"tab",id:l,role:"tab","aria-controls":l},w),{tabIndex:0,onKeyDown:C}),c&&a.createElement("i",{className:`sps-icon sps-icon-${c}`}),a.createElement("span",null,i),u&&a.createElement(Dt,{kind:f||_.TagKind.KEY,icon:m},u))}Object.assign(li,{props:Lx,propTypes:Ox,displayName:"SpsCardTabbedPane"});function Bx(e,t,n){const[s,o]=a.useState({index:0,content:null}),i=a.useCallback((c,l,p)=>{o({index:l,content:p})},[]);return a.useEffect(()=>{function c(u){for(const f of u){const m=f.props;o(W(N({},s),{content:m.children}));break}}function l(u,f){for(let m=0;m<=u.length;m+=1){const g=u[m];if(g&&g.props&&(g.props.id&&g.props.id===f||g.props.label&&g.props.label===f)){o({content:g.props.children,index:m});break}}}const p=a.Children.toArray(e);n&&t?l(p,t):n&&c(p)},[t,e]),[s,i]}const Px={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"},Ax=W(N({},Y),{activeTab:y.exports.string,footer:dt,headerContent:dt,headerIcon:be(_.SpsIcon),headerTitle:y.exports.string});function ci(e){a.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const x=e,{activeTab:t,children:n,className:s,footer:o,headerContent:i,headerIcon:c,headerTitle:l,"data-testid":p,unsafelyReplaceClassName:u}=x,f=z(x,["activeTab","children","className","footer","headerContent","headerIcon","headerTitle","data-testid","unsafelyReplaceClassName"]),m=a.Children.toArray(n).some(C=>a.isValidElement(C)&&C.type===li),[g,S]=Bx(n,t,m),w=K(u||"sps-card",s);return a.createElement("div",W(N({},f),{className:w,"data-testid":`${p}__card`}),(l||i)&&a.createElement(gu,{title:l,content:ft(i),icon:c,"data-testid":`${p}__header`}),m===!0?a.createElement(a.Fragment,null,a.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},a.Children.map(n,(C,I)=>{if(a.isValidElement(C))return a.cloneElement(C,{active:I===g.index,index:I,activateTab:S,"data-testid":`${p}__tab`})})),a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},g.content)):a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&a.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},ft(o)))}Object.assign(ci,{props:Px,propTypes:Ax,displayName:"SpsCard"});const Fx={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"},Kx=W(N({},Y),{index:y.exports.number,key:y.exports.string,columnId:y.exports.string,name:y.exports.string,value:y.exports.string,onDelete:ne(),mandatory:y.exports.bool});function Xs(e){const m=e,{index:t,key:n,columnId:s,name:o,value:i,onDelete:c,mandatory:l,ref:p}=m,u=z(m,["index","key","columnId","name","value","onDelete","mandatory","ref"]),{t:f}=a.useContext(Le);return a.createElement(fu,N({key:s,draggableId:s,index:t||0},u),g=>a.createElement("div",W(N(N({ref:g.innerRef},g.draggableProps),g.dragHandleProps),{className:"sps-content-row"}),a.createElement("div",{className:"sps-content-row__col-group","data-col-value":i},a.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},a.createElement("i",{className:"sps-column-chooser__drag-handle"})),a.createElement("div",{className:"sps-content-row__col--borderless"},a.createElement("div",{className:"sps-body-12"},o)),a.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&a.createElement(Fe,{"aria-label":f("design-system:columnChooser.removeButton",{elementName:o}),kind:_.ButtonKind.ICON,icon:_.SpsIcon.X,onClick:()=>{c&&c(i)}})))))}Object.assign(Xs,{props:Fx,propTypes:Kx,displayName:"SpsColumnChooserColumn"});const Vx={maxSelectedColumns:"number",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"},$x=W(N({},Y),{maxSelectedColumns:y.exports.number,unselectedColumns:y.exports.array,selectedColumns:y.exports.array,onApplyChanges:ne()});function di(e){const C=e,{unselectedColumns:t,selectedColumns:n,maxSelectedColumns:s,onApplyChanges:o,className:i,unsafelyReplaceClassName:c}=C,l=z(C,["unselectedColumns","selectedColumns","maxSelectedColumns","onApplyChanges","className","unsafelyReplaceClassName"]),[p,u]=Vt({isVisible:!1,unselectedColumns:[...t.map(I=>W(N({},I),{label:I.name,columnId:sn()}))],selectedColumns:[...n.map(I=>W(N({},I),{columnId:sn()}))],searchSelectedColumn:null});function f(I){if(I.target.value){const D=[...p.selectedColumns],v=[];p.unselectedColumns.forEach(k=>{I.target.value===k.name?D.push({columnId:sn(),name:k.name,value:k.value}):v.push(k)}),u({selectedColumns:D,unselectedColumns:v,searchSelectedColumn:null})}u({searchSelectedColumn:null})}function m(I){const D=[],v=[...p.unselectedColumns];p.selectedColumns.forEach(k=>{I===k.value?v.push({columnId:sn(),name:k.name,value:k.value}):D.push(k)}),u({selectedColumns:D,unselectedColumns:v})}function g(I){if(!I.destination)return;const D=[...p.selectedColumns],[v]=D.splice(I.source.index,1);D.splice(I.destination.index,0,v),u({selectedColumns:D})}function S(){u({isVisible:!1});const I=p.selectedColumns.map(D=>{const v=N({},D);return v.columnId&&delete v.columnId,v});o(I)}function w(){u({isVisible:!p.isVisible})}const x=K(p.isVisible&&"sps-button--open",i);return a.createElement("div",N({className:"sps-column-chooser z-stratum-dropdown"},l),a.createElement(Fe,{className:x,"aria-label":`${p.isVisible?"Close":"Open"} Column Chooser`,kind:_.ButtonKind.ICON,icon:_.SpsIcon.TABLE,onClick:w,"data-testid":"button"}),p.isVisible&&a.createElement(ci,{"data-testid":"open",footer:()=>a.createElement(Fe,{"aria-label":"Apply Changes",kind:_.ButtonKind.LINK,onClick:S},"Apply Changes")},a.createElement("div",{className:"sps-column-chooser__search-container"},a.createElement(fs,{suggestions:p.unselectedColumns.map(I=>I.name),disabled:s&&p.selectedColumns.length>=s||p.selectedColumns.length>=8,value:p.searchSelectedColumn?p.searchSelectedColumn.name:"",onChange:f,placeholder:"Find Columns to Add"})),a.createElement("div",{className:"sps-column-chooser__selected-title"},"Selected"),a.createElement(su,{onDragEnd:g},a.createElement(ii,{droppableId:"column-chooser"},I=>a.createElement("div",W(N({},I.droppableProps),{ref:I.innerRef}),p.selectedColumns.map((D,v)=>a.createElement(Xs,{index:v,key:D.columnId,columnId:D.columnId,name:D.name,value:D.value,onDelete:m,mandatory:D.mandatory})),I.placeholder)))))}Object.assign(di,{props:Vx,propTypes:$x,displayName:"SpsColumnChooser"});const Su={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:T.code`
1093
+ `}},c=[s,n,o,i];return{always:Aa(c,"always"),resting:Aa(c,"resting"),dragging:Aa(c,"dragging"),dropAnimating:Aa(c,"dropAnimating"),userCancel:Aa(c,"userCancel")}},bt=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined"?H.useLayoutEffect:H.useEffect,Xo=function(){var t=document.querySelector("head");return t||Q(!1),t},Hp=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function GE(e,t){var n=Ne(function(){return WE(e)},[e]),s=H.useRef(null),o=H.useRef(null),i=fe(Ze(function(m){var g=o.current;g||Q(!1),g.textContent=m}),[]),c=fe(function(m){var g=s.current;g||Q(!1),g.textContent=m},[]);bt(function(){!s.current&&!o.current||Q(!1);var m=Hp(t),g=Hp(t);return s.current=m,o.current=g,m.setAttribute(aa+"-always",e),g.setAttribute(aa+"-dynamic",e),Xo().appendChild(m),Xo().appendChild(g),c(n.always),i(n.resting),function(){var S=function(x){var C=x.current;C||Q(!1),Xo().removeChild(C),x.current=null};S(s),S(o)}},[t,c,i,n.always,n.resting,e]);var l=fe(function(){return i(n.dragging)},[i,n.dragging]),p=fe(function(m){if(m==="DROP"){i(n.dropAnimating);return}i(n.userCancel)},[i,n.dropAnimating,n.userCancel]),u=fe(function(){!o.current||i(n.resting)},[i,n.resting]),f=Ne(function(){return{dragging:l,dropping:p,resting:u}},[l,p,u]);return f}var Wp=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Gs(e){return e instanceof Wp(e).HTMLElement}function UE(e,t){var n="["+sa.contextId+'="'+e+'"]',s=qd(document.querySelectorAll(n));if(!s.length)return null;var o=pn(s,function(i){return i.getAttribute(sa.draggableId)===t});return!o||!Gs(o)?null:o}function YE(e){var t=H.useRef({}),n=H.useRef(null),s=H.useRef(null),o=H.useRef(!1),i=fe(function(g,S){var w={id:g,focus:S};return t.current[g]=w,function(){var C=t.current,I=C[g];I!==w&&delete C[g]}},[]),c=fe(function(g){var S=UE(e,g);S&&S!==document.activeElement&&S.focus()},[e]),l=fe(function(g,S){n.current===g&&(n.current=S)},[]),p=fe(function(){s.current||!o.current||(s.current=requestAnimationFrame(function(){s.current=null;var g=n.current;g&&c(g)}))},[c]),u=fe(function(g){n.current=null;var S=document.activeElement;!S||S.getAttribute(sa.draggableId)===g&&(n.current=g)},[]);bt(function(){return o.current=!0,function(){o.current=!1;var g=s.current;g&&cancelAnimationFrame(g)}},[]);var f=Ne(function(){return{register:i,tryRecordFocus:u,tryRestoreFocusRecorded:p,tryShiftRecord:l}},[i,u,p,l]);return f}function zE(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var S=t.indexOf(m);S!==-1&&t.splice(S,1)}}function s(m){t.length&&t.forEach(function(g){return g(m)})}function o(m){return e.draggables[m]||null}function i(m){var g=o(m);return g||Q(!1),g}var c={register:function(g){e.draggables[g.descriptor.id]=g,s({type:"ADDITION",value:g})},update:function(g,S){var w=e.draggables[S.descriptor.id];!w||w.uniqueId===g.uniqueId&&(delete e.draggables[S.descriptor.id],e.draggables[g.descriptor.id]=g)},unregister:function(g){var S=g.descriptor.id,w=o(S);!w||g.uniqueId===w.uniqueId&&(delete e.draggables[S],s({type:"REMOVAL",value:g}))},getById:i,findById:o,exists:function(g){return Boolean(o(g))},getAllByType:function(g){return As(e.draggables).filter(function(S){return S.descriptor.type===g})}};function l(m){return e.droppables[m]||null}function p(m){var g=l(m);return g||Q(!1),g}var u={register:function(g){e.droppables[g.descriptor.id]=g},unregister:function(g){var S=l(g.descriptor.id);!S||g.uniqueId===S.uniqueId&&delete e.droppables[g.descriptor.id]},getById:p,findById:l,exists:function(g){return Boolean(l(g))},getAllByType:function(g){return As(e.droppables).filter(function(S){return S.descriptor.type===g})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:c,droppable:u,subscribe:n,clean:f}}function jE(){var e=Ne(zE,[]);return H.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Qo=A.default.createContext(null),Us=function(){var e=document.body;return e||Q(!1),e},qE={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},JE=function(t){return"rbd-announcement-"+t};function ZE(e){var t=Ne(function(){return JE(e)},[e]),n=H.useRef(null);H.useEffect(function(){var i=document.createElement("div");return n.current=i,i.id=t,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),ue(i.style,qE),Us().appendChild(i),function(){setTimeout(function(){var p=Us();p.contains(i)&&p.removeChild(i),i===n.current&&(n.current=null)})}},[t]);var s=fe(function(o){var i=n.current;if(i){i.textContent=o;return}},[]);return s}var Gp=0,XE={separator:"::"};function QE(){Gp=0}function ei(e,t){return t===void 0&&(t=XE),Ne(function(){return""+e+t.separator+Gp++},[t.separator,e])}function eC(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function tC(e){var t=e.contextId,n=e.text,s=ei("hidden-text",{separator:"-"}),o=Ne(function(){return eC({contextId:t,uniqueId:s})},[s,t]);return H.useEffect(function(){var c=document.createElement("div");return c.id=o,c.textContent=n,c.style.display="none",Us().appendChild(c),function(){var p=Us();p.contains(c)&&p.removeChild(c)}},[o,n]),o}var Ys=A.default.createContext(null);function Up(e){var t=H.useRef(e);return H.useEffect(function(){t.current=e}),t}function nC(){var e=null;function t(){return Boolean(e)}function n(c){return c===e}function s(c){e&&Q(!1);var l={abandon:c};return e=l,l}function o(){e||Q(!1),e=null}function i(){e&&(e.abandon(),o())}return{isClaimed:t,isActive:n,claim:s,release:o,tryAbandon:i}}var aC=9,sC=13,ti=27,Yp=32,rC=33,oC=34,iC=35,lC=36,cC=37,dC=38,pC=39,uC=40,zs,mC=(zs={},zs[sC]=!0,zs[aC]=!0,zs),zp=function(e){mC[e.keyCode]&&e.preventDefault()},js=function(){var e="visibilitychange";if(typeof document=="undefined")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=pn(t,function(s){return"on"+s in document});return n||e}(),jp=0,qp=5;function fC(e,t){return Math.abs(t.x-e.x)>=qp||Math.abs(t.y-e.y)>=qp}var Jp={type:"IDLE"};function hC(e){var t=e.cancel,n=e.completed,s=e.getPhase,o=e.setPhase;return[{eventName:"mousemove",fn:function(c){var l=c.button,p=c.clientX,u=c.clientY;if(l===jp){var f={x:p,y:u},m=s();if(m.type==="DRAGGING"){c.preventDefault(),m.actions.move(f);return}m.type!=="PENDING"&&Q(!1);var g=m.point;if(!!fC(g,f)){c.preventDefault();var S=m.actions.fluidLift(f);o({type:"DRAGGING",actions:S})}}}},{eventName:"mouseup",fn:function(c){var l=s();if(l.type!=="DRAGGING"){t();return}c.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(c){s().type==="DRAGGING"&&c.preventDefault(),t()}},{eventName:"keydown",fn:function(c){var l=s();if(l.type==="PENDING"){t();return}if(c.keyCode===ti){c.preventDefault(),t();return}zp(c)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){s().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(c){var l=s();if(l.type==="IDLE"&&Q(!1),l.actions.shouldRespectForcePress()){t();return}c.preventDefault()}},{eventName:js,fn:t}]}function Zp(e){var t=H.useRef(Jp),n=H.useRef(cn),s=Ne(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===jp&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var g=e.findClosestDraggableId(m);if(!!g){var S=e.tryGetLock(g,c,{sourceEvent:m});if(!!S){m.preventDefault();var w={x:m.clientX,y:m.clientY};n.current(),u(S,w)}}}}}},[e]),o=Ne(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var g=e.findClosestDraggableId(m);if(!!g){var S=e.findOptionsForDraggable(g);!S||S.shouldRespectForcePress||!e.canGetLock(g)||m.preventDefault()}}}}},[e]),i=fe(function(){var m={passive:!1,capture:!0};n.current=Ct(window,[o,s],m)},[o,s]),c=fe(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Jp,n.current(),i())},[i]),l=fe(function(){var f=t.current;c(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[c]),p=fe(function(){var m={capture:!0,passive:!1},g=hC({cancel:l,completed:c,getPhase:function(){return t.current},setPhase:function(w){t.current=w}});n.current=Ct(window,g,m)},[l,c]),u=fe(function(m,g){t.current.type!=="IDLE"&&Q(!1),t.current={type:"PENDING",point:g,actions:m},p()},[p]);bt(function(){return i(),function(){n.current()}},[i])}var ra;function gC(){}var SC=(ra={},ra[oC]=!0,ra[rC]=!0,ra[lC]=!0,ra[iC]=!0,ra);function bC(e,t){function n(){t(),e.cancel()}function s(){t(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===ti){i.preventDefault(),n();return}if(i.keyCode===Yp){i.preventDefault(),s();return}if(i.keyCode===uC){i.preventDefault(),e.moveDown();return}if(i.keyCode===dC){i.preventDefault(),e.moveUp();return}if(i.keyCode===pC){i.preventDefault(),e.moveRight();return}if(i.keyCode===cC){i.preventDefault(),e.moveLeft();return}if(SC[i.keyCode]){i.preventDefault();return}zp(i)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:js,fn:n}]}function Xp(e){var t=H.useRef(gC),n=Ne(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==Yp)return;var c=e.findClosestDraggableId(i);if(!c)return;var l=e.tryGetLock(c,f,{sourceEvent:i});if(!l)return;i.preventDefault();var p=!0,u=l.snapLift();t.current();function f(){p||Q(!1),p=!1,t.current(),s()}t.current=Ct(window,bC(u,f),{capture:!0,passive:!1})}}},[e]),s=fe(function(){var i={passive:!1,capture:!0};t.current=Ct(window,[n],i)},[n]);bt(function(){return s(),function(){t.current()}},[s])}var ni={type:"IDLE"},vC=120,yC=.15;function TC(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(o){o.preventDefault()}},{eventName:"keydown",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.keyCode===ti&&o.preventDefault(),t()}},{eventName:js,fn:t}]}function wC(e){var t=e.cancel,n=e.completed,s=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}c.hasMoved=!0;var l=i.touches[0],p=l.clientX,u=l.clientY,f={x:p,y:u};i.preventDefault(),c.actions.move(f)}},{eventName:"touchend",fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}i.preventDefault(),c.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(i){if(s().type!=="DRAGGING"){t();return}i.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(i){var c=s();c.type==="IDLE"&&Q(!1);var l=i.touches[0];if(!!l){var p=l.force>=yC;if(!!p){var u=c.actions.shouldRespectForcePress();if(c.type==="PENDING"){u&&t();return}if(u){if(c.hasMoved){i.preventDefault();return}t();return}i.preventDefault()}}}},{eventName:js,fn:t}]}function Qp(e){var t=H.useRef(ni),n=H.useRef(cn),s=fe(function(){return t.current},[]),o=fe(function(S){t.current=S},[]),i=Ne(function(){return{eventName:"touchstart",fn:function(S){if(!S.defaultPrevented){var w=e.findClosestDraggableId(S);if(!!w){var x=e.tryGetLock(w,l,{sourceEvent:S});if(!!x){var C=S.touches[0],I=C.clientX,D=C.clientY,v={x:I,y:D};n.current(),m(x,v)}}}}}},[e]),c=fe(function(){var S={capture:!0,passive:!1};n.current=Ct(window,[i],S)},[i]),l=fe(function(){var g=t.current;g.type!=="IDLE"&&(g.type==="PENDING"&&clearTimeout(g.longPressTimerId),o(ni),n.current(),c())},[c,o]),p=fe(function(){var g=t.current;l(),g.type==="DRAGGING"&&g.actions.cancel({shouldBlockNextClick:!0}),g.type==="PENDING"&&g.actions.abort()},[l]),u=fe(function(){var S={capture:!0,passive:!1},w={cancel:p,completed:l,getPhase:s},x=Ct(window,wC(w),S),C=Ct(window,TC(w),S);n.current=function(){x(),C()}},[p,s,l]),f=fe(function(){var S=s();S.type!=="PENDING"&&Q(!1);var w=S.actions.fluidLift(S.point);o({type:"DRAGGING",actions:w,hasMoved:!1})},[s,o]),m=fe(function(S,w){s().type!=="IDLE"&&Q(!1);var x=setTimeout(f,vC);o({type:"PENDING",point:w,actions:S,longPressTimerId:x}),u()},[u,s,o,f]);bt(function(){return c(),function(){n.current();var w=s();w.type==="PENDING"&&(clearTimeout(w.longPressTimerId),o(ni))}},[s,c,o]),bt(function(){var S=Ct(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return S},[])}var EC={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function eu(e,t){if(t==null)return!1;var n=Boolean(EC[t.tagName.toLowerCase()]);if(n)return!0;var s=t.getAttribute("contenteditable");return s==="true"||s===""?!0:t===e?!1:eu(e,t.parentElement)}function CC(e,t){var n=t.target;return Gs(n)?eu(e,n):!1}var xC=function(e){return Lt(e.getBoundingClientRect()).center};function DC(e){return e instanceof Wp(e).Element}var IC=function(){var e="matches";if(typeof document=="undefined")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=pn(t,function(s){return s in Element.prototype});return n||e}();function tu(e,t){return e==null?null:e[IC](t)?e:tu(e.parentElement,t)}function NC(e,t){return e.closest?e.closest(t):tu(e,t)}function kC(e){return"["+sa.contextId+'="'+e+'"]'}function MC(e,t){var n=t.target;if(!DC(n))return null;var s=kC(e),o=NC(n,s);return!o||!Gs(o)?null:o}function _C(e,t){var n=MC(e,t);return n?n.getAttribute(sa.draggableId):null}function RC(e,t){var n="["+Zo.contextId+'="'+e+'"]',s=qd(document.querySelectorAll(n)),o=pn(s,function(i){return i.getAttribute(Zo.id)===t});return!o||!Gs(o)?null:o}function LC(e){e.preventDefault()}function qs(e){var t=e.expected,n=e.phase,s=e.isLockActive;return e.shouldWarn,!(!s()||t!==n)}function nu(e){var t=e.lockAPI,n=e.store,s=e.registry,o=e.draggableId;if(t.isClaimed())return!1;var i=s.draggable.findById(o);return!(!i||!i.options.isEnabled||!Rp(n.getState(),o))}function OC(e){var t=e.lockAPI,n=e.contextId,s=e.store,o=e.registry,i=e.draggableId,c=e.forceSensorStop,l=e.sourceEvent,p=nu({lockAPI:t,store:s,registry:o,draggableId:i});if(!p)return null;var u=o.draggable.getById(i),f=RC(n,u.descriptor.id);if(!f||l&&!u.options.canDragInteractiveElements&&CC(f,l))return null;var m=t.claim(c||cn),g="PRE_DRAG";function S(){return u.options.shouldRespectForcePress}function w(){return t.isActive(m)}function x(B,M){qs({expected:B,phase:g,isLockActive:w,shouldWarn:!0})&&s.dispatch(M())}var C=x.bind(null,"DRAGGING");function I(B){function M(){t.release(),g="COMPLETED"}g!=="PRE_DRAG"&&(M(),g!=="PRE_DRAG"&&Q(!1)),s.dispatch(Mw(B.liftActionArgs)),g="DRAGGING";function L(F,P){if(P===void 0&&(P={shouldBlockNextClick:!1}),B.cleanup(),P.shouldBlockNextClick){var $=Ct(window,[{eventName:"click",fn:LC,options:{once:!0,passive:!1,capture:!0}}]);setTimeout($)}M(),s.dispatch(wp({reason:F}))}return ue({isActive:function(){return qs({expected:"DRAGGING",phase:g,isLockActive:w,shouldWarn:!1})},shouldRespectForcePress:S,drop:function(P){return L("DROP",P)},cancel:function(P){return L("CANCEL",P)}},B.actions)}function D(B){var M=Ia(function(F){C(function(){return Tp({client:F})})}),L=I({liftActionArgs:{id:i,clientSelection:B,movementMode:"FLUID"},cleanup:function(){return M.cancel()},actions:{move:M}});return ue({},L,{move:M})}function v(){var B={moveUp:function(){return C(Kw)},moveRight:function(){return C($w)},moveDown:function(){return C(Vw)},moveLeft:function(){return C(Hw)}};return I({liftActionArgs:{id:i,clientSelection:xC(f),movementMode:"SNAP"},cleanup:cn,actions:B})}function k(){var B=qs({expected:"PRE_DRAG",phase:g,isLockActive:w,shouldWarn:!0});B&&t.release()}var R={isActive:function(){return qs({expected:"PRE_DRAG",phase:g,isLockActive:w,shouldWarn:!1})},shouldRespectForcePress:S,fluidLift:D,snapLift:v,abort:k};return R}var BC=[Zp,Xp,Qp];function PC(e){var t=e.contextId,n=e.store,s=e.registry,o=e.customSensors,i=e.enableDefaultSensors,c=[].concat(i?BC:[],o||[]),l=H.useState(function(){return nC()})[0],p=fe(function(D,v){D.isDragging&&!v.isDragging&&l.tryAbandon()},[l]);bt(function(){var D=n.getState(),v=n.subscribe(function(){var k=n.getState();p(D,k),D=k});return v},[l,n,p]),bt(function(){return l.tryAbandon},[l.tryAbandon]);for(var u=fe(function(I){return nu({lockAPI:l,registry:s,store:n,draggableId:I})},[l,s,n]),f=fe(function(I,D,v){return OC({lockAPI:l,registry:s,contextId:t,store:n,draggableId:I,forceSensorStop:D,sourceEvent:v&&v.sourceEvent?v.sourceEvent:null})},[t,l,s,n]),m=fe(function(I){return _C(t,I)},[t]),g=fe(function(I){var D=s.draggable.findById(I);return D?D.options:null},[s.draggable]),S=fe(function(){!l.isClaimed()||(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(Ko()))},[l,n]),w=fe(l.isClaimed,[l]),x=Ne(function(){return{canGetLock:u,tryGetLock:f,findClosestDraggableId:m,findOptionsForDraggable:g,tryReleaseLock:S,isLockClaimed:w}},[u,f,m,g,S,w]),C=0;C<c.length;C++)c[C](x)}var AC=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function Fa(e){return e.current||Q(!1),e.current}function FC(e){var t=e.contextId,n=e.setCallbacks,s=e.sensors,o=e.nonce,i=e.dragHandleUsageInstructions,c=H.useRef(null),l=Up(e),p=fe(function(){return AC(l.current)},[l]),u=ZE(t),f=tC({contextId:t,text:i}),m=GE(t,o),g=fe(function(F){Fa(c).dispatch(F)},[]),S=Ne(function(){return Sd({publishWhileDragging:Rw,updateDroppableScroll:Ow,updateDroppableIsEnabled:Bw,updateDroppableIsCombineEnabled:Pw,collectionStarting:Lw},g)},[g]),w=jE(),x=Ne(function(){return wE(w,S)},[w,S]),C=Ne(function(){return KE(ue({scrollWindow:EE,scrollDroppable:x.scrollDroppable},Sd({move:Tp},g)))},[x.scrollDroppable,g]),I=YE(t),D=Ne(function(){return bE({announce:u,autoScroller:C,dimensionMarshal:x,focusMarshal:I,getResponders:p,styleMarshal:m})},[u,C,x,I,p,m]);c.current=D;var v=fe(function(){var F=Fa(c),P=F.getState();P.phase!=="IDLE"&&F.dispatch(Ko())},[]),k=fe(function(){var F=Fa(c).getState();return F.isDragging||F.phase==="DROP_ANIMATING"},[]),R=Ne(function(){return{isDragging:k,tryAbort:v}},[k,v]);n(R);var B=fe(function(F){return Rp(Fa(c).getState(),F)},[]),M=fe(function(){return Mn(Fa(c).getState())},[]),L=Ne(function(){return{marshal:x,focus:I,contextId:t,canLift:B,isMovementAllowed:M,dragHandleUsageInstructionsId:f,registry:w}},[t,x,f,I,B,M,w]);return PC({contextId:t,store:D,registry:w,customSensors:s,enableDefaultSensors:e.enableDefaultSensors!==!1}),H.useEffect(function(){return v},[v]),A.default.createElement(Ys.Provider,{value:L},A.default.createElement(Ty,{context:Qo,store:D},e.children))}var au=0;function KC(){au=0}function VC(){return Ne(function(){return""+au++},[])}function $C(){KC(),QE()}function su(e){var t=VC(),n=e.dragHandleUsageInstructions||Ps.dragHandleUsageInstructions;return A.default.createElement(yT,null,function(s){return A.default.createElement(FC,{nonce:e.nonce,contextId:t,setCallbacks:s,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var ru=function(t){return function(n){return t===n}},HC=ru("scroll"),WC=ru("auto"),ou=function(t,n){return n(t.overflowX)||n(t.overflowY)},GC=function(t){var n=window.getComputedStyle(t),s={overflowX:n.overflowX,overflowY:n.overflowY};return ou(s,HC)||ou(s,WC)},UC=function(){return!1},YC=function e(t){return t==null?null:t===document.body?UC()?t:null:t===document.documentElement?null:GC(t)?t:e(t.parentElement)},ai=function(e){return{x:e.scrollLeft,y:e.scrollTop}},zC=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},jC=function(e){var t=YC(e),n=zC(e);return{closestScrollable:t,isFixedOnPage:n}},qC=function(e){var t=e.descriptor,n=e.isEnabled,s=e.isCombineEnabled,o=e.isFixedOnPage,i=e.direction,c=e.client,l=e.page,p=e.closest,u=function(){if(!p)return null;var S=p.scrollSize,w=p.client,x=Np({scrollHeight:S.scrollHeight,scrollWidth:S.scrollWidth,height:w.paddingBox.height,width:w.paddingBox.width});return{pageMarginBox:p.page.marginBox,frameClient:w,scrollSize:S,shouldClipSubject:p.shouldClipSubject,scroll:{initial:p.scroll,current:p.scroll,max:x,diff:{value:Xe,displacement:Xe}}}}(),f=i==="vertical"?Mo:ep,m=ea({page:l,withPlaceholder:null,axis:f,frame:u}),g={descriptor:t,isCombineEnabled:s,isFixedOnPage:o,axis:f,isEnabled:n,client:c,page:l,frame:u,subject:m};return g},JC=function(t,n){var s=Vd(t);if(!n||t!==n)return s;var o=s.paddingBox.top-n.scrollTop,i=s.paddingBox.left-n.scrollLeft,c=o+n.scrollHeight,l=i+n.scrollWidth,p={top:o,right:l,bottom:c,left:i},u=Co(p,s.border),f=Do({borderBox:u,margin:s.margin,border:s.border,padding:s.padding});return f},ZC=function(e){var t=e.ref,n=e.descriptor,s=e.env,o=e.windowScroll,i=e.direction,c=e.isDropDisabled,l=e.isCombineEnabled,p=e.shouldClipSubject,u=s.closestScrollable,f=JC(t,u),m=Ls(f,o),g=function(){if(!u)return null;var w=Vd(u),x={scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth};return{client:w,page:Ls(w,o),scroll:ai(u),scrollSize:x,shouldClipSubject:p}}(),S=qC({descriptor:n,isEnabled:!c,isCombineEnabled:l,isFixedOnPage:s.isFixedOnPage,direction:i,client:f,page:m,closest:g});return S},XC={passive:!1},QC={passive:!0},iu=function(e){return e.shouldPublishImmediately?XC:QC};function Js(e){var t=H.useContext(e);return t||Q(!1),t}var Zs=function(t){return t&&t.env.closestScrollable||null};function ex(e){var t=H.useRef(null),n=Js(Ys),s=ei("droppable"),o=n.registry,i=n.marshal,c=Up(e),l=Ne(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),p=H.useRef(l),u=Ne(function(){return Ze(function(k,R){t.current||Q(!1);var B={x:k,y:R};i.updateDroppableScroll(l.id,B)})},[l.id,i]),f=fe(function(){var k=t.current;return!k||!k.env.closestScrollable?Xe:ai(k.env.closestScrollable)},[]),m=fe(function(){var k=f();u(k.x,k.y)},[f,u]),g=Ne(function(){return Ia(m)},[m]),S=fe(function(){var k=t.current,R=Zs(k);k&&R||Q(!1);var B=k.scrollOptions;if(B.shouldPublishImmediately){m();return}g()},[g,m]),w=fe(function(k,R){t.current&&Q(!1);var B=c.current,M=B.getDroppableRef();M||Q(!1);var L=jC(M),F={ref:M,descriptor:l,env:L,scrollOptions:R};t.current=F;var P=ZC({ref:M,descriptor:l,env:L,windowScroll:k,direction:B.direction,isDropDisabled:B.isDropDisabled,isCombineEnabled:B.isCombineEnabled,shouldClipSubject:!B.ignoreContainerClipping}),$=L.closestScrollable;return $&&($.setAttribute($p.contextId,n.contextId),$.addEventListener("scroll",S,iu(F.scrollOptions))),P},[n.contextId,l,S,c]),x=fe(function(){var k=t.current,R=Zs(k);return k&&R||Q(!1),ai(R)},[]),C=fe(function(){var k=t.current;k||Q(!1);var R=Zs(k);t.current=null,!!R&&(g.cancel(),R.removeAttribute($p.contextId),R.removeEventListener("scroll",S,iu(k.scrollOptions)))},[S,g]),I=fe(function(k){var R=t.current;R||Q(!1);var B=Zs(R);B||Q(!1),B.scrollTop+=k.y,B.scrollLeft+=k.x},[]),D=Ne(function(){return{getDimensionAndWatchScroll:w,getScrollWhileDragging:x,dragStopped:C,scroll:I}},[C,w,x,I]),v=Ne(function(){return{uniqueId:s,descriptor:l,callbacks:D}},[D,l,s]);bt(function(){return p.current=v.descriptor,o.droppable.register(v),function(){t.current&&C(),o.droppable.unregister(v)}},[D,l,C,v,i,o.droppable]),bt(function(){!t.current||i.updateDroppableIsEnabled(p.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),bt(function(){!t.current||i.updateDroppableIsCombineEnabled(p.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function si(){}var lu={width:0,height:0,margin:DT},tx=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate;return n||o==="close"?lu:{height:s.client.borderBox.height,width:s.client.borderBox.width,margin:s.client.margin}},nx=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate,i=tx({isAnimatingOpenOnMount:n,placeholder:s,animate:o});return{display:s.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:o!=="none"?Ba.placeholder:null}};function ax(e){var t=H.useRef(null),n=fe(function(){!t.current||(clearTimeout(t.current),t.current=null)},[]),s=e.animate,o=e.onTransitionEnd,i=e.onClose,c=e.contextId,l=H.useState(e.animate==="open"),p=l[0],u=l[1];H.useEffect(function(){return p?s!=="open"?(n(),u(!1),si):t.current?si:(t.current=setTimeout(function(){t.current=null,u(!1)}),n):si},[s,p,n]);var f=fe(function(g){g.propertyName==="height"&&(o(),s==="close"&&i())},[s,i,o]),m=nx({isAnimatingOpenOnMount:p,animate:e.animate,placeholder:e.placeholder});return A.default.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":c,onTransitionEnd:f,ref:e.innerRef})}var sx=A.default.memo(ax),ri=A.default.createContext(null),rx=function(e){dd(t,e);function t(){for(var s,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return s=e.call.apply(e,[this].concat(i))||this,s.state={isVisible:Boolean(s.props.on),data:s.props.on,animate:s.props.shouldAnimate&&s.props.on?"open":"none"},s.onClose=function(){s.state.animate==="close"&&s.setState({isVisible:!1})},s}t.getDerivedStateFromProps=function(o,i){return o.shouldAnimate?o.on?{isVisible:!0,data:o.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(o.on),data:o.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var o={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(o)},t}(A.default.PureComponent),cu={dragging:5e3,dropAnimating:4500},ox=function(t,n){return n?Ba.drop(n.duration):t?Ba.snap:Ba.fluid},ix=function(t,n){return t?n?Oa.opacity.drop:Oa.opacity.combining:null},lx=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function cx(e){var t=e.dimension,n=t.client,s=e.offset,o=e.combineWith,i=e.dropping,c=Boolean(o),l=lx(e),p=Boolean(i),u=p?Wo.drop(s,c):Wo.moveTo(s),f={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:ox(l,i),transform:u,opacity:ix(c,p),zIndex:p?cu.dropAnimating:cu.dragging,pointerEvents:"none"};return f}function dx(e){return{transform:Wo.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function px(e){return e.type==="DRAGGING"?cx(e):dx(e)}function ux(e,t,n){n===void 0&&(n=Xe);var s=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Kd(o,s),c=Ls(i,n),l={client:i,tagName:t.tagName.toLowerCase(),display:s.display},p={x:i.marginBox.width,y:i.marginBox.height},u={descriptor:e,placeholder:l,displaceBy:p,client:i,page:c};return u}function mx(e){var t=ei("draggable"),n=e.descriptor,s=e.registry,o=e.getDraggableRef,i=e.canDragInteractiveElements,c=e.shouldRespectForcePress,l=e.isEnabled,p=Ne(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:c,isEnabled:l}},[i,l,c]),u=fe(function(S){var w=o();return w||Q(!1),ux(n,w,S)},[n,o]),f=Ne(function(){return{uniqueId:t,descriptor:n,options:p,getDimension:u}},[n,u,p,t]),m=H.useRef(f),g=H.useRef(!0);bt(function(){return s.draggable.register(m.current),function(){return s.draggable.unregister(m.current)}},[s.draggable]),bt(function(){if(g.current){g.current=!1;return}var S=m.current;m.current=f,s.draggable.update(f,S)},[f,s.draggable])}function fx(e){e.preventDefault()}function hx(e){var t=H.useRef(null),n=fe(function(F){t.current=F},[]),s=fe(function(){return t.current},[]),o=Js(Ys),i=o.contextId,c=o.dragHandleUsageInstructionsId,l=o.registry,p=Js(ri),u=p.type,f=p.droppableId,m=Ne(function(){return{id:e.draggableId,index:e.index,type:u,droppableId:f}},[e.draggableId,e.index,u,f]),g=e.children,S=e.draggableId,w=e.isEnabled,x=e.shouldRespectForcePress,C=e.canDragInteractiveElements,I=e.isClone,D=e.mapped,v=e.dropAnimationFinished;if(!I){var k=Ne(function(){return{descriptor:m,registry:l,getDraggableRef:s,canDragInteractiveElements:C,shouldRespectForcePress:x,isEnabled:w}},[m,l,s,C,x,w]);mx(k)}var R=Ne(function(){return w?{tabIndex:0,role:"button","aria-describedby":c,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:fx}:null},[i,c,S,w]),B=fe(function(F){D.type==="DRAGGING"&&(!D.dropping||F.propertyName==="transform"&&v())},[v,D]),M=Ne(function(){var F=px(D),P=D.type==="DRAGGING"&&D.dropping?B:null,$={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":S,style:F,onTransitionEnd:P},dragHandleProps:R};return $},[i,R,S,D,B,n]),L=Ne(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return g(M,D.snapshot,L)}var du=function(e,t){return e===t},pu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},gx=function(t){return t.combine?t.combine.draggableId:null},Sx=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function bx(){var e=Ze(function(o,i){return{x:o,y:i}}),t=Ze(function(o,i,c,l,p){return{isDragging:!0,isClone:i,isDropAnimating:Boolean(p),dropAnimation:p,mode:o,draggingOver:c,combineWith:l,combineTargetFor:null}}),n=Ze(function(o,i,c,l,p,u,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:u,mode:i,offset:o,dimension:c,forceShouldAnimate:f,snapshot:t(i,l,p,u,null)}}}),s=function(i,c){if(i.isDragging){if(i.critical.draggable.id!==c.draggableId)return null;var l=i.current.client.offset,p=i.dimensions.draggables[c.draggableId],u=St(i.impact),f=Sx(i.impact),m=i.forceShouldAnimate;return n(e(l.x,l.y),i.movementMode,p,c.isClone,u,f,m)}if(i.phase==="DROP_ANIMATING"){var g=i.completed;if(g.result.draggableId!==c.draggableId)return null;var S=c.isClone,w=i.dimensions.draggables[c.draggableId],x=g.result,C=x.mode,I=pu(x),D=gx(x),v=i.dropDuration,k={duration:v,curve:$o.drop,moveTo:i.newHomeClientOffset,opacity:D?Oa.opacity.drop:null,scale:D?Oa.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:w,dropping:k,draggingOver:I,combineWith:D,mode:C,forceShouldAnimate:null,snapshot:t(C,S,I,D,k)}}}return null};return s}function uu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var vx={mapped:{type:"SECONDARY",offset:Xe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:uu(null)}};function yx(){var e=Ze(function(c,l){return{x:c,y:l}}),t=Ze(uu),n=Ze(function(c,l,p){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:c,combineTargetFor:l,shouldAnimateDisplacement:p,snapshot:t(l)}}}),s=function(l){return l?n(Xe,l,!0):null},o=function(l,p,u,f){var m=u.displaced.visible[l],g=Boolean(f.inVirtualList&&f.effected[l]),S=Ks(u),w=S&&S.draggableId===l?p:null;if(!m){if(!g)return s(w);if(u.displaced.invisible[l])return null;var x=Qn(f.displacedBy.point),C=e(x.x,x.y);return n(C,w,!0)}if(g)return s(w);var I=u.displacedBy.point,D=e(I.x,I.y);return n(D,w,m.shouldAnimate)},i=function(l,p){if(l.isDragging)return l.critical.draggable.id===p.draggableId?null:o(p.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var u=l.completed;return u.result.draggableId===p.draggableId?null:o(p.draggableId,u.result.draggableId,u.impact,u.afterCritical)}return null};return i}var Tx=function(){var t=bx(),n=yx(),s=function(i,c){return t(i,c)||n(i,c)||vx};return s},wx={dropAnimationFinished:Ep},Ex=Bd(Tx,wx,null,{context:Qo,pure:!0,areStatePropsEqual:du})(hx);function mu(e){var t=Js(ri),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:A.default.createElement(Ex,e)}function fu(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=Boolean(e.disableInteractiveElementBlocking),s=Boolean(e.shouldRespectForcePress);return A.default.createElement(mu,ue({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:s}))}function Cx(e){var t=H.useContext(Ys);t||Q(!1);var n=t.contextId,s=t.isMovementAllowed,o=H.useRef(null),i=H.useRef(null),c=e.children,l=e.droppableId,p=e.type,u=e.mode,f=e.direction,m=e.ignoreContainerClipping,g=e.isDropDisabled,S=e.isCombineEnabled,w=e.snapshot,x=e.useClone,C=e.updateViewportMaxScroll,I=e.getContainerForClone,D=fe(function(){return o.current},[]),v=fe(function($){o.current=$},[]);fe(function(){return i.current},[]);var k=fe(function($){i.current=$},[]),R=fe(function(){s()&&C({maxScroll:Mp()})},[s,C]);ex({droppableId:l,type:p,mode:u,direction:f,isDropDisabled:g,isCombineEnabled:S,ignoreContainerClipping:m,getDroppableRef:D});var B=A.default.createElement(rx,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function($){var V=$.onClose,G=$.data,pe=$.animate;return A.default.createElement(sx,{placeholder:G,onClose:V,innerRef:k,animate:pe,contextId:n,onTransitionEnd:R})}),M=Ne(function(){return{innerRef:v,placeholder:B,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,B,v]),L=x?x.dragging.draggableId:null,F=Ne(function(){return{droppableId:l,type:p,isUsingCloneFor:L}},[l,L,p]);function P(){if(!x)return null;var $=x.dragging,V=x.render,G=A.default.createElement(mu,{draggableId:$.draggableId,index:$.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(pe,me){return V(pe,me,$)});return ab.default.createPortal(G,I())}return A.default.createElement(ri.Provider,{value:F},c(M,w),P())}var oi=function(t,n){return t===n.droppable.type},hu=function(t,n){return n.draggables[t.draggable.id]},xx=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ue({},t,{shouldAnimatePlaceholder:!1}),s=Ze(function(c){return{draggableId:c.id,type:c.type,source:{index:c.index,droppableId:c.droppableId}}}),o=Ze(function(c,l,p,u,f,m){var g=f.descriptor.id,S=f.descriptor.droppableId===c;if(S){var w=m?{render:m,dragging:s(f.descriptor)}:null,x={isDraggingOver:p,draggingOverWith:p?g:null,draggingFromThisWith:g,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:x,useClone:w}}if(!l)return n;if(!u)return t;var C={isDraggingOver:p,draggingOverWith:g,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:C,useClone:null}}),i=function(l,p){var u=p.droppableId,f=p.type,m=!p.isDropDisabled,g=p.renderClone;if(l.isDragging){var S=l.critical;if(!oi(f,S))return n;var w=hu(S,l.dimensions),x=St(l.impact)===u;return o(u,m,x,x,w,g)}if(l.phase==="DROP_ANIMATING"){var C=l.completed;if(!oi(f,C.critical))return n;var I=hu(C.critical,l.dimensions);return o(u,m,pu(C.result)===u,St(C.impact)===u,I,g)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var D=l.completed;if(!oi(f,D.critical))return n;var v=St(D.impact)===u,k=Boolean(D.impact.at&&D.impact.at.type==="COMBINE"),R=D.critical.droppable.id===u;return v?k?t:n:R?t:n}return n};return i},Dx={updateViewportMaxScroll:Fw};function Ix(){return document.body||Q(!1),document.body}var Nx={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Ix},ii=Bd(xx,Dx,null,{context:Qo,pure:!0,areStatePropsEqual:du})(Cx);ii.defaultProps=Nx;const kx={content:"ReactNodeLike",icon:"SpsIcon",title:"string"},Mx=W(N({},Y),{content:y.exports.node,icon:be(_.SpsIcon),title:y.exports.string});function gu(e){const u=e,{content:t,className:n,icon:s,title:o,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["content","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-card__header",n);return a.createElement("div",N({className:p,title:o},l),a.createElement("div",{className:"sps-card__title"}," ",s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`})," ",o),a.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(gu,{props:kx,propTypes:Mx,displayName:"SpsCardHeader"});const _x={icon:"SpsIcon",kind:"TagKind"},Rx=W(N({},Y),{icon:be(_.SpsIcon),kind:be(_.TagKind)});function Dt(e){const f=e,{children:t,className:n,icon:s,kind:o=_.TagKind.DEFAULT,"data-testid":i,unsafelyReplaceClassName:c}=f,l=z(f,["children","className","icon","kind","data-testid","unsafelyReplaceClassName"]),p=a.Children.toArray(t).filter(m=>typeof m=="string").join(""),u=K(c||"sps-tag",`sps-tag--${o}`,n);return a.createElement("span",N({className:u,"data-testid":`${i}__tag`,title:p},l),s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`,"data-testid":`${i}__icon`}),t)}Object.assign(Dt,{props:_x,propTypes:Rx,displayName:"SpsTag"});const Lx={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"},Ox=W(N({},Y),{activateTab:y.exports.func,active:y.exports.bool,icon:be(_.SpsIcon),label:y.exports.string,index:y.exports.number,tag:y.exports.string,tagKind:be(_.TagKind),tagIcon:be(_.SpsIcon)});function li(e){const D=e,{activateTab:t,active:n,children:s,className:o,label:i,icon:c,id:l,index:p,tag:u,tagKind:f,tagIcon:m,"data-testid":g,unsafelyReplaceClassName:S}=D,w=z(D,["activateTab","active","children","className","label","icon","id","index","tag","tagKind","tagIcon","data-testid","unsafelyReplaceClassName"]),x=()=>{t(this,p,s)},C=v=>{(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),t(this,p,s))},I=K(S||"sps-nav__item","sps-nav__link",n&&"active",o);return a.createElement("a",W(N({className:I,onClick:x,"data-toggle":"tab",id:l,role:"tab","aria-controls":l},w),{tabIndex:0,onKeyDown:C}),c&&a.createElement("i",{className:`sps-icon sps-icon-${c}`}),a.createElement("span",null,i),u&&a.createElement(Dt,{kind:f||_.TagKind.KEY,icon:m},u))}Object.assign(li,{props:Lx,propTypes:Ox,displayName:"SpsCardTabbedPane"});function Bx(e,t,n){const[s,o]=a.useState({index:0,content:null}),i=a.useCallback((c,l,p)=>{o({index:l,content:p})},[]);return a.useEffect(()=>{function c(u){for(const f of u){const m=f.props;o(W(N({},s),{content:m.children}));break}}function l(u,f){for(let m=0;m<=u.length;m+=1){const g=u[m];if(g&&g.props&&(g.props.id&&g.props.id===f||g.props.label&&g.props.label===f)){o({content:g.props.children,index:m});break}}}const p=a.Children.toArray(e);n&&t?l(p,t):n&&c(p)},[t,e]),[s,i]}const Px={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"},Ax=W(N({},Y),{activeTab:y.exports.string,footer:dt,headerContent:dt,headerIcon:be(_.SpsIcon),headerTitle:y.exports.string});function ci(e){a.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const x=e,{activeTab:t,children:n,className:s,footer:o,headerContent:i,headerIcon:c,headerTitle:l,"data-testid":p,unsafelyReplaceClassName:u}=x,f=z(x,["activeTab","children","className","footer","headerContent","headerIcon","headerTitle","data-testid","unsafelyReplaceClassName"]),m=a.Children.toArray(n).some(C=>a.isValidElement(C)&&C.type===li),[g,S]=Bx(n,t,m),w=K(u||"sps-card",s);return a.createElement("div",W(N({},f),{className:w,"data-testid":`${p}__card`}),(l||i)&&a.createElement(gu,{title:l,content:ft(i),icon:c,"data-testid":`${p}__header`}),m===!0?a.createElement(a.Fragment,null,a.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},a.Children.map(n,(C,I)=>{if(a.isValidElement(C))return a.cloneElement(C,{active:I===g.index,index:I,activateTab:S,"data-testid":`${p}__tab`})})),a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},g.content)):a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&a.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},ft(o)))}Object.assign(ci,{props:Px,propTypes:Ax,displayName:"SpsCard"});const Fx={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"},Kx=W(N({},Y),{index:y.exports.number,key:y.exports.string,columnId:y.exports.string,name:y.exports.string,value:y.exports.string,onDelete:ne(),mandatory:y.exports.bool});function Xs(e){const m=e,{index:t,key:n,columnId:s,name:o,value:i,onDelete:c,mandatory:l,ref:p}=m,u=z(m,["index","key","columnId","name","value","onDelete","mandatory","ref"]),{t:f}=a.useContext(Le);return a.createElement(fu,N({key:s,draggableId:s,index:t||0},u),g=>a.createElement("div",W(N(N({ref:g.innerRef},g.draggableProps),g.dragHandleProps),{className:"sps-content-row"}),a.createElement("div",{className:"sps-content-row__col-group","data-col-value":i},a.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},a.createElement("i",{className:"sps-column-chooser__drag-handle"})),a.createElement("div",{className:"sps-content-row__col--borderless"},a.createElement("div",{className:"sps-body-12"},o)),a.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&a.createElement(Fe,{"aria-label":f("design-system:columnChooser.removeButton",{elementName:o}),kind:_.ButtonKind.ICON,icon:_.SpsIcon.X,onClick:()=>{c&&c(i)}})))))}Object.assign(Xs,{props:Fx,propTypes:Kx,displayName:"SpsColumnChooserColumn"});const Vx={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"},$x=W(N({},Y),{maxSelectedColumns:y.exports.number||null,unselectedColumns:y.exports.array,selectedColumns:y.exports.array,onApplyChanges:ne()});function di(e){const C=e,{unselectedColumns:t,selectedColumns:n,maxSelectedColumns:s=8,onApplyChanges:o,className:i,unsafelyReplaceClassName:c}=C,l=z(C,["unselectedColumns","selectedColumns","maxSelectedColumns","onApplyChanges","className","unsafelyReplaceClassName"]),[p,u]=Vt({isVisible:!1,unselectedColumns:[...t.map(I=>W(N({},I),{label:I.name,columnId:sn()}))],selectedColumns:[...n.map(I=>W(N({},I),{columnId:sn()}))],searchSelectedColumn:null});function f(I){if(I.target.value){const D=[...p.selectedColumns],v=[];p.unselectedColumns.forEach(k=>{I.target.value===k.name?D.push({columnId:sn(),name:k.name,value:k.value}):v.push(k)}),u({selectedColumns:D,unselectedColumns:v,searchSelectedColumn:null})}u({searchSelectedColumn:null})}function m(I){const D=[],v=[...p.unselectedColumns];p.selectedColumns.forEach(k=>{I===k.value?v.push({columnId:sn(),name:k.name,value:k.value}):D.push(k)}),u({selectedColumns:D,unselectedColumns:v})}function g(I){if(!I.destination)return;const D=[...p.selectedColumns],[v]=D.splice(I.source.index,1);D.splice(I.destination.index,0,v),u({selectedColumns:D})}function S(){u({isVisible:!1});const I=p.selectedColumns.map(D=>{const v=N({},D);return v.columnId&&delete v.columnId,v});o(I)}function w(){u({isVisible:!p.isVisible})}const x=K(p.isVisible&&"sps-button--open",i);return a.createElement("div",N({className:"sps-column-chooser z-stratum-dropdown"},l),a.createElement(Fe,{className:x,"aria-label":`${p.isVisible?"Close":"Open"} Column Chooser`,kind:_.ButtonKind.ICON,icon:_.SpsIcon.TABLE,onClick:w,"data-testid":"button"}),p.isVisible&&a.createElement(ci,{"data-testid":"open",footer:()=>a.createElement(Fe,{"aria-label":"Apply Changes",kind:_.ButtonKind.LINK,onClick:S},"Apply Changes")},a.createElement("div",{className:"sps-column-chooser__search-container"},a.createElement(fs,{suggestions:p.unselectedColumns.map(I=>I.name),disabled:s&&p.selectedColumns.length>=s,value:p.searchSelectedColumn?p.searchSelectedColumn.name:"",onChange:f,placeholder:"Find Columns to Add"})),a.createElement("div",{className:"sps-column-chooser__selected-title"},"Selected"),a.createElement(su,{onDragEnd:g},a.createElement(ii,{droppableId:"column-chooser"},I=>a.createElement("div",W(N({},I.droppableProps),{ref:I.innerRef}),p.selectedColumns.map((D,v)=>a.createElement(Xs,{index:v,key:D.columnId,columnId:D.columnId,name:D.name,value:D.value,onDelete:m,mandatory:D.mandatory})),I.placeholder)))))}Object.assign(di,{props:Vx,propTypes:$x,displayName:"SpsColumnChooser"});const Su={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:T.code`
1094
1094
  function DemoComponent() {
1095
1095
  const unselectedCols = [
1096
1096
  { name: "Red Fish", value: "Red" },
package/lib/index.es.js CHANGED
@@ -15096,13 +15096,13 @@ Object.assign(SpsColumnChooserColumn, {
15096
15096
  displayName: "SpsColumnChooserColumn"
15097
15097
  });
15098
15098
  const propsDoc$1l = {
15099
- maxSelectedColumns: "number",
15099
+ maxSelectedColumns: "number | null",
15100
15100
  unselectedColumns: "ColumnProps[]",
15101
15101
  selectedColumns: "ColumnProps[]",
15102
15102
  onApplyChanges: "(selectedColumns: ColumnProps[]) => void"
15103
15103
  };
15104
15104
  const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
15105
- maxSelectedColumns: propTypes$1I.exports.number,
15105
+ maxSelectedColumns: propTypes$1I.exports.number || null,
15106
15106
  unselectedColumns: propTypes$1I.exports.array,
15107
15107
  selectedColumns: propTypes$1I.exports.array,
15108
15108
  onApplyChanges: fun()
@@ -15111,7 +15111,7 @@ function SpsColumnChooser(props2) {
15111
15111
  const _a = props2, {
15112
15112
  unselectedColumns,
15113
15113
  selectedColumns,
15114
- maxSelectedColumns,
15114
+ maxSelectedColumns = 8,
15115
15115
  onApplyChanges,
15116
15116
  className,
15117
15117
  unsafelyReplaceClassName
@@ -15221,7 +15221,7 @@ function SpsColumnChooser(props2) {
15221
15221
  className: "sps-column-chooser__search-container"
15222
15222
  }, /* @__PURE__ */ React.createElement(SpsAutocomplete, {
15223
15223
  suggestions: state.unselectedColumns.map((c2) => c2.name),
15224
- disabled: maxSelectedColumns && state.selectedColumns.length >= maxSelectedColumns || state.selectedColumns.length >= 8,
15224
+ disabled: maxSelectedColumns && state.selectedColumns.length >= maxSelectedColumns,
15225
15225
  value: state.searchSelectedColumn ? state.searchSelectedColumn.name : "",
15226
15226
  onChange: onSelectBoxChange,
15227
15227
  placeholder: "Find Columns to Add"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@spscommerce/ds-react",
3
3
  "description": "SPS Design System React components",
4
- "version": "6.27.0",
4
+ "version": "6.28.0",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
28
28
  },
29
29
  "peerDependencies": {
30
30
  "@react-stately/collections": "^3.3.3",
31
- "@spscommerce/ds-colors": "6.27.0",
32
- "@spscommerce/ds-illustrations": "6.27.0",
33
- "@spscommerce/ds-shared": "6.27.0",
34
- "@spscommerce/positioning": "6.27.0",
31
+ "@spscommerce/ds-colors": "6.28.0",
32
+ "@spscommerce/ds-illustrations": "6.28.0",
33
+ "@spscommerce/ds-shared": "6.28.0",
34
+ "@spscommerce/positioning": "6.28.0",
35
35
  "@spscommerce/utils": "^6.11.3",
36
36
  "moment": "^2.25.3",
37
37
  "moment-timezone": "^0.5.28",
@@ -40,10 +40,10 @@
40
40
  },
41
41
  "devDependencies": {
42
42
  "@react-stately/collections": "^3.3.3",
43
- "@spscommerce/ds-colors": "6.27.0",
44
- "@spscommerce/ds-illustrations": "6.27.0",
45
- "@spscommerce/ds-shared": "6.27.0",
46
- "@spscommerce/positioning": "6.27.0",
43
+ "@spscommerce/ds-colors": "6.28.0",
44
+ "@spscommerce/ds-illustrations": "6.28.0",
45
+ "@spscommerce/ds-shared": "6.28.0",
46
+ "@spscommerce/positioning": "6.28.0",
47
47
  "@spscommerce/utils": "^6.11.3",
48
48
  "@testing-library/react": "^9.3.2",
49
49
  "@types/prop-types": "^15.7.1",