@spscommerce/ds-react 8.13.0 → 8.14.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 +26 -26
- package/lib/index.es.js +109 -106
- package/lib/tile-list/SpsTile.d.ts +1 -0
- package/package.json +12 -12
package/lib/index.cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var Jb=Object.defineProperty;var bc=e=>{throw TypeError(e)};var Zb=(e,t,n)=>t in e?Jb(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Vt=(e,t,n)=>Zb(e,typeof t!="symbol"?t+"":t,n),vc=(e,t,n)=>t.has(e)||bc("Cannot "+n);var Pn=(e,t,n)=>(vc(e,t,"read from private field"),n?n.call(e):t.get(e)),Ns=(e,t,n)=>t.has(e)?bc("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),ln=(e,t,n,r)=>(vc(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),y=require("@spscommerce/utils"),lt=require("moment-timezone"),H=require("@spscommerce/ds-shared"),eo=require("react-dom"),Ea=require("@spscommerce/ds-colors"),Xb=require("@sps-woodland/tabs"),pr=require("@react-stately/collections"),op=require("@sps-woodland/illustrations");function ap(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=ap(_),Sr=ap(lt);function ip(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=ip(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function W(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=ip(e))&&(r&&(r+=" "),r+=t);return r}let gt=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((t,n)=>(n&=63,n<36?t+=n.toString(36):n<62?t+=(n-26).toString(36).toUpperCase():n>62?t+="-":t+="_",t),"");function wn(e){return _.useRef(e||gt())}function yt(e,t){const n=wn(e),r=_.useRef(`${n.current}_ctrl`);return _.useEffect(()=>{t&&(t.id=r.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:r.current}}var qt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function qa(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qb="[object Object]";function ev(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}function tv(e,t){return function(n){return e(t(n))}}var nv=Function.prototype,lp=Object.prototype,cp=nv.toString,rv=lp.hasOwnProperty,sv=cp.call(Object),ov=lp.toString,av=tv(Object.getPrototypeOf,Object);function iv(e){return!!e&&typeof e=="object"}function lv(e){if(!iv(e)||ov.call(e)!=Qb||ev(e))return!1;var t=av(e);if(t===null)return!0;var n=rv.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&cp.call(n)==sv}var cv=lv;const dp=qa(cv),Nt=new Set,Er=new Set,pn=new Set,to=new Set;function pp(e){Nt.has(e)||pn.has(e)||to.has(e)||Er.add(e)}function up(e){Nt.has(e)||pn.has(e)||Er.has(e)||to.add(e)}const et=Sr.default||Sr,gr="MM/DD/YYYY",dv="MM/DD/YYYY hh:mm A",pv="MM/DD/YYYY HH:mm",uv="hh:mm A",mv="HH:mm",fv=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,Yr=Symbol("Date Parse Error");function ir(e){return et.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const X=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=et(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=fv.exec(e);if(n){const[,r,o,a]=n;return Object.freeze({year:Number(a),month:Number(r),date:Number(o)})}}return Object.freeze({[Yr]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=et(e,t,!0):n=et(e):et.isMoment(e)?n=e:n=X.toMoment(e),n!==null&&et.isMoment(n)&&n.isValid()?n:Object.freeze({[Yr]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e!=null&&e.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=X.getRangeSeparator(t),r=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(r).slice(0,2).map(o=>X.createFrom(o,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>X.createFrom(n))},isValid(e){var t;return e?et.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&((t=X.toMoment(e))==null?void 0:t.isValid()):!1},nullifyInvalidDate(e){return X.isValid(e)?e:null},toMoment(e){return e?et.isMoment(e)?e:et({...e,month:e.month-1}):null},toString(e,t){const n=X.toMoment(e);return n&&n.isValid()?n.format(t||gr):""},toStringRange(e,t){if(!e)return"";const n=X.getRangeSeparator(t);return e.slice(0,2).map(r=>X.toString(r,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&et.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${mv}`):e.format(`${n} ${uv}`):t?e.format(pv):e.format(dv):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const r=X.getRangeSeparator(n);return e.map(o=>X.toDateTimeString(o,t,n)).join(r)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:ir(e)>ir(t)},isBefore(e,t){return!e||!t?null:ir(e)<ir(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const r=ir(e),[o,a]=t.map(ir);return e&&o&&a&&(n&&r>=o&&r<=a||!n&&r>o&&r<a)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=et(),r=n.clone().subtract(et.duration(e.definition));return[X.createFrom(r,t),X.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();let t;e.definition==="P0D"?t=et().startOf("day"):t=et().subtract(et.duration(e.definition));const n=et().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n){return e&&et.isMoment(e)&&e.isValid()?X.toDateTimeString(e,t,n).split(" "):["",t?"00:00":"12:00",t?void 0:"AM"]},getCurrentMoment(){return et()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),r=n[0]||"0",o=n[1]||"0",a=Number.isNaN(Number(r))?NaN:parseInt(r,10),l=Number.isNaN(Number(o))?NaN:parseInt(o,10),c=n.length<=2&&r.length<=2&&o.length<=2;return t?c&&a>=0&&a<=23&&l>=0&&l<=59:c&&(!Number.isNaN(a)&&r.length===1||a>=1)&&a<=12&&l>=0&&l<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),r=parseInt(n[0]||"0",10),o=parseInt(n[1]||"0",10);if(t){const a=r<10?`0${r}`:`${r}`,l=o<10?`0${o}`:`${o}`;return`${a}:${l}`}else{const a=r===0?"12":r<10?`0${r}`:`${r}`,l=o<10?`0${o}`:`${o}`;return`${a}:${l}`}}}),wa=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Ca=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let Hs=gr;function mp(e){Hs=e}const Ur=function(t){if(Array.isArray(t)){const n=Ur(t[0]),r=Ur(t[1]);return n||r}if(t&&t.hasOwnProperty("year")){if(t[Yr])return{dateFormat:Hs};if(!X.isValid(t))return{dateValidity:!0}}return null};Nt.add("dateFormat");Nt.add("dateValidity");const fp=function(t){if(Array.isArray(t)){const n=Ur(t);if(n)return n;if(t&&X.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Nt.add("dateRangeOrder");const hp=function({minDate:t,maxDate:n}){function r(o){const a=X.isBefore(o,t),l=X.isAfter(o,n),c={minExceeded:a?X.toString(t,Hs):null,maxExceeded:l?X.toString(n,Hs):null};return a||l?{dateConstraint:c}:null}return function(a){if(!a)return null;if(Array.isArray(a)){const l=r(a[0]),c=r(a[1]);return l||c}return a.hasOwnProperty("year")?r(a):null}};Nt.add("dateConstraint");const hv=Object.freeze(Object.defineProperty({__proto__:null,date:Ur,dateConstraint:hp,dateRange:fp,setDateFormat:mp},Symbol.toStringTag,{value:"Module"}));function Cn(e,t){for(const n of[].concat(e)){const r=t(n);if(r)return r}return null}const Sv=function(t){function n(r){return Number(r)>=t?null:{min:t}}return r=>Cn(r,n)};Nt.add("min");const gv=function(t){function n(r){return Number(r)<=t?null:{max:t}}return r=>Cn(r,n)};Er.add("max");const bv=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||(t==null?void 0:t.length)===0?{required:!0}:null};Er.add("required");const vv=function(t){function n(r){return r===void 0||r.toString().length<t?{minLength:t}:null}return r=>Cn(r,n)};Nt.add("minLength");const yv=function(t){function n(r){return r==null||Array.isArray(r)&&r.length<t?{minLengthArray:t}:null}return r=>n(r)};Nt.add("minLengthArray");const Tv=function(t){function n(r){return r===void 0||r.toString().length<=t?null:{maxLength:t}}return r=>Cn(r,n)};pn.add("maxLength");const Ev=function(t){function n(r){return r==null||Array.isArray(r)&&r.length<=t?null:{maxLengthArray:t}}return r=>n(r)};Nt.add("maxLengthArray");const wv=function(t){const n=t instanceof RegExp?t:new RegExp(t);function r(o){return n.test(o)?null:{pattern:t}}return o=>Cn(o,r)};Nt.add("pattern");const Cv=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Cn(e,t)};pn.add("alpha");const Dv=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Cn(e,t)};pn.add("numeric");const Nv=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Cn(e,t)};pn.add("nonNumeric");const no=Object.freeze({...hv,min:Sv,max:gv,required:bv,minLength:vv,minLengthArray:yv,maxLength:Tv,maxLengthArray:Ev,pattern:wv,alpha:Cv,numeric:Dv,nonNumeric:Nv,OnBlurErrorKeys:Nt});function ro(e,t=[]){const n=t.reduce((r,o)=>Object.assign(r,o(e)||{}),{});return Object.keys(n).length?n:null}var jt=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(jt||{});function xv(e,t={},n=[]){for(const[r,o]of Object.entries(t))o===0?pp(r):o===2&&up(r);return s.useCallback(e,n)}var Wn,gn,bn;class $n{constructor(t,n){Vt(this,"validators",[]);Ns(this,Wn,null);Ns(this,gn,null);Ns(this,bn,null);Vt(this,"preventativeErrors",[]);Vt(this,"submitted",!1);this.path=t,this.update=n}get errors(){return Pn(this,Wn)===null&&Pn(this,gn)===null&&Pn(this,bn)===null?null:{...Pn(this,Wn)??{},...Pn(this,gn)??{},...Pn(this,bn)??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,r=!1){if(this.validators&&this.validators.length>0){const o=ro(t,this.validators);let a={onSubmit:{},onChange:{},onBlur:{}};o&&(a=Object.keys(o).reduce((l,c)=>(to.has(c)?l.onSubmit[c]=o[c]:Er.has(c)?l.onChange[c]=o[c]:l.onBlur[c]=o[c],l),a)),(typeof n>"u"||n===jt.ON_CHANGE)&&ln(this,gn,Object.keys(a.onChange).length===0?null:a.onChange),(typeof n>"u"||n===jt.ON_BLUR)&&ln(this,bn,Object.keys(a.onBlur).length===0?null:a.onBlur),(typeof n>"u"||n===jt.ON_SUBMIT)&&(ln(this,Wn,Object.keys(a.onSubmit).length===0?null:a.onSubmit),ln(this,gn,Object.keys(a.onChange).length===0?null:a.onChange),ln(this,bn,Object.keys(a.onBlur).length===0?null:a.onBlur)),r||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(ln(this,Wn,null),ln(this,bn,null),ln(this,gn,null),r||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.indexOf(no.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}Wn=new WeakMap,gn=new WeakMap,bn=new WeakMap;class jr extends $n{constructor(){super(...arguments);Vt(this,"id",gt());Vt(this,"focused",!1);Vt(this,"pristine",!0)}setValue(n){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const r=ro(n,this.validators);if(r&&Object.keys(r).filter(a=>pn.has(a)).length>0){this.preventativeErrors=Object.keys(r);return}}this.update(this.path,n)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class Kn extends jr{constructor(n,r,o){super(o?r:n,o||r);Vt(this,"fields");o&&this.inferMembers(n)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(n=>this.fields[n].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const n of Object.keys(this.fields))this.fields[n].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const n of Object.keys(this.fields))this.fields[n].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const n of Object.keys(this.fields))this.fields[n].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const n of Object.keys(this.fields))this.fields[n].markAsSubmitted();return this}inferSpsControl(n,r){return Fs(n,[...this.path,r],this.update)}rollup(n){return Object.keys(this.fields).reduce((r,o)=>r&&(!this.fields[o][n]||this.fields[o][n]()),!0)}}class Sp extends Kn{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class gp extends Kn{inferMembers(t){this.fields=t.map((n,r)=>this.inferSpsControl(n,String(r)))}}function Fs(e,t,n){return e instanceof $n?(e.path=t,e.update=n,e):Array.isArray(e)?new gp(e,t,n):dp(e)?new Sp(e,t,n):new jr(t,n)}function $r(e,t){return t.length===0||!e?e:$r(e.fields[t[0]],t.slice(1,t.length))}function Da(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const r=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(o=>e.fields[o]);return t.length===0?r:r.reduce((o,a)=>[...o,...Da(a,t)],[])}return Da(e.fields[n],t)}function Na(e,t,n){for(const r of Object.keys(t)){const o=t[r];for(const a of Da(e,r.split(".")))a&&o&&n(a,o)}}function xs(e,t,n,r=!1,o=!1){Na(t,n,(a,l)=>{a.validators=typeof l=="function"?l(e):l,r&&a.validate(y.getPath(e,a.path),void 0,o)})}function xa(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((r,o)=>o===Number(n)?xa(r,t):r):dp(e)?Object.keys(e).reduce((r,o)=>Object.assign(r,{[o]:o===n?xa(e[o],t):e[o]}),{}):e}function kv(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function bp(e,t={}){kv(e);const[,n]=_.useState({}),r=_.useRef(!1);r.current=!1;const o=_.useRef(t),a=_.useCallback(h=>{var E,T;const S=u.current;let v;if(h)if(h.path)if(h.markAsBlurred){const C=$r(S.formMeta,h.path);if(C){C.focused=!1;const N=y.getPath(S.formValue,h.path);C.validate(N,jt.ON_BLUR)}}else if(h.newValidators){if(o.current){const C=h.path.join(".");o.current={...o.current,[C]:h.newValidators},xs(S.formValue,S.formMeta,o.current,!0)}}else if(h.markAsSubmitted){const C=$r(S.formMeta,h.path);if(C){C.submitted=!0;const N=y.getPath(S.formValue,h.path);C.validate(N,jt.ON_SUBMIT)}}else v=xa(S.formValue,h.path),y.setPath(v,h.path,h.value);else v=h.value;if((E=h==null?void 0:h.updateFormOptions)!=null&&E.validators&&(o.current={...o.current,...h.updateFormOptions.validators},xs(S.formValue,S.formMeta,o.current,((T=h.updateFormOptions)==null?void 0:T.runValidators)??!0)),v){S.formMeta.submitted=!1,y.deepFreeze(v);const C=y.diff(S.formValue,v);for(const{type:I,key:x,parentPath:k,objects:[,A]}of C){const L=$r(S.formMeta,k);if(typeof x!="symbol"&&L){let w;switch(I){case y.DiffChange.ADDITION:L.fields[x]=Fs(A[x],[...k,x],c);break;case y.DiffChange.DELETION:Array.isArray(L.fields)?L.fields[x]=void 0:delete L.fields[x];break;case y.DiffChange.ALTERATION:w=Fs(A[x],[...k,x],c),(w instanceof Kn&&!(L.fields[x]instanceof Kn)||!(w instanceof Kn)&&L.fields[x]instanceof Kn)&&(L.fields[x]=w);break}}}const N=new Set;if(C.filter(I=>I.type===y.DiffChange.DELETION).reduce((I,x)=>(I.has(x.parentPath)||I.add(x.parentPath),I),N),Array.from(N).forEach(I=>{const x=$r(S.formMeta,I);Array.isArray(x.fields)&&(x.fields=x.fields.filter(k=>k!==void 0))}),o.current){xs(v,S.formMeta,o.current);const I=new Set;t&&Na(S.formMeta,t,(x,k)=>{typeof k=="function"&&(x.validate(y.getPath(v,x.path)),I.add(x))});for(const{type:x,key:k,parentPath:A,objects:[,L]}of C)if(typeof k!="symbol"){let w=S.formMeta,R=v;if(w){for(const O of A)w=w.fields[O],R=R[O],I.has(w)||w.validate(R,jt.ON_CHANGE);if(x===y.DiffChange.ADDITION||x===y.DiffChange.ALTERATION){const O=w.fields[k];if(!I.has(O)&&(w.fields[k].validate(L[k],jt.ON_CHANGE),x===y.DiffChange.ADDITION&&O.fields))for(const[K,j]of Object.entries(O.fields))j.validate(L[k][K],jt.ON_CHANGE)}}}}}u.current={...S,formValue:v||S.formValue},r.current||n({})},[]),l=_.useCallback((h,S)=>{h||S?a({value:h,updateFormOptions:S}):a()},[a]),c=_.useCallback((h,S,v=!1,E,T=!1)=>{h?a({path:h,value:S,markAsBlurred:v,newValidators:E,markAsSubmitted:T}):l()},[a,l]),p=_.useMemo(()=>{y.deepFreeze(e);const h=Fs(e,[],c);return t&&xs(e,h,t,!1,!0),h},[]),m=_.useCallback(()=>(u.current.formMeta.markAsDirty(),o.current&&Na(u.current.formMeta,o.current,(h,S)=>{(typeof S=="function"||Array.isArray(S))&&h.validate(y.getPath(u.current.formValue,h.path))}),u.current.formMeta.isValid()),[]),f=_.useCallback(()=>u.current.formValue,[]),u=_.useRef({formValue:e,formMeta:p,updateForm:l,validateForm:m,getCurrentFormValue:f});return u.current}const ct=s.forwardRef((e,t)=>{const{className:n,children:r,focusInputOnClick:o,formControl:a,formMeta:l,inputRef:c,onClick:p,...m}=e,f=s.useRef(),h=c||(t||f);function S(){h&&h!==t&&h.current&&h.current.focus()}function v(){h&&h!==t&&h.current&&l&&l instanceof jr&&l.markAsFocused()}function E(){h&&h!==t&&h.current&&l&&l instanceof jr&&l.markAsBlurred()}const T=W("sps-form-group",(a&&a.isRequired()||l&&l.isRequired())&&"sps-form-group--required",(a&&!a.isValid()||l&&l.isVisibilyInvalid())&&"sps-form-group--error",l&&l.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function C(N){o&&S(),p&&p(N)}return s.useEffect(()=>{function N(I){I.target.classList.contains("sps-form-control__clear-btn")&&I.preventDefault()}return document.addEventListener("mousedown",N),()=>{document.removeEventListener("mousedown",N)}},[]),s.createElement("div",{...m,className:T,ref:t,tabIndex:-1,onClick:C,onFocus:v,onBlur:E},r)});Object.assign(ct,{displayName:"SpsFormComponentWrapper"});function yc(e){return typeof e=="object"&&e!=null&&e.nodeType===1}function Tc(e,t){return(!t||e!=="hidden")&&e!=="visible"&&e!=="clip"}function jo(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return Tc(n.overflowY,t)||Tc(n.overflowX,t)||function(r){var o=function(a){if(!a.ownerDocument||!a.ownerDocument.defaultView)return null;try{return a.ownerDocument.defaultView.frameElement}catch{return null}}(r);return!!o&&(o.clientHeight<r.scrollHeight||o.clientWidth<r.scrollWidth)}(e)}return!1}function ks(e,t,n,r,o,a,l,c){return a<e&&l>t||a>e&&l<t?0:a<=e&&c<=n||l>=t&&c>=n?a-e-r:l>t&&c<n||a<e&&c>n?l-t+o:0}var Ec=function(e,t){var n=window,r=t.scrollMode,o=t.block,a=t.inline,l=t.boundary,c=t.skipOverflowHiddenElements,p=typeof l=="function"?l:function(Oe){return Oe!==l};if(!yc(e))throw new TypeError("Invalid target");for(var m,f,u=document.scrollingElement||document.documentElement,h=[],S=e;yc(S)&&p(S);){if((S=(f=(m=S).parentElement)==null?m.getRootNode().host||null:f)===u){h.push(S);break}S!=null&&S===document.body&&jo(S)&&!jo(document.documentElement)||S!=null&&jo(S,c)&&h.push(S)}for(var v=n.visualViewport?n.visualViewport.width:innerWidth,E=n.visualViewport?n.visualViewport.height:innerHeight,T=window.scrollX||pageXOffset,C=window.scrollY||pageYOffset,N=e.getBoundingClientRect(),I=N.height,x=N.width,k=N.top,A=N.right,L=N.bottom,w=N.left,R=o==="start"||o==="nearest"?k:o==="end"?L:k+I/2,O=a==="center"?w+x/2:a==="end"?A:w,K=[],j=0;j<h.length;j++){var M=h[j],Y=M.getBoundingClientRect(),G=Y.height,Z=Y.width,$=Y.top,z=Y.right,le=Y.bottom,P=Y.left;if(r==="if-needed"&&k>=0&&w>=0&&L<=E&&A<=v&&k>=$&&L<=le&&w>=P&&A<=z)return K;var U=getComputedStyle(M),ie=parseInt(U.borderLeftWidth,10),Q=parseInt(U.borderTopWidth,10),te=parseInt(U.borderRightWidth,10),F=parseInt(U.borderBottomWidth,10),ee=0,J=0,re="offsetWidth"in M?M.offsetWidth-M.clientWidth-ie-te:0,ne="offsetHeight"in M?M.offsetHeight-M.clientHeight-Q-F:0,me="offsetWidth"in M?M.offsetWidth===0?0:Z/M.offsetWidth:0,oe="offsetHeight"in M?M.offsetHeight===0?0:G/M.offsetHeight:0;if(u===M)ee=o==="start"?R:o==="end"?R-E:o==="nearest"?ks(C,C+E,E,Q,F,C+R,C+R+I,I):R-E/2,J=a==="start"?O:a==="center"?O-v/2:a==="end"?O-v:ks(T,T+v,v,ie,te,T+O,T+O+x,x),ee=Math.max(0,ee+C),J=Math.max(0,J+T);else{ee=o==="start"?R-$-Q:o==="end"?R-le+F+ne:o==="nearest"?ks($,le,G,Q,F+ne,R,R+I,I):R-($+G/2)+ne/2,J=a==="start"?O-P-ie:a==="center"?O-(P+Z/2)+re/2:a==="end"?O-z+te+re:ks(P,z,Z,ie,te+re,O,O+x,x);var se=M.scrollLeft,Ee=M.scrollTop;R+=Ee-(ee=Math.max(0,Math.min(Ee+ee/oe,M.scrollHeight-G/oe+ne))),O+=se-(J=Math.max(0,Math.min(se+J/me,M.scrollWidth-Z/me+re)))}K.push({el:M,top:ee,left:J})}return K};function vp(e){return e===Object(e)&&Object.keys(e).length!==0}function Iv(e,t){t===void 0&&(t="auto");var n="scrollBehavior"in document.body.style;e.forEach(function(r){var o=r.el,a=r.top,l=r.left;o.scroll&&n?o.scroll({top:a,left:l,behavior:t}):(o.scrollTop=a,o.scrollLeft=l)})}function Mv(e){return e===!1?{block:"end",inline:"nearest"}:vp(e)?e:{block:"start",inline:"nearest"}}function yp(e,t){var n=e.isConnected||e.ownerDocument.documentElement.contains(e);if(vp(t)&&typeof t.behavior=="function")return t.behavior(n?Ec(e,t):[]);if(n){var r=Mv(t);return Iv(Ec(e,r),r.behavior)}}const _v=Object.freeze(Object.defineProperty({__proto__:null,default:yp},Symbol.toStringTag,{value:"Module"})),$e=s.createContext(H.noI18nI18n),Rv={alt:"string",size:"SpinnerSize",title:"string"};function Ja(e){const{alt:t,className:n,size:r=H.SpinnerSize.MEDIUM,"data-testid":o,title:a,unsafelyReplaceClassName:l,...c}=e,{t:p}=s.useContext($e),m=t||a||p("design-system:spinner.defaultAltText"),f=W(l||"sps-spinner",`sps-spinner--${r}`,n);return s.createElement("i",{className:f,"data-testid":o,title:m,...c})}Object.assign(Ja,{props:Rv,displayName:"SpsSpinner"});const Ov=60;function Is(e){return typeof e>"u"?"inherit":`${e}px`}function Za(e){switch(e){case H.Position.TOP_LEFT:return H.Position.BOTTOM_LEFT;case H.Position.TOP_MIDDLE:return H.Position.BOTTOM_MIDDLE;case H.Position.TOP_RIGHT:return H.Position.BOTTOM_RIGHT;case H.Position.RIGHT_TOP:return H.Position.LEFT_TOP;case H.Position.RIGHT_MIDDLE:return H.Position.LEFT_MIDDLE;case H.Position.RIGHT_BOTTOM:return H.Position.LEFT_BOTTOM;case H.Position.BOTTOM_RIGHT:return H.Position.TOP_RIGHT;case H.Position.BOTTOM_MIDDLE:return H.Position.TOP_MIDDLE;case H.Position.BOTTOM_LEFT:return H.Position.TOP_LEFT;case H.Position.LEFT_BOTTOM:return H.Position.RIGHT_BOTTOM;case H.Position.LEFT_MIDDLE:return H.Position.RIGHT_MIDDLE;case H.Position.LEFT_TOP:return H.Position.RIGHT_TOP}}function Lv(e,t,n,r,o,a,l,c){const p=l&&l.current,m=p?p.scrollTop:window.pageYOffset,f=c?0:m,u=p?p.scrollLeft:window.pageXOffset,h=c?0:u,[S,v]=e.split(" ");let E,T,C,N;switch(S){case"top":C=t.height-n.top-f-a[0];break;case"left":T=t.width-n.left-h-a[0];break;case"right":N=n.right+h-a[0];break;case"bottom":E=n.bottom+f-a[0];break;default:throw new Error(`Invalid position ${e}`)}switch(v){case"left":N=n.left+h+a[1];break;case"top":E=n.top+f+a[1];break;case"middle":S==="top"||S==="bottom"?N=n.left+h+n.width/2-o/2+a[1]:(S==="left"||S==="right")&&(E=n.top+f+n.height/2-r.height/2+a[1]);break;case"bottom":C=t.height-n.bottom-f+a[1];break;case"right":T=t.width-n.right-h+a[1];break;default:throw new Error(`Invalid position ${e}`)}return[E,T,C,N]}function Gn(e,t,n,{altPosition:r,setMinWidth:o=!1,setWidth:a=!1,parentElementRef:l,fixed:c=!1,offsets:p=[0,0]}){if(e.current&&t.current){const m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width,u=l&&l.current?l.current:document.documentElement,h=c?{width:f,height:m,top:0,left:0,bottom:m,right:f}:u.getBoundingClientRect(),S=e.current.getBoundingClientRect(),v=t.current.getBoundingClientRect(),[E]=n.split(" ");let T=n;r&&(E==="top"&&v.top-S.height<Ov||E==="right"&&v.right+S.width>f||E==="bottom"&&v.bottom+S.height>m||E==="left"&&v.left-S.width<0)&&(T=r);const C=o?Math.max(v.width,S.width):S.width,N=a?v.width:C,[I,x,k,A]=Lv(T,h,v,S,N,p,l,c),L={top:Is(I),right:Is(x),bottom:Is(k),left:Is(A)};return c&&(L.position="fixed",L.zIndex=H.ZStratum.BAR),o&&(L.minWidth=`${v.width}px`),a&&(L.width=`${v.width}px`),[L,T===r]}return[{},!1]}const Ot=_.createContext(null);function wr(e,t=[]){const n=_.useContext(Ot);return _.useMemo(()=>r=>{const a=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let l=null,c=a.lastElementChild;for(;c&&c!==a.firstElementChild;){if(c.hasAttribute("data-portalid")&&c.getAttribute("data-portalid")===e){l=c;break}c=c.previousElementSibling}if(l)a.contains(l)||a.appendChild(l);else{l=document.createElement("div"),l.setAttribute("data-portalid",e);for(const p of t)l.classList.add(p);a.appendChild(l)}return eo.createPortal(r,l)},[n])}async function wc(e,t,n,r,o,a){const l=typeof e.options=="function"?e.options(t.value):e.options||[],c=l instanceof Promise,p=u=>u.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:c}),a.current=c?l:null;const m=c?await l||[]:l||[];if(c&&a.current!==l)return;let f=Array.from(m).filter(Boolean).map(u=>new H.SpsOptionListOption(u,typeof u=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&f.unshift(new H.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const u=p(t.value);n({replacementPattern:new RegExp(`(${u})`,"ig")}),f=f.filter(h=>{const S=new RegExp(u,"i"),v=p(h.text);return e.filterByTextAndCaptionKey?S.test(v)||S.test(p(h.caption)):S.test(v)})}else n({replacementPattern:null});if(e.disabledOptions)for(const u of f)e.disabledOptions.includes(u.value)&&(u.disabled=!0);r(Object.freeze(f)),e.onOptionListChanged&&e.onOptionListChanged(f.length),o(f.some(u=>u.value&&!!u.value.icon)),n({pending:!1})}function Pv(e,t,n){const[r,o]=s.useState(Object.freeze([])),[a,l]=s.useState(!1),c=s.useRef(null),p=s.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(p.current=e.options);const m=s.useMemo(()=>typeof p.current=="function"?y.debounce(wc,typeof e.searchDebounce<"u"?e.searchDebounce:500):wc,[p.current,e.disabledOptions]);return s.useEffect(()=>{m(e,t,n,o,l,c)},[p.current,t.value,e.disabledOptions]),[r,a]}class Dn{constructor(t,n){Vt(this,"nativeEvent");Vt(this,"currentTarget");Vt(this,"isPgStoppedInternal",!1);this.target=t,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function Bv(e,t){return{...e,...t}}function Jt(e){return _.useReducer(Bv,e)}function Av({hideInlineSearch:e,options:t,onSearchChange:n,search:r="",searchPlaceholder:o="Search…",searchInputRef:a}){const[l,c]=Jt({isAsync:typeof t=="function",pending:!1,value:r,replacementPattern:null}),p=s.useCallback(S=>{c({value:S.target.value}),n&&n(S)},[n]),m=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),S.stopPropagation()},[]),f=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),c({value:""}),a!=null&&a.current&&(n&&n(new Dn(a.current)),a.current.focus())},[n]),u=S=>{S&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(S.key)||S.stopPropagation())};return s.useEffect(()=>{c({value:r})},[r]),[l.isAsync&&!e?s.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},s.createElement("div",{className:"sps-form-control"},!l.value&&s.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),s.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:o,ref:a,value:l.value,onChange:p,onClick:m,onKeyDown:u}),l.value&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):s.createElement(s.Fragment,null),l,c]}const Fv=yp||_v,Vv=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"],$v=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];function Kv(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Cc(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!(e!=null&&e.find(r=>{var o;return r[t]&&r[t]===((o=n==null?void 0:n.value)==null?void 0:o[t])})):!1}const rs=s.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:r,disabledOptions:o,options:a,tall:l,textKey:c,valueKey:p,zeroState:m,hideInlineSearch:f,onSearchChange:u,search:h,searchDebounce:S,searchPlaceholder:v,onSpecialActionSelect:E,attachTo:T,className:C,conformWidth:N,id:I,ignoreWidthStyles:x,isOpen:k,keepOpen:A,keyDown:L,nullOption:w,onOptionListChanged:R,onOptionSelected:O,onPositionFlip:K,onSelfToggle:j,optionRole:M,positionOverride:Y,selectedOption:G,specialAction:Z,unsafelyReplaceClassName:$,loading:z,filterByTextAndCaptionKey:le,maxHeightPx:P,maxHeightRem:U,disableOptionsMemoization:ie,disableDefaultOptionsFiltering:Q,"data-testid":te,...F}=e,ee=s.useMemo(()=>Z?new H.SpsOptionListOption(Z,{textKey:"label",captionKey:"caption"}):null,[Z]),[J,re]=s.useState(-1),[ne,me]=s.useState(k),oe=t||s.useRef(null),se=s.useRef(null),Ee=s.useRef(null),Oe=wr("sps-option-list-portal"),Je=s.useContext(Ot),[dt,pt]=Y||[H.Position.BOTTOM_LEFT,H.Position.TOP_LEFT],[[ve,Ke],st]=s.useState([{},!1]),Me=s.useRef(null),[Te,xe,Ze]=Av({...e,searchInputRef:Me}),[We,Xe]=Pv(e,xe,Ze);s.useEffect(()=>{st(ne?Gn(oe,T,dt,{altPosition:pt,setMinWidth:!x,setWidth:!x&&N,...Je}):[{},!1])},[ne,dt,pt,We]),s.useEffect(()=>{const ge=()=>{ne&&st(Gn(oe,T,dt,{altPosition:pt,setMinWidth:!x,setWidth:!x&&N,...Je}))};return document.addEventListener("scroll",ge),()=>{document.removeEventListener("scroll",ge)}},[ne]),s.useEffect(()=>{re(-1)},[xe]);const Yt=W($||"sps-option-list","z-stratum-dropdown",ne&&"sps-option-list--open",xe.isAsync&&"sps-option-list--searchable",Ke&&"sps-option-list--opens-upward",Z&&Z.label&&"sps-option-list--has-special-action",C),mn=W($||"sps-option-list__options",l&&"sps-option-list__options--tall"),de=s.useCallback(()=>{ne||(me(!0),Me.current&&Me.current.focus(),re(-1),j&&j(!0))},[ne,j]),fe=s.useCallback(()=>{ne&&(me(!1),re(-1),j&&j(!1))},[ne,j]),_e=s.useCallback((ge,be)=>{be||ge&&!ge.disabled&&(typeof ge.value=="function"?(ge.value(),E&&E()):typeof O=="function"&&O(ge.value),A||fe())},[O,fe]),ot=s.useCallback((ge,be,ze)=>{ge.stopPropagation(),_e(be,ze)},[_e]),De=s.useRef(o||[]);De.current=o||[];const mt=s.useCallback(ge=>{switch(ge.key){case"Tab":case"Escape":fe();break;case"Enter":if(J>-1){const be=We[J]||ee;ge.preventDefault();const ze=!!be&&Cc(De.current,r||"",be);!ze&&be&&typeof O=="function"&&typeof be.value=="function"?be.value():be&&_e(be,ze)}break;case"Up":case"ArrowUp":{let be=J;Ke?J<=-1?be=We.length-1:J===0?Z&&(be=We.length):J<We.length&&(be=J-1):J>-1&&(be=J-1),be!==J&&(ge.preventDefault(),re(be));break}case"Down":case"ArrowDown":{de();let be=J;Ke?J!==-1&&(J>=We.length?be=0:J===We.length-1?be=-1:be=J+1):J<We.length-1+ +!!Z&&(be=J+1),be!==J&&(ge.preventDefault(),re(be));break}default:de()}},[fe,de,J,_e,O,Ke,We]),bt=s.useCallback(ge=>{const be=We.findIndex(ze=>{if(ze.textKey){const Bt=ze.textKey;return ze.value[Bt].toLowerCase().charAt([0])===ge.key.toLocaleLowerCase()}return ze.value.toString().toLowerCase().charAt([0])===ge.key.toLocaleLowerCase()});be>-1&&re(be)},[We]),Le=s.useCallback(ge=>{ge&&(Vv.includes(ge.key)?mt(ge):$v.includes(ge.key)&&!f&&bt(ge))},[fe,de,J,_e,O,Ke,We]);s.useEffect(()=>{if(Je!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ge=()=>{j&&j(!1)},be=document.getElementsByClassName("sps-modal__body")[0];return be.addEventListener("scroll",ge),()=>{be.removeEventListener("scroll",ge)}}},[]),s.useEffect(()=>{Ee.current&&Fv(Ee.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[J]),s.useEffect(()=>{me(k),k?Me.current&&Me.current.focus():re(-1)},[k]),s.useEffect(()=>{L&&Le(L)},[L]),s.useEffect(()=>{!ne&&se.current&&(Ze({value:""}),se.current.scrollTop=0),ne&&K&&K(Ke)},[ne]);const at=P?P/16:U,Mn=at?{maxHeight:`${at}rem`}:{};function Pt(ge,be){return be?s.createElement(s.Fragment,null,ge.split(be).map((ze,Bt)=>be.test(ze)?s.createElement("u",{key:Bt},ze):s.createElement(s.Fragment,{key:Bt},ze))):s.createElement(s.Fragment,null,ge)}return Oe(s.createElement("div",{className:Yt,id:I,"aria-activedescendant":J>-1?`${I}-option-${J}`:"",tabIndex:-1,ref:oe,style:ve,onMouseLeave:()=>re(-1),"data-testid":te,...F},Te,s.createElement("div",{className:mn,ref:se,"data-testid":`${te}-options`,style:Mn},!z&&!xe.pending&&m&&We.length===0&&s.createElement("div",{className:"sps-option-list__zero-state"},m),(z||xe.pending)&&s.createElement("div",{className:"sps-option-list__loading"},s.createElement(Ja,null)),!z&&!xe.pending&&We.map((ge,be)=>{const ze=`${I}-option-${be}`,Bt=Kv(ge.value,G,r),_n=Cc(De.current,r||"",ge);return s.createElement("a",{key:ze,id:ze,role:M,"aria-selected":Bt,href:ge.href,className:W("sps-option-list__option",ge.caption&&"sps-option-list__option--has-caption",ge.disabled&&"sps-option-list__option--disabled",ge.bold&&"sps-option-list__option--bold",(Bt||_n)&&"sps-option-list__option--selected",J===be&&"sps-option-list__option--highlighted"),onClick:pe=>ot(pe,ge,_n),onMouseOver:()=>re(be),tabIndex:-1,ref:J===be?Ee:null,"data-testid":`${te}-option-${be}`},ge.value&&ge.value.icon&&s.createElement("i",{className:W("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ge.value.icon)}`)}),(!ge.value||!ge.value.icon&&Xe)&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",null,Pt(ge.text,xe.replacementPattern)),ge.caption&&s.createElement("div",{className:"sps-option-list__option-caption"},s.createElement("span",null,Pt(ge.caption,xe.replacementPattern))))})),ee&&(Z==null?void 0:Z.label)&&s.createElement("a",{className:W("sps-option-list__option","sps-option-list__special-action",J===We.length&&"sps-option-list__option--highlighted",Z.disabled&&"sps-option-list__special-action--disabled"),href:ee.href,target:ee.href&&Z.newTab?"_blank":"_self",onClick:ge=>ot(ge,ee),onMouseOver:()=>re(We.length),"data-testid":`${te}-special-action`},Z.icon&&s.createElement("i",{className:W("sps-icon","sps-option-list__option-icon",`sps-icon-${String(Z.icon)}`)}),!Z.icon&&Xe&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",null,Z.label))))});Object.assign(rs,{displayName:"SpsOptionList"});function Hv(e,t,n=[]){return s.useMemo(()=>{function r(o){return s.createElement(e,{...o,...t},o.children)}return r},n)}function wt(e){return typeof e=="function"?e():e}const Tp=function({children:e,elements:t}){if(t.length===0)return s.createElement(s.Fragment,null,e);const[n,r]=Array.isArray(t[0])?t[0]:[t[0]];return s.createElement(n,{...r??{}},s.createElement(Tp,{elements:t.slice(1)},e))},Ep=function({children:e,providers:t=[],...n}){return s.createElement("div",{...n},s.createElement(Tp,{elements:t},e))},Wv=function({children:e,className:t,...n}){return s.createElement(Ep,{className:`sps-app ${t}`,...n},e)};function Lt(e=[],t=[]){const n=Array.isArray(e)?y.flatten(e):[e],r=t.map(a=>Array.isArray(a)?a:[a]),o=new Array(r.length+1).fill(null).map(()=>[]);for(const a of n){let l=!1;for(let c=0;c<r.length;c+=1)for(const{type:p,props:m={}}of r[c])if(a.type===p&&Object.keys(m).every(u=>m[u]===a.props[u])){l=!0,o[c].push(a);break}l||o[o.length-1].push(a)}return o}function wp(e,t,n){const r=Object.entries(t).filter(([,a])=>typeof a!="string"&&a.deprecated).map(([a])=>a),o=r.map(a=>n[a]);s.useEffect(()=>{o.find(a=>typeof a<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${r.join(", ")}`)},o)}function Xa(e,t){const n=_.useRef(!1);_.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function ka(e,t,n){const r=s.useRef(t(...n));s.useEffect(()=>(document.addEventListener(e,r.current),()=>document.removeEventListener(e,r.current)),[]),s.useEffect(()=>{document.removeEventListener(e,r.current),r.current=t(...n),document.addEventListener(e,r.current)},n)}function Dc(e,t,n){return function(o){var a,l;!((a=e.current)!=null&&a.contains(o.target))&&!((l=t.current)!=null&&l.contains(o.target))&&n()}}function Cr(e,t,n){const r=s.useRef(!1),[o,a]=s.useState(!1),l=s.useCallback(()=>{r.current?r.current=!1:a(!0)},[]),c=s.useCallback((p=!1)=>{a(!1),r.current=p,n&&n()},[]);return ka("mousedown",Dc,[e,t,c]),ka("pointerdown",Dc,[e,t,c]),{showPopup:o,doShowPopup:l,doHidePopup:c}}const Gv={debounce:"number",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
|
|
1
|
+
"use strict";var Jb=Object.defineProperty;var bc=e=>{throw TypeError(e)};var Zb=(e,t,n)=>t in e?Jb(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Vt=(e,t,n)=>Zb(e,typeof t!="symbol"?t+"":t,n),vc=(e,t,n)=>t.has(e)||bc("Cannot "+n);var Pn=(e,t,n)=>(vc(e,t,"read from private field"),n?n.call(e):t.get(e)),Ns=(e,t,n)=>t.has(e)?bc("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),ln=(e,t,n,r)=>(vc(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),y=require("@spscommerce/utils"),lt=require("moment-timezone"),H=require("@spscommerce/ds-shared"),eo=require("react-dom"),Ea=require("@spscommerce/ds-colors"),Xb=require("@sps-woodland/tabs"),pr=require("@react-stately/collections"),op=require("@sps-woodland/illustrations");function ap(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=ap(_),Sr=ap(lt);function ip(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=ip(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function W(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=ip(e))&&(r&&(r+=" "),r+=t);return r}let gt=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((t,n)=>(n&=63,n<36?t+=n.toString(36):n<62?t+=(n-26).toString(36).toUpperCase():n>62?t+="-":t+="_",t),"");function wn(e){return _.useRef(e||gt())}function Tt(e,t){const n=wn(e),r=_.useRef(`${n.current}_ctrl`);return _.useEffect(()=>{t&&(t.id=r.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:r.current}}var qt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function qa(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qb="[object Object]";function ev(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}function tv(e,t){return function(n){return e(t(n))}}var nv=Function.prototype,lp=Object.prototype,cp=nv.toString,rv=lp.hasOwnProperty,sv=cp.call(Object),ov=lp.toString,av=tv(Object.getPrototypeOf,Object);function iv(e){return!!e&&typeof e=="object"}function lv(e){if(!iv(e)||ov.call(e)!=Qb||ev(e))return!1;var t=av(e);if(t===null)return!0;var n=rv.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&cp.call(n)==sv}var cv=lv;const dp=qa(cv),Nt=new Set,Er=new Set,pn=new Set,to=new Set;function pp(e){Nt.has(e)||pn.has(e)||to.has(e)||Er.add(e)}function up(e){Nt.has(e)||pn.has(e)||Er.has(e)||to.add(e)}const et=Sr.default||Sr,gr="MM/DD/YYYY",dv="MM/DD/YYYY hh:mm A",pv="MM/DD/YYYY HH:mm",uv="hh:mm A",mv="HH:mm",fv=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,Yr=Symbol("Date Parse Error");function ir(e){return et.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const X=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=et(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=fv.exec(e);if(n){const[,r,o,a]=n;return Object.freeze({year:Number(a),month:Number(r),date:Number(o)})}}return Object.freeze({[Yr]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=et(e,t,!0):n=et(e):et.isMoment(e)?n=e:n=X.toMoment(e),n!==null&&et.isMoment(n)&&n.isValid()?n:Object.freeze({[Yr]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e!=null&&e.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=X.getRangeSeparator(t),r=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(r).slice(0,2).map(o=>X.createFrom(o,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>X.createFrom(n))},isValid(e){var t;return e?et.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&((t=X.toMoment(e))==null?void 0:t.isValid()):!1},nullifyInvalidDate(e){return X.isValid(e)?e:null},toMoment(e){return e?et.isMoment(e)?e:et({...e,month:e.month-1}):null},toString(e,t){const n=X.toMoment(e);return n&&n.isValid()?n.format(t||gr):""},toStringRange(e,t){if(!e)return"";const n=X.getRangeSeparator(t);return e.slice(0,2).map(r=>X.toString(r,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&et.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${mv}`):e.format(`${n} ${uv}`):t?e.format(pv):e.format(dv):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const r=X.getRangeSeparator(n);return e.map(o=>X.toDateTimeString(o,t,n)).join(r)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:ir(e)>ir(t)},isBefore(e,t){return!e||!t?null:ir(e)<ir(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const r=ir(e),[o,a]=t.map(ir);return e&&o&&a&&(n&&r>=o&&r<=a||!n&&r>o&&r<a)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=et(),r=n.clone().subtract(et.duration(e.definition));return[X.createFrom(r,t),X.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();let t;e.definition==="P0D"?t=et().startOf("day"):t=et().subtract(et.duration(e.definition));const n=et().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n){return e&&et.isMoment(e)&&e.isValid()?X.toDateTimeString(e,t,n).split(" "):["",t?"00:00":"12:00",t?void 0:"AM"]},getCurrentMoment(){return et()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),r=n[0]||"0",o=n[1]||"0",a=Number.isNaN(Number(r))?NaN:parseInt(r,10),l=Number.isNaN(Number(o))?NaN:parseInt(o,10),c=n.length<=2&&r.length<=2&&o.length<=2;return t?c&&a>=0&&a<=23&&l>=0&&l<=59:c&&(!Number.isNaN(a)&&r.length===1||a>=1)&&a<=12&&l>=0&&l<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),r=parseInt(n[0]||"0",10),o=parseInt(n[1]||"0",10);if(t){const a=r<10?`0${r}`:`${r}`,l=o<10?`0${o}`:`${o}`;return`${a}:${l}`}else{const a=r===0?"12":r<10?`0${r}`:`${r}`,l=o<10?`0${o}`:`${o}`;return`${a}:${l}`}}}),wa=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Ca=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let Hs=gr;function mp(e){Hs=e}const Ur=function(t){if(Array.isArray(t)){const n=Ur(t[0]),r=Ur(t[1]);return n||r}if(t&&t.hasOwnProperty("year")){if(t[Yr])return{dateFormat:Hs};if(!X.isValid(t))return{dateValidity:!0}}return null};Nt.add("dateFormat");Nt.add("dateValidity");const fp=function(t){if(Array.isArray(t)){const n=Ur(t);if(n)return n;if(t&&X.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Nt.add("dateRangeOrder");const hp=function({minDate:t,maxDate:n}){function r(o){const a=X.isBefore(o,t),l=X.isAfter(o,n),c={minExceeded:a?X.toString(t,Hs):null,maxExceeded:l?X.toString(n,Hs):null};return a||l?{dateConstraint:c}:null}return function(a){if(!a)return null;if(Array.isArray(a)){const l=r(a[0]),c=r(a[1]);return l||c}return a.hasOwnProperty("year")?r(a):null}};Nt.add("dateConstraint");const hv=Object.freeze(Object.defineProperty({__proto__:null,date:Ur,dateConstraint:hp,dateRange:fp,setDateFormat:mp},Symbol.toStringTag,{value:"Module"}));function Cn(e,t){for(const n of[].concat(e)){const r=t(n);if(r)return r}return null}const Sv=function(t){function n(r){return Number(r)>=t?null:{min:t}}return r=>Cn(r,n)};Nt.add("min");const gv=function(t){function n(r){return Number(r)<=t?null:{max:t}}return r=>Cn(r,n)};Er.add("max");const bv=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||(t==null?void 0:t.length)===0?{required:!0}:null};Er.add("required");const vv=function(t){function n(r){return r===void 0||r.toString().length<t?{minLength:t}:null}return r=>Cn(r,n)};Nt.add("minLength");const yv=function(t){function n(r){return r==null||Array.isArray(r)&&r.length<t?{minLengthArray:t}:null}return r=>n(r)};Nt.add("minLengthArray");const Tv=function(t){function n(r){return r===void 0||r.toString().length<=t?null:{maxLength:t}}return r=>Cn(r,n)};pn.add("maxLength");const Ev=function(t){function n(r){return r==null||Array.isArray(r)&&r.length<=t?null:{maxLengthArray:t}}return r=>n(r)};Nt.add("maxLengthArray");const wv=function(t){const n=t instanceof RegExp?t:new RegExp(t);function r(o){return n.test(o)?null:{pattern:t}}return o=>Cn(o,r)};Nt.add("pattern");const Cv=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Cn(e,t)};pn.add("alpha");const Dv=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Cn(e,t)};pn.add("numeric");const Nv=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Cn(e,t)};pn.add("nonNumeric");const no=Object.freeze({...hv,min:Sv,max:gv,required:bv,minLength:vv,minLengthArray:yv,maxLength:Tv,maxLengthArray:Ev,pattern:wv,alpha:Cv,numeric:Dv,nonNumeric:Nv,OnBlurErrorKeys:Nt});function ro(e,t=[]){const n=t.reduce((r,o)=>Object.assign(r,o(e)||{}),{});return Object.keys(n).length?n:null}var jt=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(jt||{});function xv(e,t={},n=[]){for(const[r,o]of Object.entries(t))o===0?pp(r):o===2&&up(r);return s.useCallback(e,n)}var Wn,gn,bn;class $n{constructor(t,n){Vt(this,"validators",[]);Ns(this,Wn,null);Ns(this,gn,null);Ns(this,bn,null);Vt(this,"preventativeErrors",[]);Vt(this,"submitted",!1);this.path=t,this.update=n}get errors(){return Pn(this,Wn)===null&&Pn(this,gn)===null&&Pn(this,bn)===null?null:{...Pn(this,Wn)??{},...Pn(this,gn)??{},...Pn(this,bn)??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,r=!1){if(this.validators&&this.validators.length>0){const o=ro(t,this.validators);let a={onSubmit:{},onChange:{},onBlur:{}};o&&(a=Object.keys(o).reduce((l,c)=>(to.has(c)?l.onSubmit[c]=o[c]:Er.has(c)?l.onChange[c]=o[c]:l.onBlur[c]=o[c],l),a)),(typeof n>"u"||n===jt.ON_CHANGE)&&ln(this,gn,Object.keys(a.onChange).length===0?null:a.onChange),(typeof n>"u"||n===jt.ON_BLUR)&&ln(this,bn,Object.keys(a.onBlur).length===0?null:a.onBlur),(typeof n>"u"||n===jt.ON_SUBMIT)&&(ln(this,Wn,Object.keys(a.onSubmit).length===0?null:a.onSubmit),ln(this,gn,Object.keys(a.onChange).length===0?null:a.onChange),ln(this,bn,Object.keys(a.onBlur).length===0?null:a.onBlur)),r||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(ln(this,Wn,null),ln(this,bn,null),ln(this,gn,null),r||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.indexOf(no.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}Wn=new WeakMap,gn=new WeakMap,bn=new WeakMap;class jr extends $n{constructor(){super(...arguments);Vt(this,"id",gt());Vt(this,"focused",!1);Vt(this,"pristine",!0)}setValue(n){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const r=ro(n,this.validators);if(r&&Object.keys(r).filter(a=>pn.has(a)).length>0){this.preventativeErrors=Object.keys(r);return}}this.update(this.path,n)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class Kn extends jr{constructor(n,r,o){super(o?r:n,o||r);Vt(this,"fields");o&&this.inferMembers(n)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(n=>this.fields[n].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const n of Object.keys(this.fields))this.fields[n].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const n of Object.keys(this.fields))this.fields[n].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const n of Object.keys(this.fields))this.fields[n].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const n of Object.keys(this.fields))this.fields[n].markAsSubmitted();return this}inferSpsControl(n,r){return Fs(n,[...this.path,r],this.update)}rollup(n){return Object.keys(this.fields).reduce((r,o)=>r&&(!this.fields[o][n]||this.fields[o][n]()),!0)}}class Sp extends Kn{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class gp extends Kn{inferMembers(t){this.fields=t.map((n,r)=>this.inferSpsControl(n,String(r)))}}function Fs(e,t,n){return e instanceof $n?(e.path=t,e.update=n,e):Array.isArray(e)?new gp(e,t,n):dp(e)?new Sp(e,t,n):new jr(t,n)}function $r(e,t){return t.length===0||!e?e:$r(e.fields[t[0]],t.slice(1,t.length))}function Da(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const r=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(o=>e.fields[o]);return t.length===0?r:r.reduce((o,a)=>[...o,...Da(a,t)],[])}return Da(e.fields[n],t)}function Na(e,t,n){for(const r of Object.keys(t)){const o=t[r];for(const a of Da(e,r.split(".")))a&&o&&n(a,o)}}function xs(e,t,n,r=!1,o=!1){Na(t,n,(a,l)=>{a.validators=typeof l=="function"?l(e):l,r&&a.validate(y.getPath(e,a.path),void 0,o)})}function xa(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((r,o)=>o===Number(n)?xa(r,t):r):dp(e)?Object.keys(e).reduce((r,o)=>Object.assign(r,{[o]:o===n?xa(e[o],t):e[o]}),{}):e}function kv(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function bp(e,t={}){kv(e);const[,n]=_.useState({}),r=_.useRef(!1);r.current=!1;const o=_.useRef(t),a=_.useCallback(h=>{var E,T;const S=u.current;let v;if(h)if(h.path)if(h.markAsBlurred){const C=$r(S.formMeta,h.path);if(C){C.focused=!1;const N=y.getPath(S.formValue,h.path);C.validate(N,jt.ON_BLUR)}}else if(h.newValidators){if(o.current){const C=h.path.join(".");o.current={...o.current,[C]:h.newValidators},xs(S.formValue,S.formMeta,o.current,!0)}}else if(h.markAsSubmitted){const C=$r(S.formMeta,h.path);if(C){C.submitted=!0;const N=y.getPath(S.formValue,h.path);C.validate(N,jt.ON_SUBMIT)}}else v=xa(S.formValue,h.path),y.setPath(v,h.path,h.value);else v=h.value;if((E=h==null?void 0:h.updateFormOptions)!=null&&E.validators&&(o.current={...o.current,...h.updateFormOptions.validators},xs(S.formValue,S.formMeta,o.current,((T=h.updateFormOptions)==null?void 0:T.runValidators)??!0)),v){S.formMeta.submitted=!1,y.deepFreeze(v);const C=y.diff(S.formValue,v);for(const{type:I,key:x,parentPath:k,objects:[,A]}of C){const L=$r(S.formMeta,k);if(typeof x!="symbol"&&L){let w;switch(I){case y.DiffChange.ADDITION:L.fields[x]=Fs(A[x],[...k,x],c);break;case y.DiffChange.DELETION:Array.isArray(L.fields)?L.fields[x]=void 0:delete L.fields[x];break;case y.DiffChange.ALTERATION:w=Fs(A[x],[...k,x],c),(w instanceof Kn&&!(L.fields[x]instanceof Kn)||!(w instanceof Kn)&&L.fields[x]instanceof Kn)&&(L.fields[x]=w);break}}}const N=new Set;if(C.filter(I=>I.type===y.DiffChange.DELETION).reduce((I,x)=>(I.has(x.parentPath)||I.add(x.parentPath),I),N),Array.from(N).forEach(I=>{const x=$r(S.formMeta,I);Array.isArray(x.fields)&&(x.fields=x.fields.filter(k=>k!==void 0))}),o.current){xs(v,S.formMeta,o.current);const I=new Set;t&&Na(S.formMeta,t,(x,k)=>{typeof k=="function"&&(x.validate(y.getPath(v,x.path)),I.add(x))});for(const{type:x,key:k,parentPath:A,objects:[,L]}of C)if(typeof k!="symbol"){let w=S.formMeta,R=v;if(w){for(const O of A)w=w.fields[O],R=R[O],I.has(w)||w.validate(R,jt.ON_CHANGE);if(x===y.DiffChange.ADDITION||x===y.DiffChange.ALTERATION){const O=w.fields[k];if(!I.has(O)&&(w.fields[k].validate(L[k],jt.ON_CHANGE),x===y.DiffChange.ADDITION&&O.fields))for(const[K,j]of Object.entries(O.fields))j.validate(L[k][K],jt.ON_CHANGE)}}}}}u.current={...S,formValue:v||S.formValue},r.current||n({})},[]),l=_.useCallback((h,S)=>{h||S?a({value:h,updateFormOptions:S}):a()},[a]),c=_.useCallback((h,S,v=!1,E,T=!1)=>{h?a({path:h,value:S,markAsBlurred:v,newValidators:E,markAsSubmitted:T}):l()},[a,l]),p=_.useMemo(()=>{y.deepFreeze(e);const h=Fs(e,[],c);return t&&xs(e,h,t,!1,!0),h},[]),m=_.useCallback(()=>(u.current.formMeta.markAsDirty(),o.current&&Na(u.current.formMeta,o.current,(h,S)=>{(typeof S=="function"||Array.isArray(S))&&h.validate(y.getPath(u.current.formValue,h.path))}),u.current.formMeta.isValid()),[]),f=_.useCallback(()=>u.current.formValue,[]),u=_.useRef({formValue:e,formMeta:p,updateForm:l,validateForm:m,getCurrentFormValue:f});return u.current}const ct=s.forwardRef((e,t)=>{const{className:n,children:r,focusInputOnClick:o,formControl:a,formMeta:l,inputRef:c,onClick:p,...m}=e,f=s.useRef(),h=c||(t||f);function S(){h&&h!==t&&h.current&&h.current.focus()}function v(){h&&h!==t&&h.current&&l&&l instanceof jr&&l.markAsFocused()}function E(){h&&h!==t&&h.current&&l&&l instanceof jr&&l.markAsBlurred()}const T=W("sps-form-group",(a&&a.isRequired()||l&&l.isRequired())&&"sps-form-group--required",(a&&!a.isValid()||l&&l.isVisibilyInvalid())&&"sps-form-group--error",l&&l.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function C(N){o&&S(),p&&p(N)}return s.useEffect(()=>{function N(I){I.target.classList.contains("sps-form-control__clear-btn")&&I.preventDefault()}return document.addEventListener("mousedown",N),()=>{document.removeEventListener("mousedown",N)}},[]),s.createElement("div",{...m,className:T,ref:t,tabIndex:-1,onClick:C,onFocus:v,onBlur:E},r)});Object.assign(ct,{displayName:"SpsFormComponentWrapper"});function yc(e){return typeof e=="object"&&e!=null&&e.nodeType===1}function Tc(e,t){return(!t||e!=="hidden")&&e!=="visible"&&e!=="clip"}function jo(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return Tc(n.overflowY,t)||Tc(n.overflowX,t)||function(r){var o=function(a){if(!a.ownerDocument||!a.ownerDocument.defaultView)return null;try{return a.ownerDocument.defaultView.frameElement}catch{return null}}(r);return!!o&&(o.clientHeight<r.scrollHeight||o.clientWidth<r.scrollWidth)}(e)}return!1}function ks(e,t,n,r,o,a,l,c){return a<e&&l>t||a>e&&l<t?0:a<=e&&c<=n||l>=t&&c>=n?a-e-r:l>t&&c<n||a<e&&c>n?l-t+o:0}var Ec=function(e,t){var n=window,r=t.scrollMode,o=t.block,a=t.inline,l=t.boundary,c=t.skipOverflowHiddenElements,p=typeof l=="function"?l:function(Oe){return Oe!==l};if(!yc(e))throw new TypeError("Invalid target");for(var m,f,u=document.scrollingElement||document.documentElement,h=[],S=e;yc(S)&&p(S);){if((S=(f=(m=S).parentElement)==null?m.getRootNode().host||null:f)===u){h.push(S);break}S!=null&&S===document.body&&jo(S)&&!jo(document.documentElement)||S!=null&&jo(S,c)&&h.push(S)}for(var v=n.visualViewport?n.visualViewport.width:innerWidth,E=n.visualViewport?n.visualViewport.height:innerHeight,T=window.scrollX||pageXOffset,C=window.scrollY||pageYOffset,N=e.getBoundingClientRect(),I=N.height,x=N.width,k=N.top,A=N.right,L=N.bottom,w=N.left,R=o==="start"||o==="nearest"?k:o==="end"?L:k+I/2,O=a==="center"?w+x/2:a==="end"?A:w,K=[],j=0;j<h.length;j++){var M=h[j],Y=M.getBoundingClientRect(),G=Y.height,Z=Y.width,$=Y.top,z=Y.right,le=Y.bottom,P=Y.left;if(r==="if-needed"&&k>=0&&w>=0&&L<=E&&A<=v&&k>=$&&L<=le&&w>=P&&A<=z)return K;var U=getComputedStyle(M),ie=parseInt(U.borderLeftWidth,10),Q=parseInt(U.borderTopWidth,10),te=parseInt(U.borderRightWidth,10),F=parseInt(U.borderBottomWidth,10),ee=0,J=0,re="offsetWidth"in M?M.offsetWidth-M.clientWidth-ie-te:0,ne="offsetHeight"in M?M.offsetHeight-M.clientHeight-Q-F:0,me="offsetWidth"in M?M.offsetWidth===0?0:Z/M.offsetWidth:0,oe="offsetHeight"in M?M.offsetHeight===0?0:G/M.offsetHeight:0;if(u===M)ee=o==="start"?R:o==="end"?R-E:o==="nearest"?ks(C,C+E,E,Q,F,C+R,C+R+I,I):R-E/2,J=a==="start"?O:a==="center"?O-v/2:a==="end"?O-v:ks(T,T+v,v,ie,te,T+O,T+O+x,x),ee=Math.max(0,ee+C),J=Math.max(0,J+T);else{ee=o==="start"?R-$-Q:o==="end"?R-le+F+ne:o==="nearest"?ks($,le,G,Q,F+ne,R,R+I,I):R-($+G/2)+ne/2,J=a==="start"?O-P-ie:a==="center"?O-(P+Z/2)+re/2:a==="end"?O-z+te+re:ks(P,z,Z,ie,te+re,O,O+x,x);var se=M.scrollLeft,Ee=M.scrollTop;R+=Ee-(ee=Math.max(0,Math.min(Ee+ee/oe,M.scrollHeight-G/oe+ne))),O+=se-(J=Math.max(0,Math.min(se+J/me,M.scrollWidth-Z/me+re)))}K.push({el:M,top:ee,left:J})}return K};function vp(e){return e===Object(e)&&Object.keys(e).length!==0}function Iv(e,t){t===void 0&&(t="auto");var n="scrollBehavior"in document.body.style;e.forEach(function(r){var o=r.el,a=r.top,l=r.left;o.scroll&&n?o.scroll({top:a,left:l,behavior:t}):(o.scrollTop=a,o.scrollLeft=l)})}function Mv(e){return e===!1?{block:"end",inline:"nearest"}:vp(e)?e:{block:"start",inline:"nearest"}}function yp(e,t){var n=e.isConnected||e.ownerDocument.documentElement.contains(e);if(vp(t)&&typeof t.behavior=="function")return t.behavior(n?Ec(e,t):[]);if(n){var r=Mv(t);return Iv(Ec(e,r),r.behavior)}}const _v=Object.freeze(Object.defineProperty({__proto__:null,default:yp},Symbol.toStringTag,{value:"Module"})),$e=s.createContext(H.noI18nI18n),Rv={alt:"string",size:"SpinnerSize",title:"string"};function Ja(e){const{alt:t,className:n,size:r=H.SpinnerSize.MEDIUM,"data-testid":o,title:a,unsafelyReplaceClassName:l,...c}=e,{t:p}=s.useContext($e),m=t||a||p("design-system:spinner.defaultAltText"),f=W(l||"sps-spinner",`sps-spinner--${r}`,n);return s.createElement("i",{className:f,"data-testid":o,title:m,...c})}Object.assign(Ja,{props:Rv,displayName:"SpsSpinner"});const Ov=60;function Is(e){return typeof e>"u"?"inherit":`${e}px`}function Za(e){switch(e){case H.Position.TOP_LEFT:return H.Position.BOTTOM_LEFT;case H.Position.TOP_MIDDLE:return H.Position.BOTTOM_MIDDLE;case H.Position.TOP_RIGHT:return H.Position.BOTTOM_RIGHT;case H.Position.RIGHT_TOP:return H.Position.LEFT_TOP;case H.Position.RIGHT_MIDDLE:return H.Position.LEFT_MIDDLE;case H.Position.RIGHT_BOTTOM:return H.Position.LEFT_BOTTOM;case H.Position.BOTTOM_RIGHT:return H.Position.TOP_RIGHT;case H.Position.BOTTOM_MIDDLE:return H.Position.TOP_MIDDLE;case H.Position.BOTTOM_LEFT:return H.Position.TOP_LEFT;case H.Position.LEFT_BOTTOM:return H.Position.RIGHT_BOTTOM;case H.Position.LEFT_MIDDLE:return H.Position.RIGHT_MIDDLE;case H.Position.LEFT_TOP:return H.Position.RIGHT_TOP}}function Lv(e,t,n,r,o,a,l,c){const p=l&&l.current,m=p?p.scrollTop:window.pageYOffset,f=c?0:m,u=p?p.scrollLeft:window.pageXOffset,h=c?0:u,[S,v]=e.split(" ");let E,T,C,N;switch(S){case"top":C=t.height-n.top-f-a[0];break;case"left":T=t.width-n.left-h-a[0];break;case"right":N=n.right+h-a[0];break;case"bottom":E=n.bottom+f-a[0];break;default:throw new Error(`Invalid position ${e}`)}switch(v){case"left":N=n.left+h+a[1];break;case"top":E=n.top+f+a[1];break;case"middle":S==="top"||S==="bottom"?N=n.left+h+n.width/2-o/2+a[1]:(S==="left"||S==="right")&&(E=n.top+f+n.height/2-r.height/2+a[1]);break;case"bottom":C=t.height-n.bottom-f+a[1];break;case"right":T=t.width-n.right-h+a[1];break;default:throw new Error(`Invalid position ${e}`)}return[E,T,C,N]}function Gn(e,t,n,{altPosition:r,setMinWidth:o=!1,setWidth:a=!1,parentElementRef:l,fixed:c=!1,offsets:p=[0,0]}){if(e.current&&t.current){const m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width,u=l&&l.current?l.current:document.documentElement,h=c?{width:f,height:m,top:0,left:0,bottom:m,right:f}:u.getBoundingClientRect(),S=e.current.getBoundingClientRect(),v=t.current.getBoundingClientRect(),[E]=n.split(" ");let T=n;r&&(E==="top"&&v.top-S.height<Ov||E==="right"&&v.right+S.width>f||E==="bottom"&&v.bottom+S.height>m||E==="left"&&v.left-S.width<0)&&(T=r);const C=o?Math.max(v.width,S.width):S.width,N=a?v.width:C,[I,x,k,A]=Lv(T,h,v,S,N,p,l,c),L={top:Is(I),right:Is(x),bottom:Is(k),left:Is(A)};return c&&(L.position="fixed",L.zIndex=H.ZStratum.BAR),o&&(L.minWidth=`${v.width}px`),a&&(L.width=`${v.width}px`),[L,T===r]}return[{},!1]}const Ot=_.createContext(null);function wr(e,t=[]){const n=_.useContext(Ot);return _.useMemo(()=>r=>{const a=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let l=null,c=a.lastElementChild;for(;c&&c!==a.firstElementChild;){if(c.hasAttribute("data-portalid")&&c.getAttribute("data-portalid")===e){l=c;break}c=c.previousElementSibling}if(l)a.contains(l)||a.appendChild(l);else{l=document.createElement("div"),l.setAttribute("data-portalid",e);for(const p of t)l.classList.add(p);a.appendChild(l)}return eo.createPortal(r,l)},[n])}async function wc(e,t,n,r,o,a){const l=typeof e.options=="function"?e.options(t.value):e.options||[],c=l instanceof Promise,p=u=>u.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:c}),a.current=c?l:null;const m=c?await l||[]:l||[];if(c&&a.current!==l)return;let f=Array.from(m).filter(Boolean).map(u=>new H.SpsOptionListOption(u,typeof u=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&f.unshift(new H.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const u=p(t.value);n({replacementPattern:new RegExp(`(${u})`,"ig")}),f=f.filter(h=>{const S=new RegExp(u,"i"),v=p(h.text);return e.filterByTextAndCaptionKey?S.test(v)||S.test(p(h.caption)):S.test(v)})}else n({replacementPattern:null});if(e.disabledOptions)for(const u of f)e.disabledOptions.includes(u.value)&&(u.disabled=!0);r(Object.freeze(f)),e.onOptionListChanged&&e.onOptionListChanged(f.length),o(f.some(u=>u.value&&!!u.value.icon)),n({pending:!1})}function Pv(e,t,n){const[r,o]=s.useState(Object.freeze([])),[a,l]=s.useState(!1),c=s.useRef(null),p=s.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(p.current=e.options);const m=s.useMemo(()=>typeof p.current=="function"?y.debounce(wc,typeof e.searchDebounce<"u"?e.searchDebounce:500):wc,[p.current,e.disabledOptions]);return s.useEffect(()=>{m(e,t,n,o,l,c)},[p.current,t.value,e.disabledOptions]),[r,a]}class Dn{constructor(t,n){Vt(this,"nativeEvent");Vt(this,"currentTarget");Vt(this,"isPgStoppedInternal",!1);this.target=t,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function Bv(e,t){return{...e,...t}}function Jt(e){return _.useReducer(Bv,e)}function Av({hideInlineSearch:e,options:t,onSearchChange:n,search:r="",searchPlaceholder:o="Search…",searchInputRef:a}){const[l,c]=Jt({isAsync:typeof t=="function",pending:!1,value:r,replacementPattern:null}),p=s.useCallback(S=>{c({value:S.target.value}),n&&n(S)},[n]),m=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),S.stopPropagation()},[]),f=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),c({value:""}),a!=null&&a.current&&(n&&n(new Dn(a.current)),a.current.focus())},[n]),u=S=>{S&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(S.key)||S.stopPropagation())};return s.useEffect(()=>{c({value:r})},[r]),[l.isAsync&&!e?s.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},s.createElement("div",{className:"sps-form-control"},!l.value&&s.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),s.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:o,ref:a,value:l.value,onChange:p,onClick:m,onKeyDown:u}),l.value&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):s.createElement(s.Fragment,null),l,c]}const Fv=yp||_v,Vv=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"],$v=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];function Kv(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Cc(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!(e!=null&&e.find(r=>{var o;return r[t]&&r[t]===((o=n==null?void 0:n.value)==null?void 0:o[t])})):!1}const rs=s.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:r,disabledOptions:o,options:a,tall:l,textKey:c,valueKey:p,zeroState:m,hideInlineSearch:f,onSearchChange:u,search:h,searchDebounce:S,searchPlaceholder:v,onSpecialActionSelect:E,attachTo:T,className:C,conformWidth:N,id:I,ignoreWidthStyles:x,isOpen:k,keepOpen:A,keyDown:L,nullOption:w,onOptionListChanged:R,onOptionSelected:O,onPositionFlip:K,onSelfToggle:j,optionRole:M,positionOverride:Y,selectedOption:G,specialAction:Z,unsafelyReplaceClassName:$,loading:z,filterByTextAndCaptionKey:le,maxHeightPx:P,maxHeightRem:U,disableOptionsMemoization:ie,disableDefaultOptionsFiltering:Q,"data-testid":te,...F}=e,ee=s.useMemo(()=>Z?new H.SpsOptionListOption(Z,{textKey:"label",captionKey:"caption"}):null,[Z]),[J,re]=s.useState(-1),[ne,me]=s.useState(k),oe=t||s.useRef(null),se=s.useRef(null),Ee=s.useRef(null),Oe=wr("sps-option-list-portal"),Je=s.useContext(Ot),[dt,pt]=Y||[H.Position.BOTTOM_LEFT,H.Position.TOP_LEFT],[[ve,Ke],st]=s.useState([{},!1]),Me=s.useRef(null),[Te,xe,Ze]=Av({...e,searchInputRef:Me}),[We,Xe]=Pv(e,xe,Ze);s.useEffect(()=>{st(ne?Gn(oe,T,dt,{altPosition:pt,setMinWidth:!x,setWidth:!x&&N,...Je}):[{},!1])},[ne,dt,pt,We]),s.useEffect(()=>{const ge=()=>{ne&&st(Gn(oe,T,dt,{altPosition:pt,setMinWidth:!x,setWidth:!x&&N,...Je}))};return document.addEventListener("scroll",ge),()=>{document.removeEventListener("scroll",ge)}},[ne]),s.useEffect(()=>{re(-1)},[xe]);const Yt=W($||"sps-option-list","z-stratum-dropdown",ne&&"sps-option-list--open",xe.isAsync&&"sps-option-list--searchable",Ke&&"sps-option-list--opens-upward",Z&&Z.label&&"sps-option-list--has-special-action",C),mn=W($||"sps-option-list__options",l&&"sps-option-list__options--tall"),de=s.useCallback(()=>{ne||(me(!0),Me.current&&Me.current.focus(),re(-1),j&&j(!0))},[ne,j]),fe=s.useCallback(()=>{ne&&(me(!1),re(-1),j&&j(!1))},[ne,j]),_e=s.useCallback((ge,be)=>{be||ge&&!ge.disabled&&(typeof ge.value=="function"?(ge.value(),E&&E()):typeof O=="function"&&O(ge.value),A||fe())},[O,fe]),ot=s.useCallback((ge,be,ze)=>{ge.stopPropagation(),_e(be,ze)},[_e]),De=s.useRef(o||[]);De.current=o||[];const mt=s.useCallback(ge=>{switch(ge.key){case"Tab":case"Escape":fe();break;case"Enter":if(J>-1){const be=We[J]||ee;ge.preventDefault();const ze=!!be&&Cc(De.current,r||"",be);!ze&&be&&typeof O=="function"&&typeof be.value=="function"?be.value():be&&_e(be,ze)}break;case"Up":case"ArrowUp":{let be=J;Ke?J<=-1?be=We.length-1:J===0?Z&&(be=We.length):J<We.length&&(be=J-1):J>-1&&(be=J-1),be!==J&&(ge.preventDefault(),re(be));break}case"Down":case"ArrowDown":{de();let be=J;Ke?J!==-1&&(J>=We.length?be=0:J===We.length-1?be=-1:be=J+1):J<We.length-1+ +!!Z&&(be=J+1),be!==J&&(ge.preventDefault(),re(be));break}default:de()}},[fe,de,J,_e,O,Ke,We]),bt=s.useCallback(ge=>{const be=We.findIndex(ze=>{if(ze.textKey){const Bt=ze.textKey;return ze.value[Bt].toLowerCase().charAt([0])===ge.key.toLocaleLowerCase()}return ze.value.toString().toLowerCase().charAt([0])===ge.key.toLocaleLowerCase()});be>-1&&re(be)},[We]),Le=s.useCallback(ge=>{ge&&(Vv.includes(ge.key)?mt(ge):$v.includes(ge.key)&&!f&&bt(ge))},[fe,de,J,_e,O,Ke,We]);s.useEffect(()=>{if(Je!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ge=()=>{j&&j(!1)},be=document.getElementsByClassName("sps-modal__body")[0];return be.addEventListener("scroll",ge),()=>{be.removeEventListener("scroll",ge)}}},[]),s.useEffect(()=>{Ee.current&&Fv(Ee.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[J]),s.useEffect(()=>{me(k),k?Me.current&&Me.current.focus():re(-1)},[k]),s.useEffect(()=>{L&&Le(L)},[L]),s.useEffect(()=>{!ne&&se.current&&(Ze({value:""}),se.current.scrollTop=0),ne&&K&&K(Ke)},[ne]);const at=P?P/16:U,Mn=at?{maxHeight:`${at}rem`}:{};function Pt(ge,be){return be?s.createElement(s.Fragment,null,ge.split(be).map((ze,Bt)=>be.test(ze)?s.createElement("u",{key:Bt},ze):s.createElement(s.Fragment,{key:Bt},ze))):s.createElement(s.Fragment,null,ge)}return Oe(s.createElement("div",{className:Yt,id:I,"aria-activedescendant":J>-1?`${I}-option-${J}`:"",tabIndex:-1,ref:oe,style:ve,onMouseLeave:()=>re(-1),"data-testid":te,...F},Te,s.createElement("div",{className:mn,ref:se,"data-testid":`${te}-options`,style:Mn},!z&&!xe.pending&&m&&We.length===0&&s.createElement("div",{className:"sps-option-list__zero-state"},m),(z||xe.pending)&&s.createElement("div",{className:"sps-option-list__loading"},s.createElement(Ja,null)),!z&&!xe.pending&&We.map((ge,be)=>{const ze=`${I}-option-${be}`,Bt=Kv(ge.value,G,r),_n=Cc(De.current,r||"",ge);return s.createElement("a",{key:ze,id:ze,role:M,"aria-selected":Bt,href:ge.href,className:W("sps-option-list__option",ge.caption&&"sps-option-list__option--has-caption",ge.disabled&&"sps-option-list__option--disabled",ge.bold&&"sps-option-list__option--bold",(Bt||_n)&&"sps-option-list__option--selected",J===be&&"sps-option-list__option--highlighted"),onClick:pe=>ot(pe,ge,_n),onMouseOver:()=>re(be),tabIndex:-1,ref:J===be?Ee:null,"data-testid":`${te}-option-${be}`},ge.value&&ge.value.icon&&s.createElement("i",{className:W("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ge.value.icon)}`)}),(!ge.value||!ge.value.icon&&Xe)&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",null,Pt(ge.text,xe.replacementPattern)),ge.caption&&s.createElement("div",{className:"sps-option-list__option-caption"},s.createElement("span",null,Pt(ge.caption,xe.replacementPattern))))})),ee&&(Z==null?void 0:Z.label)&&s.createElement("a",{className:W("sps-option-list__option","sps-option-list__special-action",J===We.length&&"sps-option-list__option--highlighted",Z.disabled&&"sps-option-list__special-action--disabled"),href:ee.href,target:ee.href&&Z.newTab?"_blank":"_self",onClick:ge=>ot(ge,ee),onMouseOver:()=>re(We.length),"data-testid":`${te}-special-action`},Z.icon&&s.createElement("i",{className:W("sps-icon","sps-option-list__option-icon",`sps-icon-${String(Z.icon)}`)}),!Z.icon&&Xe&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",null,Z.label))))});Object.assign(rs,{displayName:"SpsOptionList"});function Hv(e,t,n=[]){return s.useMemo(()=>{function r(o){return s.createElement(e,{...o,...t},o.children)}return r},n)}function yt(e){return typeof e=="function"?e():e}const Tp=function({children:e,elements:t}){if(t.length===0)return s.createElement(s.Fragment,null,e);const[n,r]=Array.isArray(t[0])?t[0]:[t[0]];return s.createElement(n,{...r??{}},s.createElement(Tp,{elements:t.slice(1)},e))},Ep=function({children:e,providers:t=[],...n}){return s.createElement("div",{...n},s.createElement(Tp,{elements:t},e))},Wv=function({children:e,className:t,...n}){return s.createElement(Ep,{className:`sps-app ${t}`,...n},e)};function Lt(e=[],t=[]){const n=Array.isArray(e)?y.flatten(e):[e],r=t.map(a=>Array.isArray(a)?a:[a]),o=new Array(r.length+1).fill(null).map(()=>[]);for(const a of n){let l=!1;for(let c=0;c<r.length;c+=1)for(const{type:p,props:m={}}of r[c])if(a.type===p&&Object.keys(m).every(u=>m[u]===a.props[u])){l=!0,o[c].push(a);break}l||o[o.length-1].push(a)}return o}function wp(e,t,n){const r=Object.entries(t).filter(([,a])=>typeof a!="string"&&a.deprecated).map(([a])=>a),o=r.map(a=>n[a]);s.useEffect(()=>{o.find(a=>typeof a<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${r.join(", ")}`)},o)}function Xa(e,t){const n=_.useRef(!1);_.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function ka(e,t,n){const r=s.useRef(t(...n));s.useEffect(()=>(document.addEventListener(e,r.current),()=>document.removeEventListener(e,r.current)),[]),s.useEffect(()=>{document.removeEventListener(e,r.current),r.current=t(...n),document.addEventListener(e,r.current)},n)}function Dc(e,t,n){return function(o){var a,l;!((a=e.current)!=null&&a.contains(o.target))&&!((l=t.current)!=null&&l.contains(o.target))&&n()}}function Cr(e,t,n){const r=s.useRef(!1),[o,a]=s.useState(!1),l=s.useCallback(()=>{r.current?r.current=!1:a(!0)},[]),c=s.useCallback((p=!1)=>{a(!1),r.current=p,n&&n()},[]);return ka("mousedown",Dc,[e,t,c]),ka("pointerdown",Dc,[e,t,c]),{showPopup:o,doShowPopup:l,doHidePopup:c}}const Gv={debounce:"number",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
|
|
2
2
|
Eventually<Iterable<string>>
|
|
3
3
|
| ((filter?: string) => Eventually<Iterable<string>>)
|
|
4
|
-
`,required:!0},tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function zt({className:e,debounce:t=0,disabled:n,formControl:r,formMeta:o,onChange:a,onSelectionChange:l,icon:c,id:p,placeholder:m="",suggestions:f,unsafelyReplaceClassName:u,tallOptionList:h,value:S="",zeroState:v,loading:E,maxHeightOptionListPx:T,maxHeightOptionListRem:C,disableOptionsMemoization:N,inputNotClearable:I,autoFocusOnSelection:x,"data-testid":k,...A}){const L=o||r,{wrapperId:w,controlId:R}=
|
|
4
|
+
`,required:!0},tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function zt({className:e,debounce:t=0,disabled:n,formControl:r,formMeta:o,onChange:a,onSelectionChange:l,icon:c,id:p,placeholder:m="",suggestions:f,unsafelyReplaceClassName:u,tallOptionList:h,value:S="",zeroState:v,loading:E,maxHeightOptionListPx:T,maxHeightOptionListRem:C,disableOptionsMemoization:N,inputNotClearable:I,autoFocusOnSelection:x,"data-testid":k,...A}){const L=o||r,{wrapperId:w,controlId:R}=Tt(p,L),[O,K]=Jt({keyDown:null,opensUpward:!1}),j=s.useRef(null),M=s.useRef(null),Y=s.useRef(null),{showPopup:G,doShowPopup:Z,doHidePopup:$}=Cr(j,Y);function z(F,ee,J=!1){L&&(L.setValue(F),L.markAsDirty()),l&&J?l(F):a&&a(ee||new Dn({value:F}))}function le(F){M.current&&(M.current.value="",z("")),F.stopPropagation()}function P(F){z(F.target.value,F)}function U(F){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(F.key)>-1&&(F.preventDefault(),F.persist()),F.stopPropagation(),K({keyDown:F})),F.key==="Tab"&&$()}function ie(F){F?Z():$()}function Q(F){K({opensUpward:F})}const te=W(u||"sps-autocomplete",G&&"sps-autocomplete--open",G&&"z-stratum-dropdown",O.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return s.createElement(ct,{id:w,className:te,formControl:r,formMeta:o,inputRef:M,ref:j,focusInputOnClick:!0,onClick:F=>F.nativeEvent.stopImmediatePropagation(),"data-testid":`${k}`},s.createElement("div",{className:"sps-text-input"},s.createElement("div",{className:"sps-form-control"},c&&s.createElement("i",{className:W("sps-text-input__icon","sps-icon",`sps-icon-${c}`)}),s.createElement("input",{type:"text",ref:M,value:S,className:"sps-text-input__input",placeholder:m,onFocus:Z,onClick:Z,onChange:P,onKeyDown:U,disabled:n,id:R,"data-testid":`${k}__input`,...A}),S&&!n&&!I&&s.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:F=>le(F)}))),s.createElement(rs,{id:`${w}_options`,ref:Y,attachTo:j,isOpen:G,options:f,hideInlineSearch:!0,keyDown:O.keyDown,onOptionSelected:F=>{var ee;z(F,void 0,!0),x&&((ee=M.current)==null||ee.focus())},onPositionFlip:Q,onSelfToggle:ie,offsets:[1,0],search:S,searchDebounce:t,tall:h,zeroState:v,loading:E,maxHeightPx:T,maxHeightRem:C,disableOptionsMemoization:N}))}Object.assign(zt,{props:Gv,displayName:"SpsAutocomplete"});const Cp={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
5
5
|
import { SpsAutocomplete } from "@spscommerce/ds-react";
|
|
6
6
|
|
|
7
7
|
function DemoComponent() {
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
<SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
|
-
`}}}},Yv={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Zn({checked:e,className:t,disabled:n,formControl:r,formMeta:o,id:a,indeterminate:l=!1,inline:c,label:p,onChange:m,"data-testid":f,unsafelyReplaceClassName:u,...h}){const S=o||r,v=s.useRef(null),[E,T]=s.useState(e),[C,N]=s.useState(l),{wrapperId:I,controlId:x}=
|
|
111
|
+
`}}}},Yv={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Zn({checked:e,className:t,disabled:n,formControl:r,formMeta:o,id:a,indeterminate:l=!1,inline:c,label:p,onChange:m,"data-testid":f,unsafelyReplaceClassName:u,...h}){const S=o||r,v=s.useRef(null),[E,T]=s.useState(e),[C,N]=s.useState(l),{wrapperId:I,controlId:x}=Tt(a,S);s.useEffect(()=>T(e),[e]),s.useEffect(()=>N(l),[l]),s.useEffect(()=>{v.current&&(v.current.indeterminate=C)},[C]);const k=W(u||"sps-checkbox","sps-checkable",c&&"sps-checkable--inline",!p&&"sps-checkable--no-label",t);function A(L){var w;T(L.target.checked),N(!1),S&&(S.setValue(L.target.checked),S.markAsDirty()),m&&m(L),(w=v.current)==null||w.focus()}return s.createElement(ct,{id:I,className:k,formControl:r,formMeta:o,inputRef:v,"data-testid":f},s.createElement("input",{type:"checkbox",ref:v,className:"sps-checkable__input",id:x,checked:E,disabled:n,"data-testid":`${f}__checkbox-input`,onChange:A,...h}),s.createElement("label",{className:"sps-checkable__label",htmlFor:x},p||""))}Object.assign(Zn,{props:Yv,displayName:"SpsCheckbox"});const Dp={labels:{label:"Labels",description:y.code`
|
|
112
112
|
<p>An individual checkbox should be labeled with its own <code>label</code> prop,
|
|
113
113
|
not the <code><SpsLabel></code> component.</p>
|
|
114
114
|
`,examples:{label:{react:y.code`
|
|
@@ -401,7 +401,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
401
401
|
`:`
|
|
402
402
|
The item has been dropped while not over a drop area.
|
|
403
403
|
`+nd(t.source)+`
|
|
404
|
-
`},Vs={dragHandleUsageInstructions:vT,onDragStart:yT,onDragUpdate:TT,onDragEnd:ET},rt={x:0,y:0},it=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Et=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},yn=function(t,n){return t.x===n.x&&t.y===n.y},Dr=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Yn=function(t,n,r){var o;return r===void 0&&(r=0),o={},o[t]=n,o[t==="x"?"y":"x"]=r,o},Zr=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},rd=function(t,n){return Math.min.apply(Math,n.map(function(r){return Zr(t,r)}))},jp=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},wT=function(e,t){var n=Ht({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n},os=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},sd=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},CT={top:0,right:0,bottom:0,left:0},DT=function(t,n){return n?os(t,n.scroll.diff.displacement):t},NT=function(t,n,r){if(r&&r.increasedBy){var o;return Se({},t,(o={},o[n.end]=t[n.end]+r.increasedBy[n.line],o))}return t},xT=function(t,n){return n&&n.shouldClipSubject?wT(n.pageMarginBox,t):Ht(t)},br=function(e){var t=e.page,n=e.withPlaceholder,r=e.axis,o=e.frame,a=DT(t.marginBox,o),l=NT(a,r,n),c=xT(l,o);return{page:t,withPlaceholder:n,active:c}},ii=function(e,t){e.frame||(process.env.NODE_ENV,V());var n=e.frame,r=Et(t,n.scroll.initial),o=Dr(r),a=Se({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:r,displacement:o},max:n.scroll.max}}),l=br({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:a}),c=Se({},e,{frame:a,subject:l});return c};function kT(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function js(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function li(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function Nn(e,t){if(e.find)return e.find(t);var n=li(e,t);if(n!==-1)return e[n]}function zp(e){return Array.prototype.slice.call(e)}var qp=nt(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Jp=nt(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),so=nt(function(e){return js(e)}),IT=nt(function(e){return js(e)}),Xn=nt(function(e,t){var n=IT(t).filter(function(r){return e===r.descriptor.droppableId}).sort(function(r,o){return r.descriptor.index-o.descriptor.index});return n});function ci(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function oo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var ao=nt(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),MT=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.insideDestination,a=e.previousImpact;if(!r.isCombineEnabled)return null;var l=ci(a);if(!l)return null;function c(E){var T={type:"COMBINE",combine:{draggableId:E,droppableId:r.descriptor.id}};return Se({},a,{at:T})}var p=a.displaced.all,m=p.length?p[0]:null;if(t)return m?c(m):null;var f=ao(n,o);if(!m){if(!f.length)return null;var u=f[f.length-1];return c(u.descriptor.id)}var h=li(f,function(E){return E.descriptor.id===m});h===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Could not find displaced item in set"):V());var S=h-1;if(S<0)return null;var v=f[S];return c(v.descriptor.id)},Nr=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Zp={point:rt,value:0},Xr={invisible:{},visible:{},all:[]},_T={displaced:Xr,displacedBy:Zp,at:null},Rt=function(e,t){return function(n){return e<=n&&n<=t}},Xp=function(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(r){var o=t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right);if(o)return!0;var a=t(r.top)||t(r.bottom),l=n(r.left)||n(r.right),c=a&&l;if(c)return!0;var p=r.top<e.top&&r.bottom>e.bottom,m=r.left<e.left&&r.right>e.right,f=p&&m;if(f)return!0;var u=p&&l||m&&a;return u}},RT=function(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(r){var o=t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right);return o}},di={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Qp={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},OT=function(e){return function(t){var n=Rt(t.top,t.bottom),r=Rt(t.left,t.right);return function(o){return e===di?n(o.top)&&n(o.bottom):r(o.left)&&r(o.right)}}},LT=function(t,n){var r=n.frame?n.frame.scroll.diff.displacement:rt;return os(t,r)},PT=function(t,n,r){return n.subject.active?r(n.subject.active)(t):!1},BT=function(t,n,r){return r(n)(t)},pi=function(t){var n=t.target,r=t.destination,o=t.viewport,a=t.withDroppableDisplacement,l=t.isVisibleThroughFrameFn,c=a?LT(n,r):n;return PT(c,r,l)&&BT(c,o,l)},AT=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:Xp}))},eu=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:RT}))},FT=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:OT(t.destination.axis)}))},VT=function(t,n,r){if(typeof r=="boolean")return r;if(!n)return!0;var o=n.invisible,a=n.visible;if(o[t])return!1;var l=a[t];return l?l.shouldAnimate:!0};function $T(e,t){var n=e.page.marginBox,r={top:t.point.y,right:0,bottom:0,left:t.point.x};return Ht(oi(n,r))}function Qr(e){var t=e.afterDragging,n=e.destination,r=e.displacedBy,o=e.viewport,a=e.forceShouldAnimate,l=e.last;return t.reduce(function(p,m){var f=$T(m,r),u=m.descriptor.id;p.all.push(u);var h=AT({target:f,destination:n,viewport:o,withDroppableDisplacement:!0});if(!h)return p.invisible[m.descriptor.id]=!0,p;var S=VT(u,l,a),v={draggableId:u,shouldAnimate:S};return p.visible[u]=v,p},{all:[],visible:{},invisible:{}})}function KT(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function od(e){var t=e.insideDestination,n=e.inHomeList,r=e.displacedBy,o=e.destination,a=KT(t,{inHomeList:n});return{displaced:Xr,displacedBy:r,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:a}}}}function zs(e){var t=e.draggable,n=e.insideDestination,r=e.destination,o=e.viewport,a=e.displacedBy,l=e.last,c=e.index,p=e.forceShouldAnimate,m=Nr(t,r);if(c==null)return od({insideDestination:n,inHomeList:m,displacedBy:a,destination:r});var f=Nn(n,function(E){return E.descriptor.index===c});if(!f)return od({insideDestination:n,inHomeList:m,displacedBy:a,destination:r});var u=ao(t,n),h=n.indexOf(f),S=u.slice(h),v=Qr({afterDragging:S,destination:r,displacedBy:a,last:l,viewport:o.frame,forceShouldAnimate:p});return{displaced:v,displacedBy:a,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:c}}}}function En(e,t){return!!t.effected[e]}var HT=function(e){var t=e.isMovingForward,n=e.destination,r=e.draggables,o=e.combine,a=e.afterCritical;if(!n.isCombineEnabled)return null;var l=o.draggableId,c=r[l],p=c.descriptor.index,m=En(l,a);return m?t?p:p-1:t?p+1:p},WT=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.insideDestination,o=e.location;if(!r.length)return null;var a=o.index,l=t?a+1:a-1,c=r[0].descriptor.index,p=r[r.length-1].descriptor.index,m=n?p:p+1;return l<c||l>m?null:l},GT=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.draggable,o=e.draggables,a=e.destination,l=e.insideDestination,c=e.previousImpact,p=e.viewport,m=e.afterCritical,f=c.at;if(f||(process.env.NODE_ENV!=="production"?V(!1,"Cannot move in direction without previous impact location"):V()),f.type==="REORDER"){var u=WT({isMovingForward:t,isInHomeList:n,location:f.destination,insideDestination:l});return u==null?null:zs({draggable:r,insideDestination:l,destination:a,viewport:p,last:c.displaced,displacedBy:c.displacedBy,index:u})}var h=HT({isMovingForward:t,destination:a,displaced:c.displaced,draggables:o,combine:f.combine,afterCritical:m});return h==null?null:zs({draggable:r,insideDestination:l,destination:a,viewport:p,last:c.displaced,displacedBy:c.displacedBy,index:h})},YT=function(e){var t=e.displaced,n=e.afterCritical,r=e.combineWith,o=e.displacedBy,a=!!(t.visible[r]||t.invisible[r]);return En(r,n)?a?rt:Dr(o.point):a?o.point:rt},UT=function(e){var t=e.afterCritical,n=e.impact,r=e.draggables,o=oo(n);o||(process.env.NODE_ENV,V());var a=o.draggableId,l=r[a].page.borderBox.center,c=YT({displaced:n.displaced,afterCritical:t,combineWith:a,displacedBy:n.displacedBy});return it(l,c)},tu=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},jT=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ui=function(t,n,r){return n[t.crossAxisStart]+r.margin[t.crossAxisStart]+r.borderBox[t.crossAxisSize]/2},ad=function(t){var n=t.axis,r=t.moveRelativeTo,o=t.isMoving;return Yn(n.line,r.marginBox[n.end]+tu(n,o),ui(n,r.marginBox,o))},id=function(t){var n=t.axis,r=t.moveRelativeTo,o=t.isMoving;return Yn(n.line,r.marginBox[n.start]-jT(n,o),ui(n,r.marginBox,o))},zT=function(t){var n=t.axis,r=t.moveInto,o=t.isMoving;return Yn(n.line,r.contentBox[n.start]+tu(n,o),ui(n,r.contentBox,o))},qT=function(e){var t=e.impact,n=e.draggable,r=e.draggables,o=e.droppable,a=e.afterCritical,l=Xn(o.descriptor.id,r),c=n.page,p=o.axis;if(!l.length)return zT({axis:p,moveInto:o.page,isMoving:c});var m=t.displaced,f=t.displacedBy,u=m.all[0];if(u){var h=r[u];if(En(u,a))return id({axis:p,moveRelativeTo:h.page,isMoving:c});var S=Gs(h.page,f.point);return id({axis:p,moveRelativeTo:S,isMoving:c})}var v=l[l.length-1];if(v.descriptor.id===n.descriptor.id)return c.borderBox.center;if(En(v.descriptor.id,a)){var E=Gs(v.page,Dr(a.displacedBy.point));return ad({axis:p,moveRelativeTo:E,isMoving:c})}return ad({axis:p,moveRelativeTo:v.page,isMoving:c})},La=function(e,t){var n=e.frame;return n?it(t,n.scroll.diff.displacement):t},JT=function(t){var n=t.impact,r=t.draggable,o=t.droppable,a=t.draggables,l=t.afterCritical,c=r.page.borderBox.center,p=n.at;return!o||!p?c:p.type==="REORDER"?qT({impact:n,draggable:r,draggables:a,droppable:o,afterCritical:l}):UT({impact:n,draggables:a,afterCritical:l})},io=function(e){var t=JT(e),n=e.droppable,r=n?La(n,t):t;return r},nu=function(e,t){var n=Et(t,e.scroll.initial),r=Dr(n),o=Ht({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),a={frame:o,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:r}}};return a};function ld(e,t){return e.map(function(n){return t[n]})}function ZT(e,t){for(var n=0;n<t.length;n++){var r=t[n].visible[e];if(r)return r}return null}var XT=function(e){var t=e.impact,n=e.viewport,r=e.destination,o=e.draggables,a=e.maxScrollChange,l=nu(n,it(n.scroll.current,a)),c=r.frame?ii(r,it(r.frame.scroll.current,a)):r,p=t.displaced,m=Qr({afterDragging:ld(p.all,o),destination:r,displacedBy:t.displacedBy,viewport:l.frame,last:p,forceShouldAnimate:!1}),f=Qr({afterDragging:ld(p.all,o),destination:c,displacedBy:t.displacedBy,viewport:n.frame,last:p,forceShouldAnimate:!1}),u={},h={},S=[p,m,f];p.all.forEach(function(E){var T=ZT(E,S);if(T){h[E]=T;return}u[E]=!0});var v=Se({},t,{displaced:{all:p.all,invisible:u,visible:h}});return v},QT=function(e,t){return it(e.scroll.diff.displacement,t)},mi=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,r=e.viewport,o=QT(r,t),a=Et(o,n.page.borderBox.center);return it(n.client.borderBox.center,a)},ru=function(e){var t=e.draggable,n=e.destination,r=e.newPageBorderBoxCenter,o=e.viewport,a=e.withDroppableDisplacement,l=e.onlyOnMainAxis,c=l===void 0?!1:l,p=Et(r,t.page.borderBox.center),m=os(t.page.borderBox,p),f={target:m,destination:n,withDroppableDisplacement:a,viewport:o};return c?FT(f):eu(f)},eE=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.draggables,a=e.previousImpact,l=e.viewport,c=e.previousPageBorderBoxCenter,p=e.previousClientSelection,m=e.afterCritical;if(!r.isEnabled)return null;var f=Xn(r.descriptor.id,o),u=Nr(n,r),h=MT({isMovingForward:t,draggable:n,destination:r,insideDestination:f,previousImpact:a})||GT({isMovingForward:t,isInHomeList:u,draggable:n,draggables:o,destination:r,insideDestination:f,previousImpact:a,viewport:l,afterCritical:m});if(!h)return null;var S=io({impact:h,draggable:n,droppable:r,draggables:o,afterCritical:m}),v=ru({draggable:n,destination:r,newPageBorderBoxCenter:S,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(v){var E=mi({pageBorderBoxCenter:S,draggable:n,viewport:l});return{clientSelection:E,impact:h,scrollJumpRequest:null}}var T=Et(S,c),C=XT({impact:h,viewport:l,destination:r,draggables:o,maxScrollChange:T});return{clientSelection:p,impact:C,scrollJumpRequest:T}},ht=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?V(!1,"Cannot get clipped area from droppable"):V()),n},tE=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,r=e.source,o=e.droppables,a=e.viewport,l=r.subject.active;if(!l)return null;var c=r.axis,p=Rt(l[c.start],l[c.end]),m=so(o).filter(function(u){return u!==r}).filter(function(u){return u.isEnabled}).filter(function(u){return!!u.subject.active}).filter(function(u){return Xp(a.frame)(ht(u))}).filter(function(u){var h=ht(u);return t?l[c.crossAxisEnd]<h[c.crossAxisEnd]:h[c.crossAxisStart]<l[c.crossAxisStart]}).filter(function(u){var h=ht(u),S=Rt(h[c.start],h[c.end]);return p(h[c.start])||p(h[c.end])||S(l[c.start])||S(l[c.end])}).sort(function(u,h){var S=ht(u)[c.crossAxisStart],v=ht(h)[c.crossAxisStart];return t?S-v:v-S}).filter(function(u,h,S){return ht(u)[c.crossAxisStart]===ht(S[0])[c.crossAxisStart]});if(!m.length)return null;if(m.length===1)return m[0];var f=m.filter(function(u){var h=Rt(ht(u)[c.start],ht(u)[c.end]);return h(n[c.line])});return f.length===1?f[0]:f.length>1?f.sort(function(u,h){return ht(u)[c.start]-ht(h)[c.start]})[0]:m.sort(function(u,h){var S=rd(n,sd(ht(u))),v=rd(n,sd(ht(h)));return S!==v?S-v:ht(u)[c.start]-ht(h)[c.start]})[0]},cd=function(t,n){var r=t.page.borderBox.center;return En(t.descriptor.id,n)?Et(r,n.displacedBy.point):r},nE=function(t,n){var r=t.page.borderBox;return En(t.descriptor.id,n)?os(r,Dr(n.displacedBy.point)):r},rE=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,r=e.destination,o=e.insideDestination,a=e.afterCritical,l=o.filter(function(c){return eu({target:nE(c,a),destination:r,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(c,p){var m=Zr(t,La(r,cd(c,a))),f=Zr(t,La(r,cd(p,a)));return m<f?-1:f<m?1:c.descriptor.index-p.descriptor.index});return l[0]||null},as=nt(function(t,n){var r=n[t.line];return{value:r,point:Yn(t.line,r)}}),sE=function(t,n,r){var o=t.axis;if(t.descriptor.mode==="virtual")return Yn(o.line,n[o.line]);var a=t.subject.page.contentBox[o.size],l=Xn(t.descriptor.id,r),c=l.reduce(function(f,u){return f+u.client.marginBox[o.size]},0),p=c+n[o.line],m=p-a;return m<=0?null:Yn(o.line,m)},su=function(t,n){return Se({},t,{scroll:Se({},t.scroll,{max:n})})},ou=function(t,n,r){var o=t.frame;Nr(n,t)&&(process.env.NODE_ENV!=="production"?V(!1,"Should not add placeholder space to home list"):V()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot add placeholder size to a subject when it already has one"):V());var a=as(t.axis,n.displaceBy).point,l=sE(t,a,r),c={placeholderSize:a,increasedBy:l,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!o){var p=br({page:t.subject.page,withPlaceholder:c,axis:t.axis,frame:t.frame});return Se({},t,{subject:p})}var m=l?it(o.scroll.max,l):o.scroll.max,f=su(o,m),u=br({page:t.subject.page,withPlaceholder:c,axis:t.axis,frame:f});return Se({},t,{subject:u,frame:f})},oE=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?V(!1,"Cannot remove placeholder form subject when there was none"):V());var r=t.frame;if(!r){var o=br({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return Se({},t,{subject:o})}var a=n.oldFrameMaxScroll;a||(process.env.NODE_ENV!=="production"?V(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):V());var l=su(r,a),c=br({page:t.subject.page,axis:t.axis,frame:l,withPlaceholder:null});return Se({},t,{subject:c,frame:l})},aE=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,r=e.insideDestination,o=e.draggable,a=e.draggables,l=e.destination,c=e.viewport,p=e.afterCritical;if(!n){if(r.length)return null;var m={displaced:Xr,displacedBy:Zp,at:{type:"REORDER",destination:{droppableId:l.descriptor.id,index:0}}},f=io({impact:m,draggable:o,droppable:l,draggables:a,afterCritical:p}),u=Nr(o,l)?l:ou(l,o,a),h=ru({draggable:o,destination:u,newPageBorderBoxCenter:f,viewport:c.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return h?m:null}var S=t[l.axis.line]<=n.page.borderBox.center[l.axis.line],v=function(){var T=n.descriptor.index;return n.descriptor.id===o.descriptor.id||S?T:T+1}(),E=as(l.axis,o.displaceBy);return zs({draggable:o,insideDestination:r,destination:l,viewport:c,displacedBy:E,last:Xr,index:v})},iE=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,r=e.draggable,o=e.isOver,a=e.draggables,l=e.droppables,c=e.viewport,p=e.afterCritical,m=tE({isMovingForward:t,pageBorderBoxCenter:n,source:o,droppables:l,viewport:c});if(!m)return null;var f=Xn(m.descriptor.id,a),u=rE({pageBorderBoxCenter:n,viewport:c,destination:m,insideDestination:f,afterCritical:p}),h=aE({previousPageBorderBoxCenter:n,destination:m,draggable:r,draggables:a,moveRelativeTo:u,insideDestination:f,viewport:c,afterCritical:p});if(!h)return null;var S=io({impact:h,draggable:r,droppable:m,draggables:a,afterCritical:p}),v=mi({pageBorderBoxCenter:S,draggable:r,viewport:c});return{clientSelection:v,impact:h,scrollJumpRequest:null}},Ct=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},lE=function(t,n){var r=Ct(t);return r?n[r]:null},cE=function(e){var t=e.state,n=e.type,r=lE(t.impact,t.dimensions.droppables),o=!!r,a=t.dimensions.droppables[t.critical.droppable.id],l=r||a,c=l.axis.direction,p=c==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||c==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(p&&!o)return null;var m=n==="MOVE_DOWN"||n==="MOVE_RIGHT",f=t.dimensions.draggables[t.critical.draggable.id],u=t.current.page.borderBoxCenter,h=t.dimensions,S=h.draggables,v=h.droppables;return p?eE({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,destination:l,draggables:S,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):iE({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,isOver:l,draggables:S,droppables:v,viewport:t.viewport,afterCritical:t.afterCritical})};function Vn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function au(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(o){return t(o.y)&&n(o.x)}}function dE(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function pE(e){var t=e.pageBorderBox,n=e.draggable,r=e.candidates,o=n.page.borderBox.center,a=r.map(function(l){var c=l.axis,p=Yn(l.axis.line,t.center[c.line],l.page.borderBox.center[c.crossAxisLine]);return{id:l.descriptor.id,distance:Zr(o,p)}}).sort(function(l,c){return c.distance-l.distance});return a[0]?a[0].id:null}function uE(e){var t=e.pageBorderBox,n=e.draggable,r=e.droppables,o=so(r).filter(function(a){if(!a.isEnabled)return!1;var l=a.subject.active;if(!l||!dE(t,l))return!1;if(au(l)(t.center))return!0;var c=a.axis,p=l.center[c.crossAxisLine],m=t[c.crossAxisStart],f=t[c.crossAxisEnd],u=Rt(l[c.crossAxisStart],l[c.crossAxisEnd]),h=u(m),S=u(f);return!h&&!S?!0:h?m<p:f>p});return o.length?o.length===1?o[0].descriptor.id:pE({pageBorderBox:t,draggable:n,candidates:o}):null}var iu=function(t,n){return Ht(os(t,n))},mE=function(e,t){var n=e.frame;return n?iu(t,n.scroll.diff.value):t};function lu(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function fE(e){var t=e.draggable,n=e.closest,r=e.inHomeList;return n?r&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var hE=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,r=e.destination,o=e.insideDestination,a=e.last,l=e.viewport,c=e.afterCritical,p=r.axis,m=as(r.axis,n.displaceBy),f=m.value,u=t[p.start],h=t[p.end],S=ao(n,o),v=Nn(S,function(T){var C=T.descriptor.id,N=T.page.borderBox.center[p.line],I=En(C,c),x=lu({displaced:a,id:C});return I?x?h<=N:u<N-f:x?h<=N+f:u<N}),E=fE({draggable:n,closest:v,inHomeList:Nr(n,r)});return zs({draggable:n,insideDestination:o,destination:r,viewport:l,last:a,displacedBy:m,index:E})},SE=4,gE=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,r=e.previousImpact,o=e.destination,a=e.insideDestination,l=e.afterCritical;if(!o.isCombineEnabled)return null;var c=o.axis,p=as(o.axis,t.displaceBy),m=p.value,f=n[c.start],u=n[c.end],h=ao(t,a),S=Nn(h,function(E){var T=E.descriptor.id,C=E.page.borderBox,N=C[c.size],I=N/SE,x=En(T,l),k=lu({displaced:r.displaced,id:T});return x?k?u>C[c.start]+I&&u<C[c.end]-I:f>C[c.start]-m+I&&f<C[c.end]-m-I:k?u>C[c.start]+m+I&&u<C[c.end]+m-I:f>C[c.start]+I&&f<C[c.end]-I});if(!S)return null;var v={displacedBy:p,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:S.descriptor.id,droppableId:o.descriptor.id}}};return v},cu=function(e){var t=e.pageOffset,n=e.draggable,r=e.draggables,o=e.droppables,a=e.previousImpact,l=e.viewport,c=e.afterCritical,p=iu(n.page.borderBox,t),m=uE({pageBorderBox:p,draggable:n,droppables:o});if(!m)return _T;var f=o[m],u=Xn(f.descriptor.id,r),h=mE(f,p);return gE({pageBorderBoxWithDroppableScroll:h,draggable:n,previousImpact:a,destination:f,insideDestination:u,afterCritical:c})||hE({pageBorderBoxWithDroppableScroll:h,draggable:n,destination:f,insideDestination:u,last:a.displaced,viewport:l,afterCritical:c})},fi=function(e,t){var n;return Se({},e,(n={},n[t.descriptor.id]=t,n))},bE=function(t){var n=t.previousImpact,r=t.impact,o=t.droppables,a=Ct(n),l=Ct(r);if(!a||a===l)return o;var c=o[a];if(!c.subject.withPlaceholder)return o;var p=oE(c);return fi(o,p)},vE=function(e){var t=e.draggable,n=e.draggables,r=e.droppables,o=e.previousImpact,a=e.impact,l=bE({previousImpact:o,impact:a,droppables:r}),c=Ct(a);if(!c)return l;var p=r[c];if(Nr(t,p)||p.subject.withPlaceholder)return l;var m=ou(p,t,n);return fi(l,m)},Hr=function(e){var t=e.state,n=e.clientSelection,r=e.dimensions,o=e.viewport,a=e.impact,l=e.scrollJumpRequest,c=o||t.viewport,p=r||t.dimensions,m=n||t.current.client.selection,f=Et(m,t.initial.client.selection),u={offset:f,selection:m,borderBoxCenter:it(t.initial.client.borderBoxCenter,f)},h={selection:it(u.selection,c.scroll.current),borderBoxCenter:it(u.borderBoxCenter,c.scroll.current),offset:it(u.offset,c.scroll.diff.value)},S={client:u,page:h};if(t.phase==="COLLECTING")return Se({phase:"COLLECTING"},t,{dimensions:p,viewport:c,current:S});var v=p.draggables[t.critical.draggable.id],E=a||cu({pageOffset:h.offset,draggable:v,draggables:p.draggables,droppables:p.droppables,previousImpact:t.impact,viewport:c,afterCritical:t.afterCritical}),T=vE({draggable:v,impact:E,previousImpact:t.impact,draggables:p.draggables,droppables:p.droppables}),C=Se({},t,{current:S,dimensions:{draggables:p.draggables,droppables:T},impact:E,viewport:c,scrollJumpRequest:l||null,forceShouldAnimate:l?!1:null});return C};function yE(e,t){return e.map(function(n){return t[n]})}var du=function(e){var t=e.impact,n=e.viewport,r=e.draggables,o=e.destination,a=e.forceShouldAnimate,l=t.displaced,c=yE(l.all,r),p=Qr({afterDragging:c,destination:o,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:a,last:l});return Se({},t,{displaced:p})},pu=function(e){var t=e.impact,n=e.draggable,r=e.droppable,o=e.draggables,a=e.viewport,l=e.afterCritical,c=io({impact:t,draggable:n,draggables:o,droppable:r,afterCritical:l});return mi({pageBorderBoxCenter:c,draggable:n,viewport:a})},uu=function(e){var t=e.state,n=e.dimensions,r=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,V());var o=t.impact,a=r||t.viewport,l=n||t.dimensions,c=l.draggables,p=l.droppables,m=c[t.critical.draggable.id],f=Ct(o);f||(process.env.NODE_ENV!=="production"?V(!1,"Must be over a destination in SNAP movement mode"):V());var u=p[f],h=du({impact:o,viewport:a,destination:u,draggables:c}),S=pu({impact:h,draggable:m,droppable:u,draggables:c,viewport:a,afterCritical:t.afterCritical});return Hr({impact:h,clientSelection:S,state:t,dimensions:l,viewport:a})},TE=function(e){return{index:e.index,droppableId:e.droppableId}},mu=function(e){var t=e.draggable,n=e.home,r=e.draggables,o=e.viewport,a=as(n.axis,t.displaceBy),l=Xn(n.descriptor.id,r),c=l.indexOf(t);c===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Expected draggable to be inside home list"):V());var p=l.slice(c+1),m=p.reduce(function(S,v){return S[v.descriptor.id]=!0,S},{}),f={inVirtualList:n.descriptor.mode==="virtual",displacedBy:a,effected:m},u=Qr({afterDragging:p,destination:n,displacedBy:a,last:null,viewport:o.frame,forceShouldAnimate:!1}),h={displaced:u,displacedBy:a,at:{type:"REORDER",destination:TE(t.descriptor)}};return{impact:h,afterCritical:f}},EE=function(e,t){return{draggables:e.draggables,droppables:fi(e.droppables,t)}},is=function(t){process.env.NODE_ENV},ls=function(t){process.env.NODE_ENV},wE=function(e){var t=e.draggable,n=e.offset,r=e.initialWindowScroll,o=Gs(t.client,n),a=Ys(o,r),l=Se({},t,{placeholder:Se({},t.placeholder,{client:o}),client:o,page:a});return l},CE=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?V(!1,"Expected Droppable to have a frame"):V()),t},DE=function(e){var t=e.additions,n=e.updatedDroppables,r=e.viewport,o=r.scroll.diff.value;return t.map(function(a){var l=a.descriptor.droppableId,c=n[l],p=CE(c),m=p.scroll.diff.value,f=it(o,m),u=wE({draggable:a,offset:f,initialWindowScroll:r.scroll.initial});return u})},NE=function(e){var t=e.state,n=e.published;is();var r=n.modified.map(function(I){var x=t.dimensions.droppables[I.droppableId],k=ii(x,I.scroll);return k}),o=Se({},t.dimensions.droppables,{},qp(r)),a=Jp(DE({additions:n.additions,updatedDroppables:o,viewport:t.viewport})),l=Se({},t.dimensions.draggables,{},a);n.removals.forEach(function(I){delete l[I]});var c={droppables:o,draggables:l},p=Ct(t.impact),m=p?c.droppables[p]:null,f=c.draggables[t.critical.draggable.id],u=c.droppables[t.critical.droppable.id],h=mu({draggable:f,home:u,draggables:l,viewport:t.viewport}),S=h.impact,v=h.afterCritical,E=m&&m.isCombineEnabled?t.impact:S,T=cu({pageOffset:t.current.page.offset,draggable:c.draggables[t.critical.draggable.id],draggables:c.draggables,droppables:c.droppables,previousImpact:E,viewport:t.viewport,afterCritical:v});ls();var C=Se({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:T,onLiftImpact:S,dimensions:c,afterCritical:v,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return C;var N=Se({phase:"DROP_PENDING"},C,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return N},Pa=function(t){return t.movementMode==="SNAP"},aa=function(t,n,r){var o=EE(t.dimensions,n);return!Pa(t)||r?Hr({state:t,dimensions:o}):uu({state:t,dimensions:o})};function ia(e){return e.isDragging&&e.movementMode==="SNAP"?Se({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var dd={phase:"IDLE",completed:null,shouldFlush:!1},xE=function(e,t){if(e===void 0&&(e=dd),t.type==="FLUSH")return Se({},dd,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?V(!1,"INITIAL_PUBLISH must come after a IDLE phase"):V());var n=t.payload,r=n.critical,o=n.clientSelection,a=n.viewport,l=n.dimensions,c=n.movementMode,p=l.draggables[r.draggable.id],m=l.droppables[r.droppable.id],f={selection:o,borderBoxCenter:p.client.borderBox.center,offset:rt},u={client:f,page:{selection:it(f.selection,a.scroll.initial),borderBoxCenter:it(f.selection,a.scroll.initial),offset:it(f.selection,a.scroll.diff.value)}},h=so(l.droppables).every(function(oe){return!oe.isFixedOnPage}),S=mu({draggable:p,home:m,draggables:l.draggables,viewport:a}),v=S.impact,E=S.afterCritical,T={phase:"DRAGGING",isDragging:!0,critical:r,movementMode:c,dimensions:l,initial:u,current:u,isWindowScrollAllowed:h,impact:v,afterCritical:E,onLiftImpact:v,viewport:a,scrollJumpRequest:null,forceShouldAnimate:null};return T}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?V(!1,"Collection cannot start from phase "+e.phase):V());var C=Se({phase:"COLLECTING"},e,{phase:"COLLECTING"});return C}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?V(!1,"Unexpected "+t.type+" received in phase "+e.phase):V()),NE({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,t.type+" not permitted in phase "+e.phase):V());var N=t.payload.client;return yn(N,e.current.client.selection)?e:Hr({state:e,clientSelection:N,impact:Pa(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ia(e);Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,t.type+" not permitted in phase "+e.phase):V());var I=t.payload,x=I.id,k=I.newScroll,A=e.dimensions.droppables[x];if(!A)return e;var L=ii(A,k);return aa(e,L,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,"Attempting to move in an unsupported phase "+e.phase):V());var w=t.payload,R=w.id,O=w.isEnabled,K=e.dimensions.droppables[R];K||(process.env.NODE_ENV!=="production"?V(!1,"Cannot find Droppable[id: "+R+"] to toggle its enabled state"):V()),K.isEnabled===O&&(process.env.NODE_ENV!=="production"?V(!1,"Trying to set droppable isEnabled to "+String(O)+`
|
|
404
|
+
`},Vs={dragHandleUsageInstructions:vT,onDragStart:yT,onDragUpdate:TT,onDragEnd:ET},rt={x:0,y:0},it=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},wt=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},yn=function(t,n){return t.x===n.x&&t.y===n.y},Dr=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Yn=function(t,n,r){var o;return r===void 0&&(r=0),o={},o[t]=n,o[t==="x"?"y":"x"]=r,o},Zr=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},rd=function(t,n){return Math.min.apply(Math,n.map(function(r){return Zr(t,r)}))},jp=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},wT=function(e,t){var n=Ht({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n},os=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},sd=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},CT={top:0,right:0,bottom:0,left:0},DT=function(t,n){return n?os(t,n.scroll.diff.displacement):t},NT=function(t,n,r){if(r&&r.increasedBy){var o;return Se({},t,(o={},o[n.end]=t[n.end]+r.increasedBy[n.line],o))}return t},xT=function(t,n){return n&&n.shouldClipSubject?wT(n.pageMarginBox,t):Ht(t)},br=function(e){var t=e.page,n=e.withPlaceholder,r=e.axis,o=e.frame,a=DT(t.marginBox,o),l=NT(a,r,n),c=xT(l,o);return{page:t,withPlaceholder:n,active:c}},ii=function(e,t){e.frame||(process.env.NODE_ENV,V());var n=e.frame,r=wt(t,n.scroll.initial),o=Dr(r),a=Se({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:r,displacement:o},max:n.scroll.max}}),l=br({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:a}),c=Se({},e,{frame:a,subject:l});return c};function kT(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function js(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function li(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function Nn(e,t){if(e.find)return e.find(t);var n=li(e,t);if(n!==-1)return e[n]}function zp(e){return Array.prototype.slice.call(e)}var qp=nt(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Jp=nt(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),so=nt(function(e){return js(e)}),IT=nt(function(e){return js(e)}),Xn=nt(function(e,t){var n=IT(t).filter(function(r){return e===r.descriptor.droppableId}).sort(function(r,o){return r.descriptor.index-o.descriptor.index});return n});function ci(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function oo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var ao=nt(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),MT=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.insideDestination,a=e.previousImpact;if(!r.isCombineEnabled)return null;var l=ci(a);if(!l)return null;function c(E){var T={type:"COMBINE",combine:{draggableId:E,droppableId:r.descriptor.id}};return Se({},a,{at:T})}var p=a.displaced.all,m=p.length?p[0]:null;if(t)return m?c(m):null;var f=ao(n,o);if(!m){if(!f.length)return null;var u=f[f.length-1];return c(u.descriptor.id)}var h=li(f,function(E){return E.descriptor.id===m});h===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Could not find displaced item in set"):V());var S=h-1;if(S<0)return null;var v=f[S];return c(v.descriptor.id)},Nr=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Zp={point:rt,value:0},Xr={invisible:{},visible:{},all:[]},_T={displaced:Xr,displacedBy:Zp,at:null},Rt=function(e,t){return function(n){return e<=n&&n<=t}},Xp=function(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(r){var o=t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right);if(o)return!0;var a=t(r.top)||t(r.bottom),l=n(r.left)||n(r.right),c=a&&l;if(c)return!0;var p=r.top<e.top&&r.bottom>e.bottom,m=r.left<e.left&&r.right>e.right,f=p&&m;if(f)return!0;var u=p&&l||m&&a;return u}},RT=function(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(r){var o=t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right);return o}},di={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Qp={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},OT=function(e){return function(t){var n=Rt(t.top,t.bottom),r=Rt(t.left,t.right);return function(o){return e===di?n(o.top)&&n(o.bottom):r(o.left)&&r(o.right)}}},LT=function(t,n){var r=n.frame?n.frame.scroll.diff.displacement:rt;return os(t,r)},PT=function(t,n,r){return n.subject.active?r(n.subject.active)(t):!1},BT=function(t,n,r){return r(n)(t)},pi=function(t){var n=t.target,r=t.destination,o=t.viewport,a=t.withDroppableDisplacement,l=t.isVisibleThroughFrameFn,c=a?LT(n,r):n;return PT(c,r,l)&&BT(c,o,l)},AT=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:Xp}))},eu=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:RT}))},FT=function(t){return pi(Se({},t,{isVisibleThroughFrameFn:OT(t.destination.axis)}))},VT=function(t,n,r){if(typeof r=="boolean")return r;if(!n)return!0;var o=n.invisible,a=n.visible;if(o[t])return!1;var l=a[t];return l?l.shouldAnimate:!0};function $T(e,t){var n=e.page.marginBox,r={top:t.point.y,right:0,bottom:0,left:t.point.x};return Ht(oi(n,r))}function Qr(e){var t=e.afterDragging,n=e.destination,r=e.displacedBy,o=e.viewport,a=e.forceShouldAnimate,l=e.last;return t.reduce(function(p,m){var f=$T(m,r),u=m.descriptor.id;p.all.push(u);var h=AT({target:f,destination:n,viewport:o,withDroppableDisplacement:!0});if(!h)return p.invisible[m.descriptor.id]=!0,p;var S=VT(u,l,a),v={draggableId:u,shouldAnimate:S};return p.visible[u]=v,p},{all:[],visible:{},invisible:{}})}function KT(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function od(e){var t=e.insideDestination,n=e.inHomeList,r=e.displacedBy,o=e.destination,a=KT(t,{inHomeList:n});return{displaced:Xr,displacedBy:r,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:a}}}}function zs(e){var t=e.draggable,n=e.insideDestination,r=e.destination,o=e.viewport,a=e.displacedBy,l=e.last,c=e.index,p=e.forceShouldAnimate,m=Nr(t,r);if(c==null)return od({insideDestination:n,inHomeList:m,displacedBy:a,destination:r});var f=Nn(n,function(E){return E.descriptor.index===c});if(!f)return od({insideDestination:n,inHomeList:m,displacedBy:a,destination:r});var u=ao(t,n),h=n.indexOf(f),S=u.slice(h),v=Qr({afterDragging:S,destination:r,displacedBy:a,last:l,viewport:o.frame,forceShouldAnimate:p});return{displaced:v,displacedBy:a,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:c}}}}function En(e,t){return!!t.effected[e]}var HT=function(e){var t=e.isMovingForward,n=e.destination,r=e.draggables,o=e.combine,a=e.afterCritical;if(!n.isCombineEnabled)return null;var l=o.draggableId,c=r[l],p=c.descriptor.index,m=En(l,a);return m?t?p:p-1:t?p+1:p},WT=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.insideDestination,o=e.location;if(!r.length)return null;var a=o.index,l=t?a+1:a-1,c=r[0].descriptor.index,p=r[r.length-1].descriptor.index,m=n?p:p+1;return l<c||l>m?null:l},GT=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.draggable,o=e.draggables,a=e.destination,l=e.insideDestination,c=e.previousImpact,p=e.viewport,m=e.afterCritical,f=c.at;if(f||(process.env.NODE_ENV!=="production"?V(!1,"Cannot move in direction without previous impact location"):V()),f.type==="REORDER"){var u=WT({isMovingForward:t,isInHomeList:n,location:f.destination,insideDestination:l});return u==null?null:zs({draggable:r,insideDestination:l,destination:a,viewport:p,last:c.displaced,displacedBy:c.displacedBy,index:u})}var h=HT({isMovingForward:t,destination:a,displaced:c.displaced,draggables:o,combine:f.combine,afterCritical:m});return h==null?null:zs({draggable:r,insideDestination:l,destination:a,viewport:p,last:c.displaced,displacedBy:c.displacedBy,index:h})},YT=function(e){var t=e.displaced,n=e.afterCritical,r=e.combineWith,o=e.displacedBy,a=!!(t.visible[r]||t.invisible[r]);return En(r,n)?a?rt:Dr(o.point):a?o.point:rt},UT=function(e){var t=e.afterCritical,n=e.impact,r=e.draggables,o=oo(n);o||(process.env.NODE_ENV,V());var a=o.draggableId,l=r[a].page.borderBox.center,c=YT({displaced:n.displaced,afterCritical:t,combineWith:a,displacedBy:n.displacedBy});return it(l,c)},tu=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},jT=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ui=function(t,n,r){return n[t.crossAxisStart]+r.margin[t.crossAxisStart]+r.borderBox[t.crossAxisSize]/2},ad=function(t){var n=t.axis,r=t.moveRelativeTo,o=t.isMoving;return Yn(n.line,r.marginBox[n.end]+tu(n,o),ui(n,r.marginBox,o))},id=function(t){var n=t.axis,r=t.moveRelativeTo,o=t.isMoving;return Yn(n.line,r.marginBox[n.start]-jT(n,o),ui(n,r.marginBox,o))},zT=function(t){var n=t.axis,r=t.moveInto,o=t.isMoving;return Yn(n.line,r.contentBox[n.start]+tu(n,o),ui(n,r.contentBox,o))},qT=function(e){var t=e.impact,n=e.draggable,r=e.draggables,o=e.droppable,a=e.afterCritical,l=Xn(o.descriptor.id,r),c=n.page,p=o.axis;if(!l.length)return zT({axis:p,moveInto:o.page,isMoving:c});var m=t.displaced,f=t.displacedBy,u=m.all[0];if(u){var h=r[u];if(En(u,a))return id({axis:p,moveRelativeTo:h.page,isMoving:c});var S=Gs(h.page,f.point);return id({axis:p,moveRelativeTo:S,isMoving:c})}var v=l[l.length-1];if(v.descriptor.id===n.descriptor.id)return c.borderBox.center;if(En(v.descriptor.id,a)){var E=Gs(v.page,Dr(a.displacedBy.point));return ad({axis:p,moveRelativeTo:E,isMoving:c})}return ad({axis:p,moveRelativeTo:v.page,isMoving:c})},La=function(e,t){var n=e.frame;return n?it(t,n.scroll.diff.displacement):t},JT=function(t){var n=t.impact,r=t.draggable,o=t.droppable,a=t.draggables,l=t.afterCritical,c=r.page.borderBox.center,p=n.at;return!o||!p?c:p.type==="REORDER"?qT({impact:n,draggable:r,draggables:a,droppable:o,afterCritical:l}):UT({impact:n,draggables:a,afterCritical:l})},io=function(e){var t=JT(e),n=e.droppable,r=n?La(n,t):t;return r},nu=function(e,t){var n=wt(t,e.scroll.initial),r=Dr(n),o=Ht({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),a={frame:o,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:r}}};return a};function ld(e,t){return e.map(function(n){return t[n]})}function ZT(e,t){for(var n=0;n<t.length;n++){var r=t[n].visible[e];if(r)return r}return null}var XT=function(e){var t=e.impact,n=e.viewport,r=e.destination,o=e.draggables,a=e.maxScrollChange,l=nu(n,it(n.scroll.current,a)),c=r.frame?ii(r,it(r.frame.scroll.current,a)):r,p=t.displaced,m=Qr({afterDragging:ld(p.all,o),destination:r,displacedBy:t.displacedBy,viewport:l.frame,last:p,forceShouldAnimate:!1}),f=Qr({afterDragging:ld(p.all,o),destination:c,displacedBy:t.displacedBy,viewport:n.frame,last:p,forceShouldAnimate:!1}),u={},h={},S=[p,m,f];p.all.forEach(function(E){var T=ZT(E,S);if(T){h[E]=T;return}u[E]=!0});var v=Se({},t,{displaced:{all:p.all,invisible:u,visible:h}});return v},QT=function(e,t){return it(e.scroll.diff.displacement,t)},mi=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,r=e.viewport,o=QT(r,t),a=wt(o,n.page.borderBox.center);return it(n.client.borderBox.center,a)},ru=function(e){var t=e.draggable,n=e.destination,r=e.newPageBorderBoxCenter,o=e.viewport,a=e.withDroppableDisplacement,l=e.onlyOnMainAxis,c=l===void 0?!1:l,p=wt(r,t.page.borderBox.center),m=os(t.page.borderBox,p),f={target:m,destination:n,withDroppableDisplacement:a,viewport:o};return c?FT(f):eu(f)},eE=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.draggables,a=e.previousImpact,l=e.viewport,c=e.previousPageBorderBoxCenter,p=e.previousClientSelection,m=e.afterCritical;if(!r.isEnabled)return null;var f=Xn(r.descriptor.id,o),u=Nr(n,r),h=MT({isMovingForward:t,draggable:n,destination:r,insideDestination:f,previousImpact:a})||GT({isMovingForward:t,isInHomeList:u,draggable:n,draggables:o,destination:r,insideDestination:f,previousImpact:a,viewport:l,afterCritical:m});if(!h)return null;var S=io({impact:h,draggable:n,droppable:r,draggables:o,afterCritical:m}),v=ru({draggable:n,destination:r,newPageBorderBoxCenter:S,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(v){var E=mi({pageBorderBoxCenter:S,draggable:n,viewport:l});return{clientSelection:E,impact:h,scrollJumpRequest:null}}var T=wt(S,c),C=XT({impact:h,viewport:l,destination:r,draggables:o,maxScrollChange:T});return{clientSelection:p,impact:C,scrollJumpRequest:T}},ht=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?V(!1,"Cannot get clipped area from droppable"):V()),n},tE=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,r=e.source,o=e.droppables,a=e.viewport,l=r.subject.active;if(!l)return null;var c=r.axis,p=Rt(l[c.start],l[c.end]),m=so(o).filter(function(u){return u!==r}).filter(function(u){return u.isEnabled}).filter(function(u){return!!u.subject.active}).filter(function(u){return Xp(a.frame)(ht(u))}).filter(function(u){var h=ht(u);return t?l[c.crossAxisEnd]<h[c.crossAxisEnd]:h[c.crossAxisStart]<l[c.crossAxisStart]}).filter(function(u){var h=ht(u),S=Rt(h[c.start],h[c.end]);return p(h[c.start])||p(h[c.end])||S(l[c.start])||S(l[c.end])}).sort(function(u,h){var S=ht(u)[c.crossAxisStart],v=ht(h)[c.crossAxisStart];return t?S-v:v-S}).filter(function(u,h,S){return ht(u)[c.crossAxisStart]===ht(S[0])[c.crossAxisStart]});if(!m.length)return null;if(m.length===1)return m[0];var f=m.filter(function(u){var h=Rt(ht(u)[c.start],ht(u)[c.end]);return h(n[c.line])});return f.length===1?f[0]:f.length>1?f.sort(function(u,h){return ht(u)[c.start]-ht(h)[c.start]})[0]:m.sort(function(u,h){var S=rd(n,sd(ht(u))),v=rd(n,sd(ht(h)));return S!==v?S-v:ht(u)[c.start]-ht(h)[c.start]})[0]},cd=function(t,n){var r=t.page.borderBox.center;return En(t.descriptor.id,n)?wt(r,n.displacedBy.point):r},nE=function(t,n){var r=t.page.borderBox;return En(t.descriptor.id,n)?os(r,Dr(n.displacedBy.point)):r},rE=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,r=e.destination,o=e.insideDestination,a=e.afterCritical,l=o.filter(function(c){return eu({target:nE(c,a),destination:r,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(c,p){var m=Zr(t,La(r,cd(c,a))),f=Zr(t,La(r,cd(p,a)));return m<f?-1:f<m?1:c.descriptor.index-p.descriptor.index});return l[0]||null},as=nt(function(t,n){var r=n[t.line];return{value:r,point:Yn(t.line,r)}}),sE=function(t,n,r){var o=t.axis;if(t.descriptor.mode==="virtual")return Yn(o.line,n[o.line]);var a=t.subject.page.contentBox[o.size],l=Xn(t.descriptor.id,r),c=l.reduce(function(f,u){return f+u.client.marginBox[o.size]},0),p=c+n[o.line],m=p-a;return m<=0?null:Yn(o.line,m)},su=function(t,n){return Se({},t,{scroll:Se({},t.scroll,{max:n})})},ou=function(t,n,r){var o=t.frame;Nr(n,t)&&(process.env.NODE_ENV!=="production"?V(!1,"Should not add placeholder space to home list"):V()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot add placeholder size to a subject when it already has one"):V());var a=as(t.axis,n.displaceBy).point,l=sE(t,a,r),c={placeholderSize:a,increasedBy:l,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!o){var p=br({page:t.subject.page,withPlaceholder:c,axis:t.axis,frame:t.frame});return Se({},t,{subject:p})}var m=l?it(o.scroll.max,l):o.scroll.max,f=su(o,m),u=br({page:t.subject.page,withPlaceholder:c,axis:t.axis,frame:f});return Se({},t,{subject:u,frame:f})},oE=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?V(!1,"Cannot remove placeholder form subject when there was none"):V());var r=t.frame;if(!r){var o=br({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return Se({},t,{subject:o})}var a=n.oldFrameMaxScroll;a||(process.env.NODE_ENV!=="production"?V(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):V());var l=su(r,a),c=br({page:t.subject.page,axis:t.axis,frame:l,withPlaceholder:null});return Se({},t,{subject:c,frame:l})},aE=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,r=e.insideDestination,o=e.draggable,a=e.draggables,l=e.destination,c=e.viewport,p=e.afterCritical;if(!n){if(r.length)return null;var m={displaced:Xr,displacedBy:Zp,at:{type:"REORDER",destination:{droppableId:l.descriptor.id,index:0}}},f=io({impact:m,draggable:o,droppable:l,draggables:a,afterCritical:p}),u=Nr(o,l)?l:ou(l,o,a),h=ru({draggable:o,destination:u,newPageBorderBoxCenter:f,viewport:c.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return h?m:null}var S=t[l.axis.line]<=n.page.borderBox.center[l.axis.line],v=function(){var T=n.descriptor.index;return n.descriptor.id===o.descriptor.id||S?T:T+1}(),E=as(l.axis,o.displaceBy);return zs({draggable:o,insideDestination:r,destination:l,viewport:c,displacedBy:E,last:Xr,index:v})},iE=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,r=e.draggable,o=e.isOver,a=e.draggables,l=e.droppables,c=e.viewport,p=e.afterCritical,m=tE({isMovingForward:t,pageBorderBoxCenter:n,source:o,droppables:l,viewport:c});if(!m)return null;var f=Xn(m.descriptor.id,a),u=rE({pageBorderBoxCenter:n,viewport:c,destination:m,insideDestination:f,afterCritical:p}),h=aE({previousPageBorderBoxCenter:n,destination:m,draggable:r,draggables:a,moveRelativeTo:u,insideDestination:f,viewport:c,afterCritical:p});if(!h)return null;var S=io({impact:h,draggable:r,droppable:m,draggables:a,afterCritical:p}),v=mi({pageBorderBoxCenter:S,draggable:r,viewport:c});return{clientSelection:v,impact:h,scrollJumpRequest:null}},Ct=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},lE=function(t,n){var r=Ct(t);return r?n[r]:null},cE=function(e){var t=e.state,n=e.type,r=lE(t.impact,t.dimensions.droppables),o=!!r,a=t.dimensions.droppables[t.critical.droppable.id],l=r||a,c=l.axis.direction,p=c==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||c==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(p&&!o)return null;var m=n==="MOVE_DOWN"||n==="MOVE_RIGHT",f=t.dimensions.draggables[t.critical.draggable.id],u=t.current.page.borderBoxCenter,h=t.dimensions,S=h.draggables,v=h.droppables;return p?eE({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,destination:l,draggables:S,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):iE({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,isOver:l,draggables:S,droppables:v,viewport:t.viewport,afterCritical:t.afterCritical})};function Vn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function au(e){var t=Rt(e.top,e.bottom),n=Rt(e.left,e.right);return function(o){return t(o.y)&&n(o.x)}}function dE(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function pE(e){var t=e.pageBorderBox,n=e.draggable,r=e.candidates,o=n.page.borderBox.center,a=r.map(function(l){var c=l.axis,p=Yn(l.axis.line,t.center[c.line],l.page.borderBox.center[c.crossAxisLine]);return{id:l.descriptor.id,distance:Zr(o,p)}}).sort(function(l,c){return c.distance-l.distance});return a[0]?a[0].id:null}function uE(e){var t=e.pageBorderBox,n=e.draggable,r=e.droppables,o=so(r).filter(function(a){if(!a.isEnabled)return!1;var l=a.subject.active;if(!l||!dE(t,l))return!1;if(au(l)(t.center))return!0;var c=a.axis,p=l.center[c.crossAxisLine],m=t[c.crossAxisStart],f=t[c.crossAxisEnd],u=Rt(l[c.crossAxisStart],l[c.crossAxisEnd]),h=u(m),S=u(f);return!h&&!S?!0:h?m<p:f>p});return o.length?o.length===1?o[0].descriptor.id:pE({pageBorderBox:t,draggable:n,candidates:o}):null}var iu=function(t,n){return Ht(os(t,n))},mE=function(e,t){var n=e.frame;return n?iu(t,n.scroll.diff.value):t};function lu(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function fE(e){var t=e.draggable,n=e.closest,r=e.inHomeList;return n?r&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var hE=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,r=e.destination,o=e.insideDestination,a=e.last,l=e.viewport,c=e.afterCritical,p=r.axis,m=as(r.axis,n.displaceBy),f=m.value,u=t[p.start],h=t[p.end],S=ao(n,o),v=Nn(S,function(T){var C=T.descriptor.id,N=T.page.borderBox.center[p.line],I=En(C,c),x=lu({displaced:a,id:C});return I?x?h<=N:u<N-f:x?h<=N+f:u<N}),E=fE({draggable:n,closest:v,inHomeList:Nr(n,r)});return zs({draggable:n,insideDestination:o,destination:r,viewport:l,last:a,displacedBy:m,index:E})},SE=4,gE=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,r=e.previousImpact,o=e.destination,a=e.insideDestination,l=e.afterCritical;if(!o.isCombineEnabled)return null;var c=o.axis,p=as(o.axis,t.displaceBy),m=p.value,f=n[c.start],u=n[c.end],h=ao(t,a),S=Nn(h,function(E){var T=E.descriptor.id,C=E.page.borderBox,N=C[c.size],I=N/SE,x=En(T,l),k=lu({displaced:r.displaced,id:T});return x?k?u>C[c.start]+I&&u<C[c.end]-I:f>C[c.start]-m+I&&f<C[c.end]-m-I:k?u>C[c.start]+m+I&&u<C[c.end]+m-I:f>C[c.start]+I&&f<C[c.end]-I});if(!S)return null;var v={displacedBy:p,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:S.descriptor.id,droppableId:o.descriptor.id}}};return v},cu=function(e){var t=e.pageOffset,n=e.draggable,r=e.draggables,o=e.droppables,a=e.previousImpact,l=e.viewport,c=e.afterCritical,p=iu(n.page.borderBox,t),m=uE({pageBorderBox:p,draggable:n,droppables:o});if(!m)return _T;var f=o[m],u=Xn(f.descriptor.id,r),h=mE(f,p);return gE({pageBorderBoxWithDroppableScroll:h,draggable:n,previousImpact:a,destination:f,insideDestination:u,afterCritical:c})||hE({pageBorderBoxWithDroppableScroll:h,draggable:n,destination:f,insideDestination:u,last:a.displaced,viewport:l,afterCritical:c})},fi=function(e,t){var n;return Se({},e,(n={},n[t.descriptor.id]=t,n))},bE=function(t){var n=t.previousImpact,r=t.impact,o=t.droppables,a=Ct(n),l=Ct(r);if(!a||a===l)return o;var c=o[a];if(!c.subject.withPlaceholder)return o;var p=oE(c);return fi(o,p)},vE=function(e){var t=e.draggable,n=e.draggables,r=e.droppables,o=e.previousImpact,a=e.impact,l=bE({previousImpact:o,impact:a,droppables:r}),c=Ct(a);if(!c)return l;var p=r[c];if(Nr(t,p)||p.subject.withPlaceholder)return l;var m=ou(p,t,n);return fi(l,m)},Hr=function(e){var t=e.state,n=e.clientSelection,r=e.dimensions,o=e.viewport,a=e.impact,l=e.scrollJumpRequest,c=o||t.viewport,p=r||t.dimensions,m=n||t.current.client.selection,f=wt(m,t.initial.client.selection),u={offset:f,selection:m,borderBoxCenter:it(t.initial.client.borderBoxCenter,f)},h={selection:it(u.selection,c.scroll.current),borderBoxCenter:it(u.borderBoxCenter,c.scroll.current),offset:it(u.offset,c.scroll.diff.value)},S={client:u,page:h};if(t.phase==="COLLECTING")return Se({phase:"COLLECTING"},t,{dimensions:p,viewport:c,current:S});var v=p.draggables[t.critical.draggable.id],E=a||cu({pageOffset:h.offset,draggable:v,draggables:p.draggables,droppables:p.droppables,previousImpact:t.impact,viewport:c,afterCritical:t.afterCritical}),T=vE({draggable:v,impact:E,previousImpact:t.impact,draggables:p.draggables,droppables:p.droppables}),C=Se({},t,{current:S,dimensions:{draggables:p.draggables,droppables:T},impact:E,viewport:c,scrollJumpRequest:l||null,forceShouldAnimate:l?!1:null});return C};function yE(e,t){return e.map(function(n){return t[n]})}var du=function(e){var t=e.impact,n=e.viewport,r=e.draggables,o=e.destination,a=e.forceShouldAnimate,l=t.displaced,c=yE(l.all,r),p=Qr({afterDragging:c,destination:o,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:a,last:l});return Se({},t,{displaced:p})},pu=function(e){var t=e.impact,n=e.draggable,r=e.droppable,o=e.draggables,a=e.viewport,l=e.afterCritical,c=io({impact:t,draggable:n,draggables:o,droppable:r,afterCritical:l});return mi({pageBorderBoxCenter:c,draggable:n,viewport:a})},uu=function(e){var t=e.state,n=e.dimensions,r=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,V());var o=t.impact,a=r||t.viewport,l=n||t.dimensions,c=l.draggables,p=l.droppables,m=c[t.critical.draggable.id],f=Ct(o);f||(process.env.NODE_ENV!=="production"?V(!1,"Must be over a destination in SNAP movement mode"):V());var u=p[f],h=du({impact:o,viewport:a,destination:u,draggables:c}),S=pu({impact:h,draggable:m,droppable:u,draggables:c,viewport:a,afterCritical:t.afterCritical});return Hr({impact:h,clientSelection:S,state:t,dimensions:l,viewport:a})},TE=function(e){return{index:e.index,droppableId:e.droppableId}},mu=function(e){var t=e.draggable,n=e.home,r=e.draggables,o=e.viewport,a=as(n.axis,t.displaceBy),l=Xn(n.descriptor.id,r),c=l.indexOf(t);c===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Expected draggable to be inside home list"):V());var p=l.slice(c+1),m=p.reduce(function(S,v){return S[v.descriptor.id]=!0,S},{}),f={inVirtualList:n.descriptor.mode==="virtual",displacedBy:a,effected:m},u=Qr({afterDragging:p,destination:n,displacedBy:a,last:null,viewport:o.frame,forceShouldAnimate:!1}),h={displaced:u,displacedBy:a,at:{type:"REORDER",destination:TE(t.descriptor)}};return{impact:h,afterCritical:f}},EE=function(e,t){return{draggables:e.draggables,droppables:fi(e.droppables,t)}},is=function(t){process.env.NODE_ENV},ls=function(t){process.env.NODE_ENV},wE=function(e){var t=e.draggable,n=e.offset,r=e.initialWindowScroll,o=Gs(t.client,n),a=Ys(o,r),l=Se({},t,{placeholder:Se({},t.placeholder,{client:o}),client:o,page:a});return l},CE=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?V(!1,"Expected Droppable to have a frame"):V()),t},DE=function(e){var t=e.additions,n=e.updatedDroppables,r=e.viewport,o=r.scroll.diff.value;return t.map(function(a){var l=a.descriptor.droppableId,c=n[l],p=CE(c),m=p.scroll.diff.value,f=it(o,m),u=wE({draggable:a,offset:f,initialWindowScroll:r.scroll.initial});return u})},NE=function(e){var t=e.state,n=e.published;is();var r=n.modified.map(function(I){var x=t.dimensions.droppables[I.droppableId],k=ii(x,I.scroll);return k}),o=Se({},t.dimensions.droppables,{},qp(r)),a=Jp(DE({additions:n.additions,updatedDroppables:o,viewport:t.viewport})),l=Se({},t.dimensions.draggables,{},a);n.removals.forEach(function(I){delete l[I]});var c={droppables:o,draggables:l},p=Ct(t.impact),m=p?c.droppables[p]:null,f=c.draggables[t.critical.draggable.id],u=c.droppables[t.critical.droppable.id],h=mu({draggable:f,home:u,draggables:l,viewport:t.viewport}),S=h.impact,v=h.afterCritical,E=m&&m.isCombineEnabled?t.impact:S,T=cu({pageOffset:t.current.page.offset,draggable:c.draggables[t.critical.draggable.id],draggables:c.draggables,droppables:c.droppables,previousImpact:E,viewport:t.viewport,afterCritical:v});ls();var C=Se({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:T,onLiftImpact:S,dimensions:c,afterCritical:v,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return C;var N=Se({phase:"DROP_PENDING"},C,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return N},Pa=function(t){return t.movementMode==="SNAP"},aa=function(t,n,r){var o=EE(t.dimensions,n);return!Pa(t)||r?Hr({state:t,dimensions:o}):uu({state:t,dimensions:o})};function ia(e){return e.isDragging&&e.movementMode==="SNAP"?Se({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var dd={phase:"IDLE",completed:null,shouldFlush:!1},xE=function(e,t){if(e===void 0&&(e=dd),t.type==="FLUSH")return Se({},dd,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?V(!1,"INITIAL_PUBLISH must come after a IDLE phase"):V());var n=t.payload,r=n.critical,o=n.clientSelection,a=n.viewport,l=n.dimensions,c=n.movementMode,p=l.draggables[r.draggable.id],m=l.droppables[r.droppable.id],f={selection:o,borderBoxCenter:p.client.borderBox.center,offset:rt},u={client:f,page:{selection:it(f.selection,a.scroll.initial),borderBoxCenter:it(f.selection,a.scroll.initial),offset:it(f.selection,a.scroll.diff.value)}},h=so(l.droppables).every(function(oe){return!oe.isFixedOnPage}),S=mu({draggable:p,home:m,draggables:l.draggables,viewport:a}),v=S.impact,E=S.afterCritical,T={phase:"DRAGGING",isDragging:!0,critical:r,movementMode:c,dimensions:l,initial:u,current:u,isWindowScrollAllowed:h,impact:v,afterCritical:E,onLiftImpact:v,viewport:a,scrollJumpRequest:null,forceShouldAnimate:null};return T}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?V(!1,"Collection cannot start from phase "+e.phase):V());var C=Se({phase:"COLLECTING"},e,{phase:"COLLECTING"});return C}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?V(!1,"Unexpected "+t.type+" received in phase "+e.phase):V()),NE({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,t.type+" not permitted in phase "+e.phase):V());var N=t.payload.client;return yn(N,e.current.client.selection)?e:Hr({state:e,clientSelection:N,impact:Pa(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ia(e);Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,t.type+" not permitted in phase "+e.phase):V());var I=t.payload,x=I.id,k=I.newScroll,A=e.dimensions.droppables[x];if(!A)return e;var L=ii(A,k);return aa(e,L,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,"Attempting to move in an unsupported phase "+e.phase):V());var w=t.payload,R=w.id,O=w.isEnabled,K=e.dimensions.droppables[R];K||(process.env.NODE_ENV!=="production"?V(!1,"Cannot find Droppable[id: "+R+"] to toggle its enabled state"):V()),K.isEnabled===O&&(process.env.NODE_ENV!=="production"?V(!1,"Trying to set droppable isEnabled to "+String(O)+`
|
|
405
405
|
but it is already `+String(K.isEnabled)):V());var j=Se({},K,{isEnabled:O});return aa(e,j,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,"Attempting to move in an unsupported phase "+e.phase):V());var M=t.payload,Y=M.id,G=M.isCombineEnabled,Z=e.dimensions.droppables[Y];Z||(process.env.NODE_ENV!=="production"?V(!1,"Cannot find Droppable[id: "+Y+"] to toggle its isCombineEnabled state"):V()),Z.isCombineEnabled===G&&(process.env.NODE_ENV!=="production"?V(!1,"Trying to set droppable isCombineEnabled to "+String(G)+`
|
|
406
406
|
but it is already `+String(Z.isCombineEnabled)):V());var $=Se({},Z,{isCombineEnabled:G});return aa(e,$,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;Vn(e)||(process.env.NODE_ENV!=="production"?V(!1,"Cannot move by window in phase "+e.phase):V()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?V(!1,"Window scrolling is currently not supported for fixed lists"):V());var z=t.payload.newScroll;if(yn(e.viewport.scroll.current,z))return ia(e);var le=nu(e.viewport,z);return Pa(e)?uu({state:e,viewport:le}):Hr({state:e,viewport:le})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!Vn(e))return e;var P=t.payload.maxScroll;if(yn(P,e.viewport.scroll.max))return e;var U=Se({},e.viewport,{scroll:Se({},e.viewport.scroll,{max:P})});return Se({phase:"DRAGGING"},e,{viewport:U})}if(t.type==="MOVE_UP"||t.type==="MOVE_DOWN"||t.type==="MOVE_LEFT"||t.type==="MOVE_RIGHT"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?V(!1,t.type+" received while not in DRAGGING phase"):V());var ie=cE({state:e,type:t.type});return ie?Hr({state:e,impact:ie.impact,clientSelection:ie.clientSelection,scrollJumpRequest:ie.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Q=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?V(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):V());var te=Se({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Q});return te}if(t.type==="DROP_ANIMATE"){var F=t.payload,ee=F.completed,J=F.dropDuration,re=F.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?V(!1,"Cannot animate drop from phase "+e.phase):V());var ne={phase:"DROP_ANIMATING",completed:ee,dropDuration:J,newHomeClientOffset:re,dimensions:e.dimensions};return ne}if(t.type==="DROP_COMPLETE"){var me=t.payload.completed;return{phase:"IDLE",completed:me,shouldFlush:!1}}return e},kE=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},IE=function(t){return{type:"LIFT",payload:t}},ME=function(t){return{type:"INITIAL_PUBLISH",payload:t}},_E=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},RE=function(){return{type:"COLLECTION_STARTING",payload:null}},OE=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},LE=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},PE=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},fu=function(t){return{type:"MOVE",payload:t}},BE=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},AE=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},FE=function(){return{type:"MOVE_UP",payload:null}},VE=function(){return{type:"MOVE_DOWN",payload:null}},$E=function(){return{type:"MOVE_RIGHT",payload:null}},KE=function(){return{type:"MOVE_LEFT",payload:null}},hi=function(){return{type:"FLUSH",payload:null}},HE=function(t){return{type:"DROP_ANIMATE",payload:t}},Si=function(t){return{type:"DROP_COMPLETE",payload:t}},hu=function(t){return{type:"DROP",payload:t}},WE=function(t){return{type:"DROP_PENDING",payload:t}},Su=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function GE(e){if(!(e.length<=1)){for(var t=e.map(function(c){return c.descriptor.index}),n={},r=1;r<t.length;r++){var o=t[r],a=t[r-1];o!==a+1&&(n[o]=!0)}if(Object.keys(n).length){var l=t.map(function(c){var p=!!n[c];return p?"[🔥"+c+"]":""+c}).join(", ");process.env.NODE_ENV!=="production"&&He(`
|
|
407
407
|
Detected non-consecutive <Draggable /> indexes.
|
|
@@ -409,10 +409,10 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
409
409
|
(This can cause unexpected bugs)
|
|
410
410
|
|
|
411
411
|
`+l+`
|
|
412
|
-
`)}}}function YE(e,t){if(process.env.NODE_ENV!=="production"){var n=Xn(e.droppable.id,t.draggables);GE(n)}}var UE=function(e){return function(t){var n=t.getState,r=t.dispatch;return function(o){return function(a){if(a.type!=="LIFT"){o(a);return}var l=a.payload,c=l.id,p=l.clientSelection,m=l.movementMode,f=n();f.phase==="DROP_ANIMATING"&&r(Si({completed:f.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?V(!1,"Unexpected phase to start a drag"):V()),r(hi()),r(kE({draggableId:c,movementMode:m}));var u={shouldPublishImmediately:m==="SNAP"},h={draggableId:c,scrollOptions:u},S=e.startPublishing(h),v=S.critical,E=S.dimensions,T=S.viewport;YE(v,E),r(ME({critical:v,dimensions:E,clientSelection:p,movementMode:m,viewport:T}))}}}},jE=function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}},gi={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},es={opacity:{drop:0,combining:.7},scale:{drop:.75}},bi={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Bn=bi.outOfTheWay+"s "+gi.outOfTheWay,Wr={fluid:"opacity "+Bn,snap:"transform "+Bn+", opacity "+Bn,drop:function(t){var n=t+"s "+gi.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+Bn,placeholder:"height "+Bn+", width "+Bn+", margin "+Bn},pd=function(t){return yn(t,rt)?null:"translate("+t.x+"px, "+t.y+"px)"},Ba={moveTo:pd,drop:function(t,n){var r=pd(t);return r?n?r+" scale("+es.scale.drop+")":r:null}},Aa=bi.minDropTime,gu=bi.maxDropTime,zE=gu-Aa,ud=1500,qE=.6,JE=function(e){var t=e.current,n=e.destination,r=e.reason,o=Zr(t,n);if(o<=0)return Aa;if(o>=ud)return gu;var a=o/ud,l=Aa+zE*a,c=r==="CANCEL"?l*qE:l;return Number(c.toFixed(2))},ZE=function(e){var t=e.impact,n=e.draggable,r=e.dimensions,o=e.viewport,a=e.afterCritical,l=r.draggables,c=r.droppables,p=Ct(t),m=p?c[p]:null,f=c[n.descriptor.droppableId],u=pu({impact:t,draggable:n,draggables:l,afterCritical:a,droppable:m||f,viewport:o}),h=
|
|
412
|
+
`)}}}function YE(e,t){if(process.env.NODE_ENV!=="production"){var n=Xn(e.droppable.id,t.draggables);GE(n)}}var UE=function(e){return function(t){var n=t.getState,r=t.dispatch;return function(o){return function(a){if(a.type!=="LIFT"){o(a);return}var l=a.payload,c=l.id,p=l.clientSelection,m=l.movementMode,f=n();f.phase==="DROP_ANIMATING"&&r(Si({completed:f.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?V(!1,"Unexpected phase to start a drag"):V()),r(hi()),r(kE({draggableId:c,movementMode:m}));var u={shouldPublishImmediately:m==="SNAP"},h={draggableId:c,scrollOptions:u},S=e.startPublishing(h),v=S.critical,E=S.dimensions,T=S.viewport;YE(v,E),r(ME({critical:v,dimensions:E,clientSelection:p,movementMode:m,viewport:T}))}}}},jE=function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}},gi={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},es={opacity:{drop:0,combining:.7},scale:{drop:.75}},bi={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Bn=bi.outOfTheWay+"s "+gi.outOfTheWay,Wr={fluid:"opacity "+Bn,snap:"transform "+Bn+", opacity "+Bn,drop:function(t){var n=t+"s "+gi.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+Bn,placeholder:"height "+Bn+", width "+Bn+", margin "+Bn},pd=function(t){return yn(t,rt)?null:"translate("+t.x+"px, "+t.y+"px)"},Ba={moveTo:pd,drop:function(t,n){var r=pd(t);return r?n?r+" scale("+es.scale.drop+")":r:null}},Aa=bi.minDropTime,gu=bi.maxDropTime,zE=gu-Aa,ud=1500,qE=.6,JE=function(e){var t=e.current,n=e.destination,r=e.reason,o=Zr(t,n);if(o<=0)return Aa;if(o>=ud)return gu;var a=o/ud,l=Aa+zE*a,c=r==="CANCEL"?l*qE:l;return Number(c.toFixed(2))},ZE=function(e){var t=e.impact,n=e.draggable,r=e.dimensions,o=e.viewport,a=e.afterCritical,l=r.draggables,c=r.droppables,p=Ct(t),m=p?c[p]:null,f=c[n.descriptor.droppableId],u=pu({impact:t,draggable:n,draggables:l,afterCritical:a,droppable:m||f,viewport:o}),h=wt(u,n.client.borderBox.center);return h},XE=function(e){var t=e.draggables,n=e.reason,r=e.lastImpact,o=e.home,a=e.viewport,l=e.onLiftImpact;if(!r.at||n!=="DROP"){var c=du({draggables:t,impact:l,destination:o,viewport:a,forceShouldAnimate:!0});return{impact:c,didDropInsideDroppable:!1}}if(r.at.type==="REORDER")return{impact:r,didDropInsideDroppable:!0};var p=Se({},r,{displaced:Xr});return{impact:p,didDropInsideDroppable:!0}},QE=function(e){var t=e.getState,n=e.dispatch;return function(r){return function(o){if(o.type!=="DROP"){r(o);return}var a=t(),l=o.payload.reason;if(a.phase==="COLLECTING"){n(WE({reason:l}));return}if(a.phase!=="IDLE"){var c=a.phase==="DROP_PENDING"&&a.isWaiting;c&&(process.env.NODE_ENV!=="production"?V(!1,"A DROP action occurred while DROP_PENDING and still waiting"):V()),a.phase==="DRAGGING"||a.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?V(!1,"Cannot drop in phase: "+a.phase):V());var p=a.critical,m=a.dimensions,f=m.draggables[a.critical.draggable.id],u=XE({reason:l,lastImpact:a.impact,afterCritical:a.afterCritical,onLiftImpact:a.onLiftImpact,home:a.dimensions.droppables[a.critical.droppable.id],viewport:a.viewport,draggables:a.dimensions.draggables}),h=u.impact,S=u.didDropInsideDroppable,v=S?ci(h):null,E=S?oo(h):null,T={index:p.draggable.index,droppableId:p.droppable.id},C={draggableId:f.descriptor.id,type:f.descriptor.type,source:T,reason:l,mode:a.movementMode,destination:v,combine:E},N=ZE({impact:h,draggable:f,dimensions:m,viewport:a.viewport,afterCritical:a.afterCritical}),I={critical:a.critical,afterCritical:a.afterCritical,result:C,impact:h},x=!yn(a.current.client.offset,N)||!!C.combine;if(!x){n(Si({completed:I}));return}var k=JE({current:a.current.client.offset,destination:N,reason:l}),A={newHomeClientOffset:N,dropDuration:k,completed:I};n(HE(A))}}}},bu=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function ew(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function tw(e){var t=e.onWindowScroll;function n(){t(bu())}var r=qr(n),o=ew(r),a=vn;function l(){return a!==vn}function c(){l()&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot start scroll listener when already active"):V()),a=Mt(window,[o])}function p(){l()||(process.env.NODE_ENV!=="production"?V(!1,"Cannot stop scroll listener when not active"):V()),r.cancel(),a(),a=vn}return{start:c,stop:p,isActive:l}}var nw=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},rw=function(e){var t=tw({onWindowScroll:function(r){e.dispatch(BE({newScroll:r}))}});return function(n){return function(r){!t.isActive()&&r.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&nw(r)&&t.stop(),n(r)}}},sw=function(e){var t=!1,n=!1,r=setTimeout(function(){n=!0}),o=function(l){if(t){process.env.NODE_ENV!=="production"&&He("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&He(`
|
|
413
413
|
Announcements cannot be made asynchronously.
|
|
414
414
|
Default message has already been announced.
|
|
415
|
-
`);return}t=!0,e(l),clearTimeout(r)};return o.wasCalled=function(){return t},o},ow=function(){var e=[],t=function(a){var l=li(e,function(m){return m.timerId===a});l===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Could not find timer"):V());var c=e.splice(l,1),p=c[0];p.callback()},n=function(a){var l=setTimeout(function(){return t(l)}),c={timerId:l,callback:a};e.push(c)},r=function(){if(e.length){var a=[].concat(e);e.length=0,a.forEach(function(l){clearTimeout(l.timerId),l.callback()})}};return{add:n,flush:r}},aw=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},iw=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},lw=function(t,n){if(t===n)return!0;var r=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,o=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return r&&o},Br=function(t,n){is(),n(),ls()},Ms=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},la=function(t,n,r,o){if(!t){r(o(n));return}var a=sw(r),l={announce:a};t(n,l),a.wasCalled()||r(o(n))},cw=function(e,t){var n=ow(),r=null,o=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):V()),Br("onBeforeCapture",function(){var v=e().onBeforeCapture;if(v){var E={draggableId:h,mode:S};v(E)}})},a=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):V()),Br("onBeforeDragStart",function(){var v=e().onBeforeDragStart;v&&v(Ms(h,S))})},l=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):V());var v=Ms(h,S);r={mode:S,lastCritical:h,lastLocation:v.source,lastCombine:null},n.add(function(){Br("onDragStart",function(){return la(e().onDragStart,v,t,Vs.onDragStart)})})},c=function(h,S){var v=ci(S),E=oo(S);r||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onDragMove when onDragStart has not been called"):V());var T=!lw(h,r.lastCritical);T&&(r.lastCritical=h);var C=!aw(r.lastLocation,v);C&&(r.lastLocation=v);var N=!iw(r.lastCombine,E);if(N&&(r.lastCombine=E),!(!T&&!C&&!N)){var I=Se({},Ms(h,r.mode),{combine:E,destination:v});n.add(function(){Br("onDragUpdate",function(){return la(e().onDragUpdate,I,t,Vs.onDragUpdate)})})}},p=function(){r||(process.env.NODE_ENV!=="production"?V(!1,"Can only flush responders while dragging"):V()),n.flush()},m=function(h){r||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):V()),r=null,Br("onDragEnd",function(){return la(e().onDragEnd,h,t,Vs.onDragEnd)})},f=function(){if(r){var h=Se({},Ms(r.lastCritical,r.mode),{combine:null,destination:null,reason:"CANCEL"});m(h)}};return{beforeCapture:o,beforeStart:a,start:l,update:c,flush:p,drop:m,abort:f}},dw=function(e,t){var n=cw(e,t);return function(r){return function(o){return function(a){if(a.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(a.payload.draggableId,a.payload.movementMode);return}if(a.type==="INITIAL_PUBLISH"){var l=a.payload.critical;n.beforeStart(l,a.payload.movementMode),o(a),n.start(l,a.payload.movementMode);return}if(a.type==="DROP_COMPLETE"){var c=a.payload.completed.result;n.flush(),o(a),n.drop(c);return}if(o(a),a.type==="FLUSH"){n.abort();return}var p=r.getState();p.phase==="DRAGGING"&&n.update(p.critical,p.impact)}}}},pw=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var r=e.getState();r.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot finish a drop animating when no drop is occurring"):V()),e.dispatch(Si({completed:r.completed}))}}},uw=function(e){var t=null,n=null;function r(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(o){return function(a){if((a.type==="FLUSH"||a.type==="DROP_COMPLETE"||a.type==="DROP_ANIMATION_FINISHED")&&r(),o(a),a.type==="DROP_ANIMATE"){var l={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var p=e.getState();p.phase==="DROP_ANIMATING"&&e.dispatch(Su())}};n=requestAnimationFrame(function(){n=null,t=Mt(window,[l])})}}}},mw=function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}},fw=function(e){var t=!1;return function(){return function(n){return function(r){if(r.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(r.payload.critical.draggable.id),n(r),e.tryRestoreFocusRecorded();return}if(n(r),!!t){if(r.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(r.type==="DROP_COMPLETE"){t=!1;var o=r.payload.completed.result;o.combine&&e.tryShiftRecord(o.draggableId,o.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},hw=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Sw=function(e){return function(t){return function(n){return function(r){if(hw(r)){e.stop(),n(r);return}if(r.type==="INITIAL_PUBLISH"){n(r);var o=t.getState();o.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?V(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):V()),e.start(o);return}n(r),e.scroll(t.getState())}}}},gw=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var r=e.getState();r.phase==="DROP_PENDING"&&(r.isWaiting||e.dispatch(hu({reason:r.reason})))}}}},bw=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Ip,vw=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,r=e.styleMarshal,o=e.getResponders,a=e.announce,l=e.autoScroller;return kp(xE,bw(ty(jE(r),mw(t),UE(t),QE,pw,uw,gw,Sw(l),rw,fw(n),dw(o,a))))},ca=function(){return{additions:{},removals:{},modified:{}}};function yw(e){var t=e.registry,n=e.callbacks,r=ca(),o=null,a=function(){o||(n.collectionStarting(),o=requestAnimationFrame(function(){o=null,is();var f=r,u=f.additions,h=f.removals,S=f.modified,v=Object.keys(u).map(function(C){return t.draggable.getById(C).getDimension(rt)}).sort(function(C,N){return C.descriptor.index-N.descriptor.index}),E=Object.keys(S).map(function(C){var N=t.droppable.getById(C),I=N.callbacks.getScrollWhileDragging();return{droppableId:C,scroll:I}}),T={additions:v,removals:Object.keys(h),modified:E};r=ca(),ls(),n.publish(T)}))},l=function(f){var u=f.descriptor.id;r.additions[u]=f,r.modified[f.descriptor.droppableId]=!0,r.removals[u]&&delete r.removals[u],a()},c=function(f){var u=f.descriptor;r.removals[u.id]=!0,r.modified[u.droppableId]=!0,r.additions[u.id]&&delete r.additions[u.id],a()},p=function(){o&&(cancelAnimationFrame(o),o=null,r=ca())};return{add:l,remove:c,stop:p}}var vu=function(e){var t=e.scrollHeight,n=e.scrollWidth,r=e.height,o=e.width,a=
|
|
415
|
+
`);return}t=!0,e(l),clearTimeout(r)};return o.wasCalled=function(){return t},o},ow=function(){var e=[],t=function(a){var l=li(e,function(m){return m.timerId===a});l===-1&&(process.env.NODE_ENV!=="production"?V(!1,"Could not find timer"):V());var c=e.splice(l,1),p=c[0];p.callback()},n=function(a){var l=setTimeout(function(){return t(l)}),c={timerId:l,callback:a};e.push(c)},r=function(){if(e.length){var a=[].concat(e);e.length=0,a.forEach(function(l){clearTimeout(l.timerId),l.callback()})}};return{add:n,flush:r}},aw=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},iw=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},lw=function(t,n){if(t===n)return!0;var r=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,o=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return r&&o},Br=function(t,n){is(),n(),ls()},Ms=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},la=function(t,n,r,o){if(!t){r(o(n));return}var a=sw(r),l={announce:a};t(n,l),a.wasCalled()||r(o(n))},cw=function(e,t){var n=ow(),r=null,o=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):V()),Br("onBeforeCapture",function(){var v=e().onBeforeCapture;if(v){var E={draggableId:h,mode:S};v(E)}})},a=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):V()),Br("onBeforeDragStart",function(){var v=e().onBeforeDragStart;v&&v(Ms(h,S))})},l=function(h,S){r&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):V());var v=Ms(h,S);r={mode:S,lastCritical:h,lastLocation:v.source,lastCombine:null},n.add(function(){Br("onDragStart",function(){return la(e().onDragStart,v,t,Vs.onDragStart)})})},c=function(h,S){var v=ci(S),E=oo(S);r||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onDragMove when onDragStart has not been called"):V());var T=!lw(h,r.lastCritical);T&&(r.lastCritical=h);var C=!aw(r.lastLocation,v);C&&(r.lastLocation=v);var N=!iw(r.lastCombine,E);if(N&&(r.lastCombine=E),!(!T&&!C&&!N)){var I=Se({},Ms(h,r.mode),{combine:E,destination:v});n.add(function(){Br("onDragUpdate",function(){return la(e().onDragUpdate,I,t,Vs.onDragUpdate)})})}},p=function(){r||(process.env.NODE_ENV!=="production"?V(!1,"Can only flush responders while dragging"):V()),n.flush()},m=function(h){r||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):V()),r=null,Br("onDragEnd",function(){return la(e().onDragEnd,h,t,Vs.onDragEnd)})},f=function(){if(r){var h=Se({},Ms(r.lastCritical,r.mode),{combine:null,destination:null,reason:"CANCEL"});m(h)}};return{beforeCapture:o,beforeStart:a,start:l,update:c,flush:p,drop:m,abort:f}},dw=function(e,t){var n=cw(e,t);return function(r){return function(o){return function(a){if(a.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(a.payload.draggableId,a.payload.movementMode);return}if(a.type==="INITIAL_PUBLISH"){var l=a.payload.critical;n.beforeStart(l,a.payload.movementMode),o(a),n.start(l,a.payload.movementMode);return}if(a.type==="DROP_COMPLETE"){var c=a.payload.completed.result;n.flush(),o(a),n.drop(c);return}if(o(a),a.type==="FLUSH"){n.abort();return}var p=r.getState();p.phase==="DRAGGING"&&n.update(p.critical,p.impact)}}}},pw=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var r=e.getState();r.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot finish a drop animating when no drop is occurring"):V()),e.dispatch(Si({completed:r.completed}))}}},uw=function(e){var t=null,n=null;function r(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(o){return function(a){if((a.type==="FLUSH"||a.type==="DROP_COMPLETE"||a.type==="DROP_ANIMATION_FINISHED")&&r(),o(a),a.type==="DROP_ANIMATE"){var l={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var p=e.getState();p.phase==="DROP_ANIMATING"&&e.dispatch(Su())}};n=requestAnimationFrame(function(){n=null,t=Mt(window,[l])})}}}},mw=function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}},fw=function(e){var t=!1;return function(){return function(n){return function(r){if(r.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(r.payload.critical.draggable.id),n(r),e.tryRestoreFocusRecorded();return}if(n(r),!!t){if(r.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(r.type==="DROP_COMPLETE"){t=!1;var o=r.payload.completed.result;o.combine&&e.tryShiftRecord(o.draggableId,o.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},hw=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Sw=function(e){return function(t){return function(n){return function(r){if(hw(r)){e.stop(),n(r);return}if(r.type==="INITIAL_PUBLISH"){n(r);var o=t.getState();o.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?V(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):V()),e.start(o);return}n(r),e.scroll(t.getState())}}}},gw=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var r=e.getState();r.phase==="DROP_PENDING"&&(r.isWaiting||e.dispatch(hu({reason:r.reason})))}}}},bw=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Ip,vw=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,r=e.styleMarshal,o=e.getResponders,a=e.announce,l=e.autoScroller;return kp(xE,bw(ty(jE(r),mw(t),UE(t),QE,pw,uw,gw,Sw(l),rw,fw(n),dw(o,a))))},ca=function(){return{additions:{},removals:{},modified:{}}};function yw(e){var t=e.registry,n=e.callbacks,r=ca(),o=null,a=function(){o||(n.collectionStarting(),o=requestAnimationFrame(function(){o=null,is();var f=r,u=f.additions,h=f.removals,S=f.modified,v=Object.keys(u).map(function(C){return t.draggable.getById(C).getDimension(rt)}).sort(function(C,N){return C.descriptor.index-N.descriptor.index}),E=Object.keys(S).map(function(C){var N=t.droppable.getById(C),I=N.callbacks.getScrollWhileDragging();return{droppableId:C,scroll:I}}),T={additions:v,removals:Object.keys(h),modified:E};r=ca(),ls(),n.publish(T)}))},l=function(f){var u=f.descriptor.id;r.additions[u]=f,r.modified[f.descriptor.droppableId]=!0,r.removals[u]&&delete r.removals[u],a()},c=function(f){var u=f.descriptor;r.removals[u.id]=!0,r.modified[u.droppableId]=!0,r.additions[u.id]&&delete r.additions[u.id],a()},p=function(){o&&(cancelAnimationFrame(o),o=null,r=ca())};return{add:l,remove:c,stop:p}}var vu=function(e){var t=e.scrollHeight,n=e.scrollWidth,r=e.height,o=e.width,a=wt({x:n,y:t},{x:o,y:r}),l={x:Math.max(0,a.x),y:Math.max(0,a.y)};return l},yu=function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?V(!1,"Cannot find document.documentElement"):V()),e},Tu=function(){var e=yu(),t=vu({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},Tw=function(){var e=bu(),t=Tu(),n=e.y,r=e.x,o=yu(),a=o.clientWidth,l=o.clientHeight,c=r+a,p=n+l,m=Ht({top:n,left:r,right:c,bottom:p}),f={frame:m,scroll:{initial:e,current:e,max:t,diff:{value:rt,displacement:rt}}};return f},Ew=function(e){var t=e.critical,n=e.scrollOptions,r=e.registry;is();var o=Tw(),a=o.scroll.current,l=t.droppable,c=r.droppable.getAllByType(l.type).map(function(u){return u.callbacks.getDimensionAndWatchScroll(a,n)}),p=r.draggable.getAllByType(t.draggable.type).map(function(u){return u.getDimension(a)}),m={draggables:Jp(p),droppables:qp(c)};ls();var f={dimensions:m,critical:t,viewport:o};return f};function md(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var r=e.droppable.getById(n.descriptor.droppableId);return r.descriptor.mode!=="virtual"?(process.env.NODE_ENV!=="production"&&He(`
|
|
416
416
|
You are attempting to add or remove a Draggable [id: `+n.descriptor.id+`]
|
|
417
417
|
while a drag is occurring. This is only supported for virtual lists.
|
|
418
418
|
|
|
@@ -421,7 +421,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
421
421
|
Detected distance range of 0 in the fluid auto scroller
|
|
422
422
|
This is unexpected and would cause a divide by 0 issue.
|
|
423
423
|
Not allowing an auto scroll
|
|
424
|
-
`),0;var a=r-t,l=a/o;return l},vi=1,Iw=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Tn.maxPixelScroll;if(e===t.startScrollingFrom)return vi;var n=wu({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=1-n,o=Tn.maxPixelScroll*Tn.ease(r);return Math.ceil(o)},fd=Tn.durationDampening.accelerateAt,hd=Tn.durationDampening.stopDampeningAt,Mw=function(e,t){var n=t,r=hd,o=Date.now(),a=o-n;if(a>=hd)return e;if(a<fd)return vi;var l=wu({startOfRange:fd,endOfRange:r,current:a}),c=e*Tn.ease(l);return Math.ceil(c)},Sd=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,o=e.shouldUseTimeDampening,a=Iw(t,n);return a===0?0:o?Math.max(Mw(a,r),vi):a},gd=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,o=e.axis,a=e.shouldUseTimeDampening,l=kw(t,o),c=n[o.end]<n[o.start];return c?Sd({distanceToEdge:n[o.end],thresholds:l,dragStartTime:r,shouldUseTimeDampening:a}):-1*Sd({distanceToEdge:n[o.start],thresholds:l,dragStartTime:r,shouldUseTimeDampening:a})},_w=function(e){var t=e.container,n=e.subject,r=e.proposedScroll,o=n.height>t.height,a=n.width>t.width;return!a&&!o?r:a&&o?null:{x:a?0:r.x,y:o?0:r.y}},Rw=jp(function(e){return e===0?0:e}),Cu=function(e){var t=e.dragStartTime,n=e.container,r=e.subject,o=e.center,a=e.shouldUseTimeDampening,l={top:o.y-n.top,right:n.right-o.x,bottom:n.bottom-o.y,left:o.x-n.left},c=gd({container:n,distanceToEdges:l,dragStartTime:t,axis:di,shouldUseTimeDampening:a}),p=gd({container:n,distanceToEdges:l,dragStartTime:t,axis:Qp,shouldUseTimeDampening:a}),m=Rw({x:p,y:c});if(yn(m,rt))return null;var f=_w({container:n,subject:r,proposedScroll:m});return f?yn(f,rt)?null:f:null},Ow=jp(function(e){return e===0?0:e>0?1:-1}),yi=function(){var e=function(n,r){return n<0?n:n>r?n-r:0};return function(t){var n=t.current,r=t.max,o=t.change,a=it(n,o),l={x:e(a.x,r.x),y:e(a.y,r.y)};return yn(l,rt)?null:l}}(),Du=function(t){var n=t.max,r=t.current,o=t.change,a={x:Math.max(r.x,n.x),y:Math.max(r.y,n.y)},l=Ow(o),c=yi({max:a,current:r,change:l});return!c||l.x!==0&&c.x===0||l.y!==0&&c.y===0},Ti=function(t,n){return Du({current:t.scroll.current,max:t.scroll.max,change:n})},Lw=function(t,n){if(!Ti(t,n))return null;var r=t.scroll.max,o=t.scroll.current;return yi({current:o,max:r,change:n})},Ei=function(t,n){var r=t.frame;return r?Du({current:r.scroll.current,max:r.scroll.max,change:n}):!1},Pw=function(t,n){var r=t.frame;return!r||!Ei(t,n)?null:yi({current:r.scroll.current,max:r.scroll.max,change:n})},Bw=function(e){var t=e.viewport,n=e.subject,r=e.center,o=e.dragStartTime,a=e.shouldUseTimeDampening,l=Cu({dragStartTime:o,container:t.frame,subject:n,center:r,shouldUseTimeDampening:a});return l&&Ti(t,l)?l:null},Aw=function(e){var t=e.droppable,n=e.subject,r=e.center,o=e.dragStartTime,a=e.shouldUseTimeDampening,l=t.frame;if(!l)return null;var c=Cu({dragStartTime:o,container:l.pageMarginBox,subject:n,center:r,shouldUseTimeDampening:a});return c&&Ei(t,c)?c:null},bd=function(e){var t=e.state,n=e.dragStartTime,r=e.shouldUseTimeDampening,o=e.scrollWindow,a=e.scrollDroppable,l=t.current.page.borderBoxCenter,c=t.dimensions.draggables[t.critical.draggable.id],p=c.page.marginBox;if(t.isWindowScrollAllowed){var m=t.viewport,f=Bw({dragStartTime:n,viewport:m,subject:p,center:l,shouldUseTimeDampening:r});if(f){o(f);return}}var u=xw({center:l,destination:Ct(t.impact),droppables:t.dimensions.droppables});if(u){var h=Aw({dragStartTime:n,droppable:u,subject:p,center:l,shouldUseTimeDampening:r});h&&a(u.descriptor.id,h)}},Fw=function(e){var t=e.scrollWindow,n=e.scrollDroppable,r=qr(t),o=qr(n),a=null,l=function(f){a||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fluid scroll if not dragging"):V());var u=a,h=u.shouldUseTimeDampening,S=u.dragStartTime;bd({state:f,scrollWindow:r,scrollDroppable:o,dragStartTime:S,shouldUseTimeDampening:h})},c=function(f){is(),a&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot start auto scrolling when already started"):V());var u=Date.now(),h=!1,S=function(){h=!0};bd({state:f,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:S,scrollDroppable:S}),a={dragStartTime:u,shouldUseTimeDampening:h},ls(),h&&l(f)},p=function(){a&&(r.cancel(),o.cancel(),a=null)};return{start:c,stop:p,scroll:l}},Vw=function(e){var t=e.move,n=e.scrollDroppable,r=e.scrollWindow,o=function(m,f){var u=it(m.current.client.selection,f);t({client:u})},a=function(m,f){if(!Ei(m,f))return f;var u=Pw(m,f);if(!u)return n(m.descriptor.id,f),null;var h=
|
|
424
|
+
`),0;var a=r-t,l=a/o;return l},vi=1,Iw=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Tn.maxPixelScroll;if(e===t.startScrollingFrom)return vi;var n=wu({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=1-n,o=Tn.maxPixelScroll*Tn.ease(r);return Math.ceil(o)},fd=Tn.durationDampening.accelerateAt,hd=Tn.durationDampening.stopDampeningAt,Mw=function(e,t){var n=t,r=hd,o=Date.now(),a=o-n;if(a>=hd)return e;if(a<fd)return vi;var l=wu({startOfRange:fd,endOfRange:r,current:a}),c=e*Tn.ease(l);return Math.ceil(c)},Sd=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,o=e.shouldUseTimeDampening,a=Iw(t,n);return a===0?0:o?Math.max(Mw(a,r),vi):a},gd=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,o=e.axis,a=e.shouldUseTimeDampening,l=kw(t,o),c=n[o.end]<n[o.start];return c?Sd({distanceToEdge:n[o.end],thresholds:l,dragStartTime:r,shouldUseTimeDampening:a}):-1*Sd({distanceToEdge:n[o.start],thresholds:l,dragStartTime:r,shouldUseTimeDampening:a})},_w=function(e){var t=e.container,n=e.subject,r=e.proposedScroll,o=n.height>t.height,a=n.width>t.width;return!a&&!o?r:a&&o?null:{x:a?0:r.x,y:o?0:r.y}},Rw=jp(function(e){return e===0?0:e}),Cu=function(e){var t=e.dragStartTime,n=e.container,r=e.subject,o=e.center,a=e.shouldUseTimeDampening,l={top:o.y-n.top,right:n.right-o.x,bottom:n.bottom-o.y,left:o.x-n.left},c=gd({container:n,distanceToEdges:l,dragStartTime:t,axis:di,shouldUseTimeDampening:a}),p=gd({container:n,distanceToEdges:l,dragStartTime:t,axis:Qp,shouldUseTimeDampening:a}),m=Rw({x:p,y:c});if(yn(m,rt))return null;var f=_w({container:n,subject:r,proposedScroll:m});return f?yn(f,rt)?null:f:null},Ow=jp(function(e){return e===0?0:e>0?1:-1}),yi=function(){var e=function(n,r){return n<0?n:n>r?n-r:0};return function(t){var n=t.current,r=t.max,o=t.change,a=it(n,o),l={x:e(a.x,r.x),y:e(a.y,r.y)};return yn(l,rt)?null:l}}(),Du=function(t){var n=t.max,r=t.current,o=t.change,a={x:Math.max(r.x,n.x),y:Math.max(r.y,n.y)},l=Ow(o),c=yi({max:a,current:r,change:l});return!c||l.x!==0&&c.x===0||l.y!==0&&c.y===0},Ti=function(t,n){return Du({current:t.scroll.current,max:t.scroll.max,change:n})},Lw=function(t,n){if(!Ti(t,n))return null;var r=t.scroll.max,o=t.scroll.current;return yi({current:o,max:r,change:n})},Ei=function(t,n){var r=t.frame;return r?Du({current:r.scroll.current,max:r.scroll.max,change:n}):!1},Pw=function(t,n){var r=t.frame;return!r||!Ei(t,n)?null:yi({current:r.scroll.current,max:r.scroll.max,change:n})},Bw=function(e){var t=e.viewport,n=e.subject,r=e.center,o=e.dragStartTime,a=e.shouldUseTimeDampening,l=Cu({dragStartTime:o,container:t.frame,subject:n,center:r,shouldUseTimeDampening:a});return l&&Ti(t,l)?l:null},Aw=function(e){var t=e.droppable,n=e.subject,r=e.center,o=e.dragStartTime,a=e.shouldUseTimeDampening,l=t.frame;if(!l)return null;var c=Cu({dragStartTime:o,container:l.pageMarginBox,subject:n,center:r,shouldUseTimeDampening:a});return c&&Ei(t,c)?c:null},bd=function(e){var t=e.state,n=e.dragStartTime,r=e.shouldUseTimeDampening,o=e.scrollWindow,a=e.scrollDroppable,l=t.current.page.borderBoxCenter,c=t.dimensions.draggables[t.critical.draggable.id],p=c.page.marginBox;if(t.isWindowScrollAllowed){var m=t.viewport,f=Bw({dragStartTime:n,viewport:m,subject:p,center:l,shouldUseTimeDampening:r});if(f){o(f);return}}var u=xw({center:l,destination:Ct(t.impact),droppables:t.dimensions.droppables});if(u){var h=Aw({dragStartTime:n,droppable:u,subject:p,center:l,shouldUseTimeDampening:r});h&&a(u.descriptor.id,h)}},Fw=function(e){var t=e.scrollWindow,n=e.scrollDroppable,r=qr(t),o=qr(n),a=null,l=function(f){a||(process.env.NODE_ENV!=="production"?V(!1,"Cannot fluid scroll if not dragging"):V());var u=a,h=u.shouldUseTimeDampening,S=u.dragStartTime;bd({state:f,scrollWindow:r,scrollDroppable:o,dragStartTime:S,shouldUseTimeDampening:h})},c=function(f){is(),a&&(process.env.NODE_ENV!=="production"?V(!1,"Cannot start auto scrolling when already started"):V());var u=Date.now(),h=!1,S=function(){h=!0};bd({state:f,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:S,scrollDroppable:S}),a={dragStartTime:u,shouldUseTimeDampening:h},ls(),h&&l(f)},p=function(){a&&(r.cancel(),o.cancel(),a=null)};return{start:c,stop:p,scroll:l}},Vw=function(e){var t=e.move,n=e.scrollDroppable,r=e.scrollWindow,o=function(m,f){var u=it(m.current.client.selection,f);t({client:u})},a=function(m,f){if(!Ei(m,f))return f;var u=Pw(m,f);if(!u)return n(m.descriptor.id,f),null;var h=wt(f,u);n(m.descriptor.id,h);var S=wt(f,h);return S},l=function(m,f,u){if(!m||!Ti(f,u))return u;var h=Lw(f,u);if(!h)return r(u),null;var S=wt(u,h);r(S);var v=wt(u,S);return v},c=function(m){var f=m.scrollJumpRequest;if(f){var u=Ct(m.impact);u||(process.env.NODE_ENV!=="production"?V(!1,"Cannot perform a jump scroll when there is no destination"):V());var h=a(m.dimensions.droppables[u],f);if(h){var S=m.viewport,v=l(m.isWindowScrollAllowed,S,h);v&&o(m,v)}}};return c},$w=function(e){var t=e.scrollDroppable,n=e.scrollWindow,r=e.move,o=Fw({scrollWindow:n,scrollDroppable:t}),a=Vw({move:r,scrollWindow:n,scrollDroppable:t}),l=function(m){if(m.phase==="DRAGGING"){if(m.movementMode==="FLUID"){o.scroll(m);return}m.scrollJumpRequest&&a(m)}},c={scroll:l,start:o.start,stop:o.stop};return c},vr="data-rbd",yr=function(){var e=vr+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),Fa=function(){var e=vr+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Kw=function(){var e=vr+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),vd={contextId:vr+"-scroll-container-context-id"},Hw=function(t){return function(n){return"["+n+'="'+t+'"]'}},Ar=function(t,n){return t.map(function(r){var o=r.styles[n];return o?r.selector+" { "+o+" }":""}).join(" ")},Ww="pointer-events: none;",Gw=function(e){var t=Hw(e),n=function(){var c=`
|
|
425
425
|
cursor: -webkit-grab;
|
|
426
426
|
cursor: grab;
|
|
427
427
|
`;return{selector:t(yr.contextId),styles:{always:`
|
|
@@ -519,7 +519,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
519
519
|
Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
|
|
520
520
|
More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/droppable.md
|
|
521
521
|
`)}}],hD=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?V(!1,"Must provide a clone render function (renderClone) for virtual lists"):V())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?V(!1,"Expected virtual list to not have a placeholder"):V())}];function SD(e){ds(function(){ha(e,mD),e.props.mode==="standard"&&ha(e,fD),e.props.mode==="virtual"&&ha(e,hD)})}var gD=function(e){xp(t,e);function t(){for(var r,o=arguments.length,a=new Array(o),l=0;l<o;l++)a[l]=arguments[l];return r=e.call.apply(e,[this].concat(a))||this,r.state={isVisible:!!r.props.on,data:r.props.on,animate:r.props.shouldAnimate&&r.props.on?"open":"none"},r.onClose=function(){r.state.animate==="close"&&r.setState({isVisible:!1})},r}t.getDerivedStateFromProps=function(o,a){return o.shouldAnimate?o.on?{isVisible:!0,data:o.on,animate:"open"}:a.isVisible?{isVisible:!0,data:a.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!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}(_.PureComponent),xd={dragging:5e3,dropAnimating:4500},bD=function(t,n){return n?Wr.drop(n.duration):t?Wr.snap:Wr.fluid},vD=function(t,n){return t?n?es.opacity.drop:es.opacity.combining:null},yD=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function TD(e){var t=e.dimension,n=t.client,r=e.offset,o=e.combineWith,a=e.dropping,l=!!o,c=yD(e),p=!!a,m=p?Ba.drop(r,l):Ba.moveTo(r),f={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:bD(c,a),transform:m,opacity:vD(l,p),zIndex:p?xd.dropAnimating:xd.dragging,pointerEvents:"none"};return f}function ED(e){return{transform:Ba.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function wD(e){return e.type==="DRAGGING"?TD(e):ED(e)}function CD(e,t,n){n===void 0&&(n=rt);var r=window.getComputedStyle(t),o=t.getBoundingClientRect(),a=Hp(o,r),l=Ys(a,n),c={client:a,tagName:t.tagName.toLowerCase(),display:r.display},p={x:a.marginBox.width,y:a.marginBox.height},m={descriptor:e,placeholder:c,displaceBy:p,client:a,page:l};return m}function DD(e){var t=Ci("draggable"),n=e.descriptor,r=e.registry,o=e.getDraggableRef,a=e.canDragInteractiveElements,l=e.shouldRespectForcePress,c=e.isEnabled,p=Ie(function(){return{canDragInteractiveElements:a,shouldRespectForcePress:l,isEnabled:c}},[a,c,l]),m=he(function(S){var v=o();return v||(process.env.NODE_ENV!=="production"?V(!1,"Cannot get dimension when no ref is set"):V()),CD(n,v,S)},[n,o]),f=Ie(function(){return{uniqueId:t,descriptor:n,options:p,getDimension:m}},[n,m,p,t]),u=_.useRef(f),h=_.useRef(!0);Dt(function(){return r.draggable.register(u.current),function(){return r.draggable.unregister(u.current)}},[r.draggable]),Dt(function(){if(h.current){h.current=!1;return}var S=u.current;u.current=f,r.draggable.update(f,S)},[f,r.draggable])}function ND(e,t,n){ds(function(){function r(a){return"Draggable[id: "+a+"]: "}var o=e.draggableId;o||(process.env.NODE_ENV!=="production"?V(!1,"Draggable requires a draggableId"):V(!1)),typeof o!="string"&&(process.env.NODE_ENV!=="production"?V(!1,`Draggable requires a [string] draggableId.
|
|
522
|
-
Provided: [type: `+typeof o+"] (value: "+o+")"):V(!1)),kT(e.index)||(process.env.NODE_ENV!=="production"?V(!1,r(o)+" requires an integer index prop"):V(!1)),e.mapped.type!=="DRAGGING"&&(Hu(n()),e.isEnabled&&(xu(t,o)||(process.env.NODE_ENV!=="production"?V(!1,r(o)+" Unable to find drag handle"):V(!1))))})}function xD(e){Di(function(){var t=_.useRef(e);ds(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?V(!1,"Draggable isClone prop value changed during component life"):V(!1))},[e])})}function kD(e){e.preventDefault()}function ID(e){var t=_.useRef(null),n=he(function(R){t.current=R},[]),r=he(function(){return t.current},[]),o=qs(lo),a=o.contextId,l=o.dragHandleUsageInstructionsId,c=o.registry,p=qs(Ii),m=p.type,f=p.droppableId,u=Ie(function(){return{id:e.draggableId,index:e.index,type:m,droppableId:f}},[e.draggableId,e.index,m,f]),h=e.children,S=e.draggableId,v=e.isEnabled,E=e.shouldRespectForcePress,T=e.canDragInteractiveElements,C=e.isClone,N=e.mapped,I=e.dropAnimationFinished;if(ND(e,a,r),xD(C),!C){var x=Ie(function(){return{descriptor:u,registry:c,getDraggableRef:r,canDragInteractiveElements:T,shouldRespectForcePress:E,isEnabled:v}},[u,c,r,T,E,v]);DD(x)}var k=Ie(function(){return v?{tabIndex:0,role:"button","aria-describedby":l,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":a,draggable:!1,onDragStart:kD}:null},[a,l,S,v]),A=he(function(R){N.type==="DRAGGING"&&N.dropping&&R.propertyName==="transform"&&I()},[I,N]),L=Ie(function(){var R=wD(N),O=N.type==="DRAGGING"&&N.dropping?A:null,K={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":a,"data-rbd-draggable-id":S,style:R,onTransitionEnd:O},dragHandleProps:k};return K},[a,k,S,N,A,n]),w=Ie(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return h(L,N.snapshot,w)}var Wu=function(e,t){return e===t},Gu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},MD=function(t){return t.combine?t.combine.draggableId:null},_D=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function RD(){var e=nt(function(o,a){return{x:o,y:a}}),t=nt(function(o,a,l,c,p){return{isDragging:!0,isClone:a,isDropAnimating:!!p,dropAnimation:p,mode:o,draggingOver:l,combineWith:c,combineTargetFor:null}}),n=nt(function(o,a,l,c,p,m,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:m,mode:a,offset:o,dimension:l,forceShouldAnimate:f,snapshot:t(a,c,p,m,null)}}}),r=function(a,l){if(a.isDragging){if(a.critical.draggable.id!==l.draggableId)return null;var c=a.current.client.offset,p=a.dimensions.draggables[l.draggableId],m=Ct(a.impact),f=_D(a.impact),u=a.forceShouldAnimate;return n(e(c.x,c.y),a.movementMode,p,l.isClone,m,f,u)}if(a.phase==="DROP_ANIMATING"){var h=a.completed;if(h.result.draggableId!==l.draggableId)return null;var S=l.isClone,v=a.dimensions.draggables[l.draggableId],E=h.result,T=E.mode,C=Gu(E),N=MD(E),I=a.dropDuration,x={duration:I,curve:gi.drop,moveTo:a.newHomeClientOffset,opacity:N?es.opacity.drop:null,scale:N?es.scale.drop:null};return{mapped:{type:"DRAGGING",offset:a.newHomeClientOffset,dimension:v,dropping:x,draggingOver:C,combineWith:N,mode:T,forceShouldAnimate:null,snapshot:t(T,S,C,N,x)}}}return null};return r}function Yu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var OD={mapped:{type:"SECONDARY",offset:rt,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Yu(null)}};function LD(){var e=nt(function(l,c){return{x:l,y:c}}),t=nt(Yu),n=nt(function(l,c,p){return c===void 0&&(c=null),{mapped:{type:"SECONDARY",offset:l,combineTargetFor:c,shouldAnimateDisplacement:p,snapshot:t(c)}}}),r=function(c){return c?n(rt,c,!0):null},o=function(c,p,m,f){var u=m.displaced.visible[c],h=!!(f.inVirtualList&&f.effected[c]),S=oo(m),v=S&&S.draggableId===c?p:null;if(!u){if(!h)return r(v);if(m.displaced.invisible[c])return null;var E=Dr(f.displacedBy.point),T=e(E.x,E.y);return n(T,v,!0)}if(h)return r(v);var C=m.displacedBy.point,N=e(C.x,C.y);return n(N,v,u.shouldAnimate)},a=function(c,p){if(c.isDragging)return c.critical.draggable.id===p.draggableId?null:o(p.draggableId,c.critical.draggable.id,c.impact,c.afterCritical);if(c.phase==="DROP_ANIMATING"){var m=c.completed;return m.result.draggableId===p.draggableId?null:o(p.draggableId,m.result.draggableId,m.impact,m.afterCritical)}return null};return a}var PD=function(){var t=RD(),n=LD(),r=function(a,l){return t(a,l)||n(a,l)||OD};return r},BD={dropAnimationFinished:Su},AD=$p(PD,BD,null,{context:wi,pure:!0,areStatePropsEqual:Wu})(ID);function Uu(e){var t=qs(Ii),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:_.createElement(AD,e)}function ju(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,r=!!e.shouldRespectForcePress;return _.createElement(Uu,Se({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:r}))}function FD(e){var t=_.useContext(lo);t||(process.env.NODE_ENV!=="production"?V(!1,"Could not find app context"):V());var n=t.contextId,r=t.isMovementAllowed,o=_.useRef(null),a=_.useRef(null),l=e.children,c=e.droppableId,p=e.type,m=e.mode,f=e.direction,u=e.ignoreContainerClipping,h=e.isDropDisabled,S=e.isCombineEnabled,v=e.snapshot,E=e.useClone,T=e.updateViewportMaxScroll,C=e.getContainerForClone,N=he(function(){return o.current},[]),I=he(function(j){o.current=j},[]),x=he(function(){return a.current},[]),k=he(function(j){a.current=j},[]);SD({props:e,getDroppableRef:N,getPlaceholderRef:x});var A=he(function(){r()&&T({maxScroll:Tu()})},[r,T]);lD({droppableId:c,type:p,mode:m,direction:f,isDropDisabled:h,isCombineEnabled:S,ignoreContainerClipping:u,getDroppableRef:N});var L=_.createElement(gD,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(j){var M=j.onClose,Y=j.data,G=j.animate;return _.createElement(uD,{placeholder:Y,onClose:M,innerRef:k,animate:G,contextId:n,onTransitionEnd:A})}),w=Ie(function(){return{innerRef:I,placeholder:L,droppableProps:{"data-rbd-droppable-id":c,"data-rbd-droppable-context-id":n}}},[n,c,L,I]),R=E?E.dragging.draggableId:null,O=Ie(function(){return{droppableId:c,type:p,isUsingCloneFor:R}},[c,R,p]);function K(){if(!E)return null;var j=E.dragging,M=E.render,Y=_.createElement(Uu,{draggableId:j.draggableId,index:j.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(G,Z){return M(G,Z,j)});return eo.createPortal(Y,C())}return _.createElement(Ii.Provider,{value:O},l(w,v),K())}var Sa=function(t,n){return t===n.droppable.type},kd=function(t,n){return n.draggables[t.draggable.id]},VD=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=Se({},t,{shouldAnimatePlaceholder:!1}),r=nt(function(l){return{draggableId:l.id,type:l.type,source:{index:l.index,droppableId:l.droppableId}}}),o=nt(function(l,c,p,m,f,u){var h=f.descriptor.id,S=f.descriptor.droppableId===l;if(S){var v=u?{render:u,dragging:r(f.descriptor)}:null,E={isDraggingOver:p,draggingOverWith:p?h:null,draggingFromThisWith:h,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:E,useClone:v}}if(!c)return n;if(!m)return t;var T={isDraggingOver:p,draggingOverWith:h,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:T,useClone:null}}),a=function(c,p){var m=p.droppableId,f=p.type,u=!p.isDropDisabled,h=p.renderClone;if(c.isDragging){var S=c.critical;if(!Sa(f,S))return n;var v=kd(S,c.dimensions),E=Ct(c.impact)===m;return o(m,u,E,E,v,h)}if(c.phase==="DROP_ANIMATING"){var T=c.completed;if(!Sa(f,T.critical))return n;var C=kd(T.critical,c.dimensions);return o(m,u,Gu(T.result)===m,Ct(T.impact)===m,C,h)}if(c.phase==="IDLE"&&c.completed&&!c.shouldFlush){var N=c.completed;if(!Sa(f,N.critical))return n;var I=Ct(N.impact)===m,x=!!(N.impact.at&&N.impact.at.type==="COMBINE"),k=N.critical.droppable.id===m;return I?x?t:n:k?t:n}return n};return a},$D={updateViewportMaxScroll:AE};function KD(){return document.body||(process.env.NODE_ENV!=="production"?V(!1,"document.body is not ready"):V()),document.body}var HD={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:KD},Mi=$p(VD,$D,null,{context:wi,pure:!0,areStatePropsEqual:Wu})(FD);Mi.defaultProps=HD;const WD={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function je(e){const{children:t,className:n,href:r,icon:o,kind:a=H.ButtonKind.DEFAULT,spinning:l,spinningTitle:c,type:p=H.ButtonType.BUTTON,unsafelyReplaceClassName:m,...f}=e;let{disabled:u}=e;l&&(u=!0);const{t:h}=s.useContext($e),S=W(m||"sps-button",`sps-button--${a}`,u&&"sps-button--disabled",l&&"sps-button--spinning",n),v=o&&s.createElement("i",{className:W("sps-icon",`sps-icon-${o}`),"aria-hidden":"true"}),E=l&&s.createElement("div",{className:"sps-spinner"},c||h("design-system:button.spinningTitle"));return s.createElement("div",{className:S},r?s.createElement("a",{...f,href:r,className:"sps-button__clickable-element"},v,t,E):s.createElement("button",{...f,type:p,className:"sps-button__clickable-element",disabled:u},v,t,E))}Object.assign(je,{props:WD,displayName:"SpsButton"});const GD={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function zu(e){const{content:t,className:n,icon:r,title:o,"data-testid":a,unsafelyReplaceClassName:l,...c}=e,p=W(l||"sps-card__header",n);return s.createElement("div",{className:p,title:o,...c},s.createElement("div",{className:"sps-card__title"}," ",r&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${r}`})," ",o),s.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(zu,{props:GD,displayName:"SpsCardHeader"});const YD={icon:"SpsIcon",kind:"TagKind"};function Wt(e){const{children:t,className:n,icon:r,kind:o=H.TagKind.DEFAULT,"data-testid":a,unsafelyReplaceClassName:l,...c}=e,p=s.Children.toArray(t).filter(f=>typeof f=="string").join(""),m=W(l||"sps-tag",`sps-tag--${o}`,n);return s.createElement("span",{className:m,"data-testid":`${a}__tag`,title:p,...c},r&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${r}`,"data-testid":`${a}__icon`}),t)}Object.assign(Wt,{props:YD,displayName:"SpsTag"});const UD={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function _i(e){const{activateTab:t,active:n,children:r,className:o,label:a,icon:l,id:c,index:p=0,tag:m,tagKind:f,tagIcon:u,"data-testid":h,unsafelyReplaceClassName:S,...v}=e,E=()=>{t&&t(this,p,r)},T=N=>{(N.key==="Enter"||N.key===" "||N.key==="Spacebar")&&(N.preventDefault(),N.stopPropagation(),t&&t(this,p,r))},C=W(S||"sps-nav__item","sps-nav__link",n&&"active",o);return s.createElement("a",{className:C,onClick:E,"data-toggle":"tab",id:c,role:"tab","aria-controls":c,...v,tabIndex:0,onKeyDown:T},l&&s.createElement("i",{className:`sps-icon sps-icon-${l}`}),s.createElement("span",null,a),m&&s.createElement(Wt,{kind:f||H.TagKind.KEY,icon:u},m))}Object.assign(_i,{props:UD,displayName:"SpsCardTabbedPane"});function jD(e,t,n){const[r,o]=s.useState({index:0,content:null}),a=s.useCallback((l,c,p)=>{o({index:c,content:p})},[]);return s.useEffect(()=>{function l(m){for(const f of m){const u=f.props;o({...r,content:u.children});break}}function c(m,f){for(let u=0;u<=m.length;u+=1){const h=m[u];if(h&&h.props&&(h.props.id&&h.props.id===f||h.props.label&&h.props.label===f)){o({content:h.props.children,index:u});break}}}const p=s.Children.toArray(e);n&&t?c(p,t):n&&l(p)},[t,e]),[r,a]}const zD={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Ri(e){s.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{activeTab:t,children:n,className:r,footer:o,headerContent:a,headerIcon:l,headerTitle:c,"data-testid":p,unsafelyReplaceClassName:m,...f}=e,u=s.Children.toArray(n).some(E=>s.isValidElement(E)&&E.type===_i),[h,S]=jD(n,t,u),v=W(m||"sps-card",r);return s.createElement("div",{...f,className:v,"data-testid":`${p}__card`},(c||a)&&s.createElement(zu,{title:c,content:wt(a),icon:l,"data-testid":`${p}__header`}),u===!0?s.createElement(s.Fragment,null,s.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},s.Children.map(n,(E,T)=>{if(s.isValidElement(E))return s.cloneElement(E,{active:T===h.index,index:T,activateTab:S,"data-testid":`${p}__tab`})})),s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},h.content)):s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&s.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},wt(o)))}Object.assign(Ri,{props:zD,displayName:"SpsCard"});function Oi(e,t){const[n,...r]=y.crumblePath(t);return r.length?e.members[n].get(r):e.members[n]}function qD(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(r=>r.isValid())},isRequired(){const n=this;return n.validators&&n.validators.indexOf(no.required)>-1},hasError(n){const r=this;return r.errors&&Object.prototype.hasOwnProperty.call(r.errors,n)},length:e.length,setInitValue(n){for(const[r,o]of this.members.entries())o.setInitValue(n[r]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[r,o]of this.members.entries())o.setValue(n[r]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const r=this;r.members=[...e],r.length=e.length;for(const[o,a]of r.members.entries())n&&o<n.length?a.reset(n[o]):a.reset();return r.update(),this},get(n){return Oi(this,n)},at(n){return this.members[n]},push(n){const r=this;return r.members.push(n),r.length=r.members.length,r.update(),this},insert(n,r){const o=this;return o.members.splice(n,0,r),o.length=o.members.length,o.update(),this},removeAt(n){const r=this;return r.members.splice(n,1),r.length=r.members.length,r.update(),this},setControl(n,r){const o=this;return o.members[n]=r,o.update(),this}}}function JD(e,t={}){return{validators:[],id:gt(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(no.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function ZD(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const r of Object.keys(this.members))this.members[r].setInitValue(n[r]);return this},getValue(){return Object.keys(this.members).reduce((n,r)=>Object.assign(n,{[r]:this.members[r].getValue()}),{})},setValue(n={}){for(const r of Object.keys(this.members))this.members[r].setValue(n[r]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const r of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,r)?this.members[r].reset(n[r]):this.members[r].reset();return this.update(),this},get(n){return Oi(this,n)},addControl(n,r){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=r,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,r){return this.members[n]=r,this.update(),this},contains(n){return Object.keys(this.members).indexOf(n)>-1}}}function XD(e,t){t&&e.setInitValue(t);const[n,r]=_.useState(),[o,a]=_.useState([]),[l,c]=_.useReducer(p=>{for(const m of o)for(const f of y.traversePath(p,m))f.validators&&f.validators.length&&(f.errors=ro(f.getValue(),f.validators),f.invalid=!!f.errors&&!f.pristine);return r(void 0),a([]),{...p}},e);return y.forEachNestedObject(l,(p,m)=>{m._type&&(m.update=function(){return o.push(p),a(o),n||r(window.setTimeout(c,0)),this})}),l}function QD(e,t=null){const[n,r]=_.useState(t),o=_.useRef(()=>null);return _.useEffect(()=>{const a=()=>n;if(e.validators){const l=e.validators.indexOf(o.current);l===-1?e.validators.push(a):e.validators[l]=a,e.update(),o.current=a}},[n]),[n,r]}const qu={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},ps=s.forwardRef((e,t)=>{const{children:n,onSubmit:r,formArray:o,formGroup:a,formMeta:l,...c}=e,p=a||o;function m(f){f.preventDefault(),p&&p.markAsDirty(),l&&(l.markAsDirty(),l.markAsBlurred(),l.markAsSubmitted()),r&&r(f)}return s.createElement("form",{ref:t,onSubmit:m,...c},n)});Object.assign(ps,{props:qu,displayName:"SpsForm"});const Ju={},eN={ideal:{label:"Ideal",examples:{ideal:{react:y.code`
|
|
522
|
+
Provided: [type: `+typeof o+"] (value: "+o+")"):V(!1)),kT(e.index)||(process.env.NODE_ENV!=="production"?V(!1,r(o)+" requires an integer index prop"):V(!1)),e.mapped.type!=="DRAGGING"&&(Hu(n()),e.isEnabled&&(xu(t,o)||(process.env.NODE_ENV!=="production"?V(!1,r(o)+" Unable to find drag handle"):V(!1))))})}function xD(e){Di(function(){var t=_.useRef(e);ds(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?V(!1,"Draggable isClone prop value changed during component life"):V(!1))},[e])})}function kD(e){e.preventDefault()}function ID(e){var t=_.useRef(null),n=he(function(R){t.current=R},[]),r=he(function(){return t.current},[]),o=qs(lo),a=o.contextId,l=o.dragHandleUsageInstructionsId,c=o.registry,p=qs(Ii),m=p.type,f=p.droppableId,u=Ie(function(){return{id:e.draggableId,index:e.index,type:m,droppableId:f}},[e.draggableId,e.index,m,f]),h=e.children,S=e.draggableId,v=e.isEnabled,E=e.shouldRespectForcePress,T=e.canDragInteractiveElements,C=e.isClone,N=e.mapped,I=e.dropAnimationFinished;if(ND(e,a,r),xD(C),!C){var x=Ie(function(){return{descriptor:u,registry:c,getDraggableRef:r,canDragInteractiveElements:T,shouldRespectForcePress:E,isEnabled:v}},[u,c,r,T,E,v]);DD(x)}var k=Ie(function(){return v?{tabIndex:0,role:"button","aria-describedby":l,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":a,draggable:!1,onDragStart:kD}:null},[a,l,S,v]),A=he(function(R){N.type==="DRAGGING"&&N.dropping&&R.propertyName==="transform"&&I()},[I,N]),L=Ie(function(){var R=wD(N),O=N.type==="DRAGGING"&&N.dropping?A:null,K={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":a,"data-rbd-draggable-id":S,style:R,onTransitionEnd:O},dragHandleProps:k};return K},[a,k,S,N,A,n]),w=Ie(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return h(L,N.snapshot,w)}var Wu=function(e,t){return e===t},Gu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},MD=function(t){return t.combine?t.combine.draggableId:null},_D=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function RD(){var e=nt(function(o,a){return{x:o,y:a}}),t=nt(function(o,a,l,c,p){return{isDragging:!0,isClone:a,isDropAnimating:!!p,dropAnimation:p,mode:o,draggingOver:l,combineWith:c,combineTargetFor:null}}),n=nt(function(o,a,l,c,p,m,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:m,mode:a,offset:o,dimension:l,forceShouldAnimate:f,snapshot:t(a,c,p,m,null)}}}),r=function(a,l){if(a.isDragging){if(a.critical.draggable.id!==l.draggableId)return null;var c=a.current.client.offset,p=a.dimensions.draggables[l.draggableId],m=Ct(a.impact),f=_D(a.impact),u=a.forceShouldAnimate;return n(e(c.x,c.y),a.movementMode,p,l.isClone,m,f,u)}if(a.phase==="DROP_ANIMATING"){var h=a.completed;if(h.result.draggableId!==l.draggableId)return null;var S=l.isClone,v=a.dimensions.draggables[l.draggableId],E=h.result,T=E.mode,C=Gu(E),N=MD(E),I=a.dropDuration,x={duration:I,curve:gi.drop,moveTo:a.newHomeClientOffset,opacity:N?es.opacity.drop:null,scale:N?es.scale.drop:null};return{mapped:{type:"DRAGGING",offset:a.newHomeClientOffset,dimension:v,dropping:x,draggingOver:C,combineWith:N,mode:T,forceShouldAnimate:null,snapshot:t(T,S,C,N,x)}}}return null};return r}function Yu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var OD={mapped:{type:"SECONDARY",offset:rt,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Yu(null)}};function LD(){var e=nt(function(l,c){return{x:l,y:c}}),t=nt(Yu),n=nt(function(l,c,p){return c===void 0&&(c=null),{mapped:{type:"SECONDARY",offset:l,combineTargetFor:c,shouldAnimateDisplacement:p,snapshot:t(c)}}}),r=function(c){return c?n(rt,c,!0):null},o=function(c,p,m,f){var u=m.displaced.visible[c],h=!!(f.inVirtualList&&f.effected[c]),S=oo(m),v=S&&S.draggableId===c?p:null;if(!u){if(!h)return r(v);if(m.displaced.invisible[c])return null;var E=Dr(f.displacedBy.point),T=e(E.x,E.y);return n(T,v,!0)}if(h)return r(v);var C=m.displacedBy.point,N=e(C.x,C.y);return n(N,v,u.shouldAnimate)},a=function(c,p){if(c.isDragging)return c.critical.draggable.id===p.draggableId?null:o(p.draggableId,c.critical.draggable.id,c.impact,c.afterCritical);if(c.phase==="DROP_ANIMATING"){var m=c.completed;return m.result.draggableId===p.draggableId?null:o(p.draggableId,m.result.draggableId,m.impact,m.afterCritical)}return null};return a}var PD=function(){var t=RD(),n=LD(),r=function(a,l){return t(a,l)||n(a,l)||OD};return r},BD={dropAnimationFinished:Su},AD=$p(PD,BD,null,{context:wi,pure:!0,areStatePropsEqual:Wu})(ID);function Uu(e){var t=qs(Ii),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:_.createElement(AD,e)}function ju(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,r=!!e.shouldRespectForcePress;return _.createElement(Uu,Se({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:r}))}function FD(e){var t=_.useContext(lo);t||(process.env.NODE_ENV!=="production"?V(!1,"Could not find app context"):V());var n=t.contextId,r=t.isMovementAllowed,o=_.useRef(null),a=_.useRef(null),l=e.children,c=e.droppableId,p=e.type,m=e.mode,f=e.direction,u=e.ignoreContainerClipping,h=e.isDropDisabled,S=e.isCombineEnabled,v=e.snapshot,E=e.useClone,T=e.updateViewportMaxScroll,C=e.getContainerForClone,N=he(function(){return o.current},[]),I=he(function(j){o.current=j},[]),x=he(function(){return a.current},[]),k=he(function(j){a.current=j},[]);SD({props:e,getDroppableRef:N,getPlaceholderRef:x});var A=he(function(){r()&&T({maxScroll:Tu()})},[r,T]);lD({droppableId:c,type:p,mode:m,direction:f,isDropDisabled:h,isCombineEnabled:S,ignoreContainerClipping:u,getDroppableRef:N});var L=_.createElement(gD,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(j){var M=j.onClose,Y=j.data,G=j.animate;return _.createElement(uD,{placeholder:Y,onClose:M,innerRef:k,animate:G,contextId:n,onTransitionEnd:A})}),w=Ie(function(){return{innerRef:I,placeholder:L,droppableProps:{"data-rbd-droppable-id":c,"data-rbd-droppable-context-id":n}}},[n,c,L,I]),R=E?E.dragging.draggableId:null,O=Ie(function(){return{droppableId:c,type:p,isUsingCloneFor:R}},[c,R,p]);function K(){if(!E)return null;var j=E.dragging,M=E.render,Y=_.createElement(Uu,{draggableId:j.draggableId,index:j.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(G,Z){return M(G,Z,j)});return eo.createPortal(Y,C())}return _.createElement(Ii.Provider,{value:O},l(w,v),K())}var Sa=function(t,n){return t===n.droppable.type},kd=function(t,n){return n.draggables[t.draggable.id]},VD=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=Se({},t,{shouldAnimatePlaceholder:!1}),r=nt(function(l){return{draggableId:l.id,type:l.type,source:{index:l.index,droppableId:l.droppableId}}}),o=nt(function(l,c,p,m,f,u){var h=f.descriptor.id,S=f.descriptor.droppableId===l;if(S){var v=u?{render:u,dragging:r(f.descriptor)}:null,E={isDraggingOver:p,draggingOverWith:p?h:null,draggingFromThisWith:h,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:E,useClone:v}}if(!c)return n;if(!m)return t;var T={isDraggingOver:p,draggingOverWith:h,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:T,useClone:null}}),a=function(c,p){var m=p.droppableId,f=p.type,u=!p.isDropDisabled,h=p.renderClone;if(c.isDragging){var S=c.critical;if(!Sa(f,S))return n;var v=kd(S,c.dimensions),E=Ct(c.impact)===m;return o(m,u,E,E,v,h)}if(c.phase==="DROP_ANIMATING"){var T=c.completed;if(!Sa(f,T.critical))return n;var C=kd(T.critical,c.dimensions);return o(m,u,Gu(T.result)===m,Ct(T.impact)===m,C,h)}if(c.phase==="IDLE"&&c.completed&&!c.shouldFlush){var N=c.completed;if(!Sa(f,N.critical))return n;var I=Ct(N.impact)===m,x=!!(N.impact.at&&N.impact.at.type==="COMBINE"),k=N.critical.droppable.id===m;return I?x?t:n:k?t:n}return n};return a},$D={updateViewportMaxScroll:AE};function KD(){return document.body||(process.env.NODE_ENV!=="production"?V(!1,"document.body is not ready"):V()),document.body}var HD={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:KD},Mi=$p(VD,$D,null,{context:wi,pure:!0,areStatePropsEqual:Wu})(FD);Mi.defaultProps=HD;const WD={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function je(e){const{children:t,className:n,href:r,icon:o,kind:a=H.ButtonKind.DEFAULT,spinning:l,spinningTitle:c,type:p=H.ButtonType.BUTTON,unsafelyReplaceClassName:m,...f}=e;let{disabled:u}=e;l&&(u=!0);const{t:h}=s.useContext($e),S=W(m||"sps-button",`sps-button--${a}`,u&&"sps-button--disabled",l&&"sps-button--spinning",n),v=o&&s.createElement("i",{className:W("sps-icon",`sps-icon-${o}`),"aria-hidden":"true"}),E=l&&s.createElement("div",{className:"sps-spinner"},c||h("design-system:button.spinningTitle"));return s.createElement("div",{className:S},r?s.createElement("a",{...f,href:r,className:"sps-button__clickable-element"},v,t,E):s.createElement("button",{...f,type:p,className:"sps-button__clickable-element",disabled:u},v,t,E))}Object.assign(je,{props:WD,displayName:"SpsButton"});const GD={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function zu(e){const{content:t,className:n,icon:r,title:o,"data-testid":a,unsafelyReplaceClassName:l,...c}=e,p=W(l||"sps-card__header",n);return s.createElement("div",{className:p,title:o,...c},s.createElement("div",{className:"sps-card__title"}," ",r&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${r}`})," ",o),s.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(zu,{props:GD,displayName:"SpsCardHeader"});const YD={icon:"SpsIcon",kind:"TagKind"};function Wt(e){const{children:t,className:n,icon:r,kind:o=H.TagKind.DEFAULT,"data-testid":a,unsafelyReplaceClassName:l,...c}=e,p=s.Children.toArray(t).filter(f=>typeof f=="string").join(""),m=W(l||"sps-tag",`sps-tag--${o}`,n);return s.createElement("span",{className:m,"data-testid":`${a}__tag`,title:p,...c},r&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${r}`,"data-testid":`${a}__icon`}),t)}Object.assign(Wt,{props:YD,displayName:"SpsTag"});const UD={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function _i(e){const{activateTab:t,active:n,children:r,className:o,label:a,icon:l,id:c,index:p=0,tag:m,tagKind:f,tagIcon:u,"data-testid":h,unsafelyReplaceClassName:S,...v}=e,E=()=>{t&&t(this,p,r)},T=N=>{(N.key==="Enter"||N.key===" "||N.key==="Spacebar")&&(N.preventDefault(),N.stopPropagation(),t&&t(this,p,r))},C=W(S||"sps-nav__item","sps-nav__link",n&&"active",o);return s.createElement("a",{className:C,onClick:E,"data-toggle":"tab",id:c,role:"tab","aria-controls":c,...v,tabIndex:0,onKeyDown:T},l&&s.createElement("i",{className:`sps-icon sps-icon-${l}`}),s.createElement("span",null,a),m&&s.createElement(Wt,{kind:f||H.TagKind.KEY,icon:u},m))}Object.assign(_i,{props:UD,displayName:"SpsCardTabbedPane"});function jD(e,t,n){const[r,o]=s.useState({index:0,content:null}),a=s.useCallback((l,c,p)=>{o({index:c,content:p})},[]);return s.useEffect(()=>{function l(m){for(const f of m){const u=f.props;o({...r,content:u.children});break}}function c(m,f){for(let u=0;u<=m.length;u+=1){const h=m[u];if(h&&h.props&&(h.props.id&&h.props.id===f||h.props.label&&h.props.label===f)){o({content:h.props.children,index:u});break}}}const p=s.Children.toArray(e);n&&t?c(p,t):n&&l(p)},[t,e]),[r,a]}const zD={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Ri(e){s.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{activeTab:t,children:n,className:r,footer:o,headerContent:a,headerIcon:l,headerTitle:c,"data-testid":p,unsafelyReplaceClassName:m,...f}=e,u=s.Children.toArray(n).some(E=>s.isValidElement(E)&&E.type===_i),[h,S]=jD(n,t,u),v=W(m||"sps-card",r);return s.createElement("div",{...f,className:v,"data-testid":`${p}__card`},(c||a)&&s.createElement(zu,{title:c,content:yt(a),icon:l,"data-testid":`${p}__header`}),u===!0?s.createElement(s.Fragment,null,s.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},s.Children.map(n,(E,T)=>{if(s.isValidElement(E))return s.cloneElement(E,{active:T===h.index,index:T,activateTab:S,"data-testid":`${p}__tab`})})),s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},h.content)):s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&s.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},yt(o)))}Object.assign(Ri,{props:zD,displayName:"SpsCard"});function Oi(e,t){const[n,...r]=y.crumblePath(t);return r.length?e.members[n].get(r):e.members[n]}function qD(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(r=>r.isValid())},isRequired(){const n=this;return n.validators&&n.validators.indexOf(no.required)>-1},hasError(n){const r=this;return r.errors&&Object.prototype.hasOwnProperty.call(r.errors,n)},length:e.length,setInitValue(n){for(const[r,o]of this.members.entries())o.setInitValue(n[r]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[r,o]of this.members.entries())o.setValue(n[r]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const r=this;r.members=[...e],r.length=e.length;for(const[o,a]of r.members.entries())n&&o<n.length?a.reset(n[o]):a.reset();return r.update(),this},get(n){return Oi(this,n)},at(n){return this.members[n]},push(n){const r=this;return r.members.push(n),r.length=r.members.length,r.update(),this},insert(n,r){const o=this;return o.members.splice(n,0,r),o.length=o.members.length,o.update(),this},removeAt(n){const r=this;return r.members.splice(n,1),r.length=r.members.length,r.update(),this},setControl(n,r){const o=this;return o.members[n]=r,o.update(),this}}}function JD(e,t={}){return{validators:[],id:gt(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(no.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function ZD(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const r of Object.keys(this.members))this.members[r].setInitValue(n[r]);return this},getValue(){return Object.keys(this.members).reduce((n,r)=>Object.assign(n,{[r]:this.members[r].getValue()}),{})},setValue(n={}){for(const r of Object.keys(this.members))this.members[r].setValue(n[r]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const r of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,r)?this.members[r].reset(n[r]):this.members[r].reset();return this.update(),this},get(n){return Oi(this,n)},addControl(n,r){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=r,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,r){return this.members[n]=r,this.update(),this},contains(n){return Object.keys(this.members).indexOf(n)>-1}}}function XD(e,t){t&&e.setInitValue(t);const[n,r]=_.useState(),[o,a]=_.useState([]),[l,c]=_.useReducer(p=>{for(const m of o)for(const f of y.traversePath(p,m))f.validators&&f.validators.length&&(f.errors=ro(f.getValue(),f.validators),f.invalid=!!f.errors&&!f.pristine);return r(void 0),a([]),{...p}},e);return y.forEachNestedObject(l,(p,m)=>{m._type&&(m.update=function(){return o.push(p),a(o),n||r(window.setTimeout(c,0)),this})}),l}function QD(e,t=null){const[n,r]=_.useState(t),o=_.useRef(()=>null);return _.useEffect(()=>{const a=()=>n;if(e.validators){const l=e.validators.indexOf(o.current);l===-1?e.validators.push(a):e.validators[l]=a,e.update(),o.current=a}},[n]),[n,r]}const qu={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},ps=s.forwardRef((e,t)=>{const{children:n,onSubmit:r,formArray:o,formGroup:a,formMeta:l,...c}=e,p=a||o;function m(f){f.preventDefault(),p&&p.markAsDirty(),l&&(l.markAsDirty(),l.markAsBlurred(),l.markAsSubmitted()),r&&r(f)}return s.createElement("form",{ref:t,onSubmit:m,...c},n)});Object.assign(ps,{props:qu,displayName:"SpsForm"});const Ju={},eN={ideal:{label:"Ideal",examples:{ideal:{react:y.code`
|
|
523
523
|
import {
|
|
524
524
|
SpsForm,
|
|
525
525
|
SpsLabel,
|
|
@@ -1158,7 +1158,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
1158
1158
|
</>
|
|
1159
1159
|
)
|
|
1160
1160
|
}
|
|
1161
|
-
`}}}},iN=Sr.default||Sr;function lN(){return new Array(7).fill(null)}function Id(e){const t=iN({year:e.year,month:e.month-1,date:1}),n=t.weekday(),r=t.daysInMonth(),o=Math.ceil((r+n)/7),a=o*7,l=new Array(o).fill(!0).map(lN);t.subtract(n,"days");for(let c=0;c<a;c+=1){const p=l[Math.floor(c/7)],m=c%7;p[m]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),m===6&&Object.freeze(p),t.add(1,"day")}return l}function Md(e){const[t,n]=s.useState(()=>Id(e));return s.useEffect(()=>{n(Id(e))},[e]),t}function _d(e){const[t,n]=s.useState(()=>X.toMoment(e));return s.useEffect(()=>n(X.toMoment(e)),[e]),t}const Rd=Sr.default||Sr,St="sps-datepicker__calendar";function Vr({maxDate:e,selectedDate:t,selectedRange:n}){const r=n?X.nullifyInvalidDate(n[1])||X.nullifyInvalidDate(n[0]):null;return X.nullifyInvalidDate(t)||r||X.nullifyInvalidDate(e)||X.create()}function mo(e){const{children:t,className:n,isOpen:r,maxDate:o,minDate:a,onNewSelection:l,selectedDate:c,selectedRange:p,selectedPreset:m,showTwoMonths:f=!1,"data-testid":u,...h}=e,{t:S}=s.useContext($e),[v,E]=s.useState(()=>Vr(e)),[T,C]=s.useState(X.nextMonth({...v,date:15})),N=s.useMemo(()=>X.create(),[]);s.useEffect(()=>{if(p&&p[0]&&p[1]&&p[0].month!==v.month&&p[0].month!==T.month&&p[1].month!==v.month&&p[1].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else if(p&&p[0]&&!p[1]&&p[0].month!==v.month&&p[0].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else if(p&&!p[0]&&p[1]&&p[1].month!==v.month&&p[1].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else E(Vr(e))},[c,p,o,r]);const I=_d(v),x=Md(v),k=_d(T),A=Md(T),[L,w]=s.useState();function R(){E(X.prevMonth({...v,date:15})),f&&C(X.prevMonth({...T,date:15}))}function O(){E(X.nextMonth({...v,date:15})),f&&C(X.nextMonth({...T,date:15}))}function K(G){G.target&&G.target.classList.contains(`${St}-day`)?f&&G.target.classList.contains(`${T.month}`)?w({...T,date:Number(G.target.textContent)}):w({...v,date:Number(G.target.textContent)}):(!G.target||!G.target.classList.contains(`${St}-row`))&&w(void 0)}function j(G){const Z=`${St}-day`;return W(`${St}-cell`,G&&v&&G.month===v.month&&Z,f&&G.month===T.month&&Z,X.isSameDate(N,G)&&`${Z}--current-day`,(X.isSameDate(G,c)&&X.isInRange(G,[a,o])!==!1||p&&X.isSameDate(G,p[0])||X.isInRange(G,p))&&`${Z}--selected`,X.isInRange(G,[a,o])===!1&&`${Z}--disabled`,p&&p[1]&&X.isSameDate(G,p[0])&&!X.isSameDate(G,p[1])&&`${Z}--selection-start`,X.isInRange(G,p,!1)&&`${Z}--selection-middle`,p&&X.isSameDate(G,p[1])&&!X.isSameDate(G,p[0])&&`${Z}--selection-end`,p&&p[0]&&!p[1]&&(!a&&!o||X.isInRange(L,[a,o]))&&X.isInRange(G,[p[0],L],!1)&&`${Z}--pending-selection`,m&&m==="After"&&p&&p[0]&&p[1]===null&&(!a&&!o||X.isInRange(G,[p[0],o]))&&X.isInRange(G,[p[0],{month:12,date:31,year:3e3}],!1)&&`${Z}--selected`,m&&m==="Before"&&p&&p[0]===null&&p[1]&&(!a&&!o||X.isInRange(G,[a,p[1]]))&&X.isInRange(G,[{month:1,date:1,year:1900},p[1]])&&`${Z}--selected`)}function M(G){G&&v&&G.month===v.month&&X.isInRange(G,[a,o])!==!1&&l(G),G&&f&&T&&G.month===T.month&&X.isInRange(G,[a,o])!==!1&&l(G)}const Y=W(St,n);return v?s.createElement(s.Fragment,null,s.createElement("div",{"data-testid":`${u}`,className:Y,...h,onMouseOver:K},s.createElement("div",{className:`${St}-head`},s.createElement("button",{"data-testid":`${u}_prev_month`,type:"button",tabIndex:-1,disabled:X.isSameMonth(v,a),title:S("design-system:datepicker.calendar.prevMonth"),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:R},s.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),s.createElement("span",{className:`${St}-head-label`},s.createElement("span",{className:`${St}-head-label-month`},I?I.format("MMMM"):""),s.createElement("span",{className:`${St}-head-label-year`},v.year)),!f&&s.createElement("button",{type:"button","data-testid":`${u}_next_month`,tabIndex:-1,disabled:X.isSameMonth(v,o),title:S("design-system:datepicker.calendar.nextMonth"),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:O},s.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),s.createElement("div",{className:`${St}-body`},s.createElement("div",{className:"sps-datepicker__calendar-row"},Rd.weekdaysShort().map(G=>s.createElement("div",{key:G,className:"sps-datepicker__calendar-header-cell"},G))),x.map((G,Z)=>s.createElement("div",{key:Z,className:"sps-datepicker__calendar-row"},G.map(($,z)=>s.createElement("div",{key:z,className:j($),onClick:()=>M($),"data-testid":`${u}_${X.toString($)}`},$?$.date:"")))))),f&&s.createElement("div",{"data-testid":`${u}`,className:Y,...h,onMouseOver:K},s.createElement("div",{className:`${St}-head`},s.createElement("span",{className:`${St}-head-label`},s.createElement("span",{className:`${St}-head-label-month`},k?k.format("MMMM"):""),s.createElement("span",{className:`${St}-head-label-year`},T.year)),s.createElement("button",{type:"button","data-testid":`${u}_next_month`,tabIndex:-1,disabled:X.isSameMonth(T,o),title:S("design-system:datepicker.calendar.nextMonth"),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:O},s.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),s.createElement("div",{className:`${St}-body`},s.createElement("div",{className:"sps-datepicker__calendar-row"},Rd.weekdaysShort().map(G=>s.createElement("div",{key:G,className:"sps-datepicker__calendar-header-cell"},G))),A.map((G,Z)=>s.createElement("div",{key:Z,className:"sps-datepicker__calendar-row"},G.map(($,z)=>s.createElement("div",{key:z,className:W(j($),`${T.month.toString()}`),onClick:()=>M($),"data-testid":`${u}_${X.toString($)}`},$?$.date:""))))))):s.createElement(s.Fragment,null)}Object.assign(mo,{displayName:"SpsDatepickerCalendar"});const Od="sps-datepicker__popup",fo=s.forwardRef(({attachTo:e,children:t,className:n,isOpen:r,...o},a)=>{const l=a||s.useRef(null),c=wr("sps-datepicker-popup-portal"),p=s.useContext(Ot),[m]=r?Gn(l,e,H.Position.BOTTOM_LEFT,{altPosition:Za(H.Position.BOTTOM_LEFT),...p}):[{}],f=W(Od,"z-stratum-dropdown",r&&`${Od}--open`,n);return c(s.createElement("div",{...o,className:f,ref:l,style:m},t))});Object.assign(fo,{displayName:"SpsDatepickerPopup"});const cN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string"},Ld="sps-datepicker";function Bi({children:e,className:t,disabled:n,formMeta:r,id:o,maxDate:a,minDate:l,onChange:c,value:p,format:m,"data-testid":f,...u}){const{wrapperId:h,controlId:S}=
|
|
1161
|
+
`}}}},iN=Sr.default||Sr;function lN(){return new Array(7).fill(null)}function Id(e){const t=iN({year:e.year,month:e.month-1,date:1}),n=t.weekday(),r=t.daysInMonth(),o=Math.ceil((r+n)/7),a=o*7,l=new Array(o).fill(!0).map(lN);t.subtract(n,"days");for(let c=0;c<a;c+=1){const p=l[Math.floor(c/7)],m=c%7;p[m]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),m===6&&Object.freeze(p),t.add(1,"day")}return l}function Md(e){const[t,n]=s.useState(()=>Id(e));return s.useEffect(()=>{n(Id(e))},[e]),t}function _d(e){const[t,n]=s.useState(()=>X.toMoment(e));return s.useEffect(()=>n(X.toMoment(e)),[e]),t}const Rd=Sr.default||Sr,St="sps-datepicker__calendar";function Vr({maxDate:e,selectedDate:t,selectedRange:n}){const r=n?X.nullifyInvalidDate(n[1])||X.nullifyInvalidDate(n[0]):null;return X.nullifyInvalidDate(t)||r||X.nullifyInvalidDate(e)||X.create()}function mo(e){const{children:t,className:n,isOpen:r,maxDate:o,minDate:a,onNewSelection:l,selectedDate:c,selectedRange:p,selectedPreset:m,showTwoMonths:f=!1,"data-testid":u,...h}=e,{t:S}=s.useContext($e),[v,E]=s.useState(()=>Vr(e)),[T,C]=s.useState(X.nextMonth({...v,date:15})),N=s.useMemo(()=>X.create(),[]);s.useEffect(()=>{if(p&&p[0]&&p[1]&&p[0].month!==v.month&&p[0].month!==T.month&&p[1].month!==v.month&&p[1].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else if(p&&p[0]&&!p[1]&&p[0].month!==v.month&&p[0].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else if(p&&!p[0]&&p[1]&&p[1].month!==v.month&&p[1].month!==T.month){const G=Vr(e);E(G),C(X.nextMonth({month:G.month,date:15,year:G.year}))}else E(Vr(e))},[c,p,o,r]);const I=_d(v),x=Md(v),k=_d(T),A=Md(T),[L,w]=s.useState();function R(){E(X.prevMonth({...v,date:15})),f&&C(X.prevMonth({...T,date:15}))}function O(){E(X.nextMonth({...v,date:15})),f&&C(X.nextMonth({...T,date:15}))}function K(G){G.target&&G.target.classList.contains(`${St}-day`)?f&&G.target.classList.contains(`${T.month}`)?w({...T,date:Number(G.target.textContent)}):w({...v,date:Number(G.target.textContent)}):(!G.target||!G.target.classList.contains(`${St}-row`))&&w(void 0)}function j(G){const Z=`${St}-day`;return W(`${St}-cell`,G&&v&&G.month===v.month&&Z,f&&G.month===T.month&&Z,X.isSameDate(N,G)&&`${Z}--current-day`,(X.isSameDate(G,c)&&X.isInRange(G,[a,o])!==!1||p&&X.isSameDate(G,p[0])||X.isInRange(G,p))&&`${Z}--selected`,X.isInRange(G,[a,o])===!1&&`${Z}--disabled`,p&&p[1]&&X.isSameDate(G,p[0])&&!X.isSameDate(G,p[1])&&`${Z}--selection-start`,X.isInRange(G,p,!1)&&`${Z}--selection-middle`,p&&X.isSameDate(G,p[1])&&!X.isSameDate(G,p[0])&&`${Z}--selection-end`,p&&p[0]&&!p[1]&&(!a&&!o||X.isInRange(L,[a,o]))&&X.isInRange(G,[p[0],L],!1)&&`${Z}--pending-selection`,m&&m==="After"&&p&&p[0]&&p[1]===null&&(!a&&!o||X.isInRange(G,[p[0],o]))&&X.isInRange(G,[p[0],{month:12,date:31,year:3e3}],!1)&&`${Z}--selected`,m&&m==="Before"&&p&&p[0]===null&&p[1]&&(!a&&!o||X.isInRange(G,[a,p[1]]))&&X.isInRange(G,[{month:1,date:1,year:1900},p[1]])&&`${Z}--selected`)}function M(G){G&&v&&G.month===v.month&&X.isInRange(G,[a,o])!==!1&&l(G),G&&f&&T&&G.month===T.month&&X.isInRange(G,[a,o])!==!1&&l(G)}const Y=W(St,n);return v?s.createElement(s.Fragment,null,s.createElement("div",{"data-testid":`${u}`,className:Y,...h,onMouseOver:K},s.createElement("div",{className:`${St}-head`},s.createElement("button",{"data-testid":`${u}_prev_month`,type:"button",tabIndex:-1,disabled:X.isSameMonth(v,a),title:S("design-system:datepicker.calendar.prevMonth"),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:R},s.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),s.createElement("span",{className:`${St}-head-label`},s.createElement("span",{className:`${St}-head-label-month`},I?I.format("MMMM"):""),s.createElement("span",{className:`${St}-head-label-year`},v.year)),!f&&s.createElement("button",{type:"button","data-testid":`${u}_next_month`,tabIndex:-1,disabled:X.isSameMonth(v,o),title:S("design-system:datepicker.calendar.nextMonth"),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:O},s.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),s.createElement("div",{className:`${St}-body`},s.createElement("div",{className:"sps-datepicker__calendar-row"},Rd.weekdaysShort().map(G=>s.createElement("div",{key:G,className:"sps-datepicker__calendar-header-cell"},G))),x.map((G,Z)=>s.createElement("div",{key:Z,className:"sps-datepicker__calendar-row"},G.map(($,z)=>s.createElement("div",{key:z,className:j($),onClick:()=>M($),"data-testid":`${u}_${X.toString($)}`},$?$.date:"")))))),f&&s.createElement("div",{"data-testid":`${u}`,className:Y,...h,onMouseOver:K},s.createElement("div",{className:`${St}-head`},s.createElement("span",{className:`${St}-head-label`},s.createElement("span",{className:`${St}-head-label-month`},k?k.format("MMMM"):""),s.createElement("span",{className:`${St}-head-label-year`},T.year)),s.createElement("button",{type:"button","data-testid":`${u}_next_month`,tabIndex:-1,disabled:X.isSameMonth(T,o),title:S("design-system:datepicker.calendar.nextMonth"),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:O},s.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),s.createElement("div",{className:`${St}-body`},s.createElement("div",{className:"sps-datepicker__calendar-row"},Rd.weekdaysShort().map(G=>s.createElement("div",{key:G,className:"sps-datepicker__calendar-header-cell"},G))),A.map((G,Z)=>s.createElement("div",{key:Z,className:"sps-datepicker__calendar-row"},G.map(($,z)=>s.createElement("div",{key:z,className:W(j($),`${T.month.toString()}`),onClick:()=>M($),"data-testid":`${u}_${X.toString($)}`},$?$.date:""))))))):s.createElement(s.Fragment,null)}Object.assign(mo,{displayName:"SpsDatepickerCalendar"});const Od="sps-datepicker__popup",fo=s.forwardRef(({attachTo:e,children:t,className:n,isOpen:r,...o},a)=>{const l=a||s.useRef(null),c=wr("sps-datepicker-popup-portal"),p=s.useContext(Ot),[m]=r?Gn(l,e,H.Position.BOTTOM_LEFT,{altPosition:Za(H.Position.BOTTOM_LEFT),...p}):[{}],f=W(Od,"z-stratum-dropdown",r&&`${Od}--open`,n);return c(s.createElement("div",{...o,className:f,ref:l,style:m},t))});Object.assign(fo,{displayName:"SpsDatepickerPopup"});const cN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string"},Ld="sps-datepicker";function Bi({children:e,className:t,disabled:n,formMeta:r,id:o,maxDate:a,minDate:l,onChange:c,value:p,format:m,"data-testid":f,...u}){const{wrapperId:h,controlId:S}=Tt(o,r),v=s.useRef(null),E=s.useRef(null),T=s.useRef(null),[C,N]=s.useState(X.toString(p,m)),{showPopup:I,doShowPopup:x,doHidePopup:k}=Cr(v,E);function A(M){r&&(r.setValue(M),r.markAsDirty()),c&&c(M)}function L(M){A(M),N(X.toString(M,m)),T&&T.current&&T.current.focus()}function w(M){N(M.target.value);const Y=X.createFrom(M.target.value,m);A(Y)}function R(){k(),N(""),A()}function O(M){switch(M.key){case"Tab":k();break;case"Backspace":M.target.selectionStart===0&&p&&!Array.isArray(p)&&R();break}}const K=W(Ld,"sps-text-input",I&&`${Ld}--open`,t),j=s.useRef(!1);return s.useEffect(()=>{j.current?p?X.isValid(p)&&N(X.toString(p,m)):R():j.current=!0},[p,m]),s.createElement(s.Fragment,null,s.createElement(ct,{id:h,className:K,formMeta:r,inputRef:T,focusInputOnClick:!0,ref:v},s.createElement("div",{className:W("sps-form-control",n&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),s.createElement("input",{type:"text",ref:T,className:"sps-text-input__input",id:S,placeholder:(m==null?void 0:m.toUpperCase())||gr,onChange:w,onClick:x,onFocus:x,onKeyDown:O,value:C,disabled:n,"data-testid":`${f}_date_input`,...u}),p&&!n&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:R}))),s.createElement(fo,{isOpen:I,attachTo:v,ref:E},s.createElement(mo,{"data-testid":`${f}_calendar`,selectedDate:p,onNewSelection:L,minDate:l,maxDate:a})))}Object.assign(Bi,{props:cN,displayName:"SpsDatepicker"});const Qu={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
1162
1162
|
import {
|
|
1163
1163
|
useSpsForm,
|
|
1164
1164
|
SpsLabel,
|
|
@@ -1306,7 +1306,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
1306
1306
|
</div>
|
|
1307
1307
|
);
|
|
1308
1308
|
}
|
|
1309
|
-
`}}}},dN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange | DatePreset>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | DatePreset | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},Pd="sps-datepicker",$a=[{definition:"P0D",label:"design-system:datepicker.preset.today"},{definition:"Before",label:"design-system:datepicker.preset.before"},{definition:"After",label:"design-system:datepicker.preset.after"},{definition:"P7D",label:"design-system:datepicker.preset.sevenDays"},{definition:"P30D",label:"design-system:datepicker.preset.thirtyDays"},{definition:"P60D",label:"design-system:datepicker.preset.sixtyDays"},{definition:"P90D",label:"design-system:datepicker.preset.ninetyDays"},{definition:"P1Y",label:"design-system:datepicker.preset.oneYear"}];function Bd(e,t=""){return e.find(n=>n.definition===t)}function pN(e,t){return e.length===t.length&&e.every((n,r)=>n.definition===t[r].definition&&n.label===t[r].label)}function Ai({children:e,className:t,disabled:n,formMeta:r,id:o,maxDate:a,minDate:l,onChange:c,presets:p=$a,selectedPreset:m,onPresetChange:f,value:u,showTwoMonths:h=!1,format:S,"data-testid":v,...E}){const{t:T}=s.useContext($e),{wrapperId:C,controlId:N}=
|
|
1309
|
+
`}}}},dN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange | DatePreset>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | DatePreset | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},Pd="sps-datepicker",$a=[{definition:"P0D",label:"design-system:datepicker.preset.today"},{definition:"Before",label:"design-system:datepicker.preset.before"},{definition:"After",label:"design-system:datepicker.preset.after"},{definition:"P7D",label:"design-system:datepicker.preset.sevenDays"},{definition:"P30D",label:"design-system:datepicker.preset.thirtyDays"},{definition:"P60D",label:"design-system:datepicker.preset.sixtyDays"},{definition:"P90D",label:"design-system:datepicker.preset.ninetyDays"},{definition:"P1Y",label:"design-system:datepicker.preset.oneYear"}];function Bd(e,t=""){return e.find(n=>n.definition===t)}function pN(e,t){return e.length===t.length&&e.every((n,r)=>n.definition===t[r].definition&&n.label===t[r].label)}function Ai({children:e,className:t,disabled:n,formMeta:r,id:o,maxDate:a,minDate:l,onChange:c,presets:p=$a,selectedPreset:m,onPresetChange:f,value:u,showTwoMonths:h=!1,format:S,"data-testid":v,...E}){const{t:T}=s.useContext($e),{wrapperId:C,controlId:N}=Tt(o,r),I=s.useRef(null),x=s.useRef(null),k=s.useRef(null),[A,L]=s.useState(Array.isArray(u)?X.toStringRange(u,S):""),[w,R]=s.useState(Bd(p,m)||null),[O,K]=s.useState(),{showPopup:j,doShowPopup:M,doHidePopup:Y}=Cr(I,k);function G(F,ee){r&&(r.setValue(F),r.markAsDirty()),c&&c(F,ee)}s.useEffect(()=>{R(Bd(p,m)||null)},[m]);function Z(F){return F&&/^design-system:/.test(F.label)?T(F.label):(F==null?void 0:F.label)??""}function $(F){const ee=u||[];let J,re=w;const ne=re?Z(re):"";ne==="Before"?J=[null,F]:ne==="After"?J=[F,null]:!ee[0]||ee[1]||X.isBefore(F,ee[0])?J=[F,null]:J=[ee[0],F],(J[0]&&J[1]||ne==="Before"||ne==="After")&&(Y(!0),x&&x.current&&x.current.focus()),re&&ne!=="Before"&&ne!=="After"&&(R(null),re=null),G(J,re==null?void 0:re.definition),L(X.toStringRange(J,S)),K(void 0)}function z(F){L(F.target.value);let ee=X.createRangeFrom(F.target.value,S),J=w;const re=J?Z(J):"";Array.isArray(ee)&&(ee[0]&&ee[1]&&(re==="Before"||re==="After")?(R(null),J=null):re==="Before"&&ee[0]!==null?ee=[null,ee[0]]:re==="After"&&ee[0]!==null&&(ee=[ee[0],null])),G(ee,J==null?void 0:J.definition),K(void 0)}function le(){L(""),G(),K(void 0),R(null)}function P(F){switch(F.key){case"Tab":Y();break;case"Backspace":F.target.selectionStart===0&&u&&w&&le();break}}function U(F){if(f&&(F==null?void 0:F.definition)!==m&&f(typeof(F==null?void 0:F.definition)=="string"?F==null?void 0:F.definition:""),!F){R(null),G();return}R(F);let ee=X.createRangeFromPreset(F,S);const J=F&&Z(F),re=X.getRangeSeparator(S);(J==="Before"||J==="After")&&u&&u[0]&&u[1]?ee=X.createRangeFrom(re,S):J==="Before"?ee=X.createRangeFrom(`${re}${X.toString(u&&(u[0]||u[1]),S)}`):J==="After"&&(ee=X.createRangeFrom(`${X.toString(u&&(u[0]||u[1]),S)}${re}`)),JSON.stringify(u)!==JSON.stringify(ee)&&G(ee,F==null?void 0:F.definition)}s.useEffect(()=>{if(!u){R(null);return}if(!pN(p,$a)&&Array.isArray(u)){const F=X.toStringRange(u,S),ee=p.find(J=>F===X.toStringRange(X.createRangeFromPreset(J,S),S));ee?U(ee):u[0]&&u[1]&&R(null)}},[u,S]),s.useEffect(()=>{const F=["Before","After"].includes(Z(w));!u||w&&!F?L(""):Array.isArray(u)&&((!u[0]||!u[0].hasOwnProperty(Yr))&&(!u[1]||!u[1].hasOwnProperty(Yr))&&L(X.toStringRange(u,S)),w||K(void 0))},[u,w,S]);const ie=W(Pd,"sps-text-input",j&&`${Pd}--open`,t);let Q=A;const te=X.getRangeSeparator(S);return w&&Z(w)==="Before"&&A.startsWith(te)?Q=A.substring(1):w&&Z(w)==="After"&&A.endsWith(te)&&(Q=A.substring(0,A.length-1)),s.createElement(s.Fragment,null,s.createElement(ct,{id:C,className:ie,formMeta:r,inputRef:x,focusInputOnClick:!0,ref:I},s.createElement("div",{className:W("sps-form-control",n&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar")}),w&&s.createElement("div",{"data-testid":`${v}_selected_preset`,className:"sps-datepicker__selected-preset"},s.createElement("span",{className:"sps-tag sps-tag--info"},Z(w))),s.createElement("input",{type:"text",ref:x,className:"sps-text-input__input","data-testid":`${v}_date_input`,id:N,placeholder:!A&&!w?(S==null?void 0:S.toUpperCase())||gr:void 0,onChange:z,onClick:M,onFocus:M,onKeyDown:P,value:Q,disabled:n,...E}),u&&!n&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:le}))),s.createElement(fo,{isOpen:j,attachTo:I,ref:k},s.createElement("div",{className:"sps-datepicker__presets"},s.createElement("fieldset",null,s.createElement("legend",{className:"sps-datepicker__presets-label"},T("design-system:datepicker.presetsLabel")),s.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{"data-testid":`${v}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${C}__range-custom`,className:"sps-custom-control__input",checked:!w,name:`sps-date-range-picker-${C}__range`,onChange:()=>U()}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${C}__range-custom`},T("design-system:datepicker.preset.custom"))),p.map((F,ee)=>s.createElement("div",{key:Z(F),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{type:"radio","data-testid":`${v}_preset_option_${F.label}`,id:`sps-date-range-picker-${C}__range-${ee}`,name:`sps-date-range-picker-${C}__range`,onChange:()=>U(F),checked:w!=null&&w.definition?w.definition===F.definition:!1,className:"sps-custom-control__input"}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${C}__range-${ee}`},Z(F)))))),s.createElement(mo,{"data-testid":`${v}_calendar`,selectedRange:Array.isArray(u)?u:O,onNewSelection:$,minDate:l,maxDate:a,showTwoMonths:h,selectedPreset:w&&Z(w),isOpen:j})))}Object.assign(Ai,{props:dN,displayName:"SpsDateRangePicker"});const em={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
1310
1310
|
import {
|
|
1311
1311
|
useSpsForm,
|
|
1312
1312
|
SpsLabel,
|
|
@@ -1479,7 +1479,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
1479
1479
|
</div>
|
|
1480
1480
|
);
|
|
1481
1481
|
}
|
|
1482
|
-
`}}}},uN={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},Un=s.forwardRef((e,t)=>{const{action:n,autoFixWidth:r=!1,captionKey:o,className:a,comparisonKey:l,disabled:c,formControl:p,formMeta:m,id:f,notClearable:u,options:h,onChange:S,onClick:v,onOpen:E,placeholder:T,searchDebounce:C,searchPlaceholder:N="Search…",tallOptionList:I,textKey:x,valueKey:k,unsafelyReplaceClassName:A,value:L,zeroState:w,loading:R,filterByTextAndCaptionKey:O,maxHeightOptionListPx:K,maxHeightOptionListRem:j,"data-testid":M,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:G,...Z}=e,$=m||p,{wrapperId:z,controlId:le}=
|
|
1482
|
+
`}}}},uN={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},Un=s.forwardRef((e,t)=>{const{action:n,autoFixWidth:r=!1,captionKey:o,className:a,comparisonKey:l,disabled:c,formControl:p,formMeta:m,id:f,notClearable:u,options:h,onChange:S,onClick:v,onOpen:E,placeholder:T,searchDebounce:C,searchPlaceholder:N="Search…",tallOptionList:I,textKey:x,valueKey:k,unsafelyReplaceClassName:A,value:L,zeroState:w,loading:R,filterByTextAndCaptionKey:O,maxHeightOptionListPx:K,maxHeightOptionListRem:j,"data-testid":M,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:G,...Z}=e,$=m||p,{wrapperId:z,controlId:le}=Tt(f,$),P=s.useRef(null),U=s.useRef(null),ie=s.useRef(null),{t:Q}=s.useContext($e),[te,F]=Jt({isOpen:!1,value:L,text:"",keyDown:null,opensUpward:!1,optionIds:""});function ee(ve){F({value:ve,text:ve&&x?ve[x]:ve})}function J(ve){ee(ve);const Ke=ve&&k&&typeof ve=="object"?ve[k]:ve;$&&($.setValue(Ke),$.markAsDirty()),S&&S(new Dn({value:Ke}))}s.useEffect(()=>{ee(L)},[L,x]);function re(){J(void 0)}function ne(){F({isOpen:!1})}function me(ve){ve.nativeEvent.stopImmediatePropagation(),c||F({isOpen:!te.isOpen})}function oe(ve){c||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(ve.key)>-1&&ve.preventDefault(),ve.persist(),F({keyDown:ve}))}function se(ve){F({isOpen:ve})}function Ee(ve){F({opensUpward:ve})}function Oe(ve){ve.detail!==z&&F({isOpen:!1})}function Je(ve){F({optionIds:new Array(ve).fill("").map((Ke,st)=>`${z}-options-option-${st}`).join(",")})}s.useEffect(()=>(document.addEventListener("click",ne),document.addEventListener("DropdownOpened",Oe),()=>{document.removeEventListener("click",ne),document.removeEventListener("DropdownOpened",Oe)}),[]),s.useLayoutEffect(()=>{if(r&&ie.current&&P.current){P.current.style.width="";const Ke=`${P.current.getBoundingClientRect().width+6}px`;P.current.style.width=Ke,ie.current.style.width=Ke,ie.current.style.maxWidth=Ke}}),Xa(()=>{var ve;if(te.isOpen){E==null||E();const Ke=document.createEvent("CustomEvent");Ke.initCustomEvent("DropdownOpened",!1,!1,z),document.dispatchEvent(Ke)}else(ve=U.current)==null||ve.focus()},[te.isOpen]),s.useImperativeHandle(t,()=>({focus:()=>{var ve;(ve=U.current)==null||ve.focus()}}));const dt=W(A||"sps-select",te.isOpen&&"sps-select--open",te.isOpen&&"z-stratum-dropdown",te.opensUpward&&"sps-select--opens-upward",a),pt=te.text||T||Q("design-system:select.defaultPlaceholder");return s.createElement(ct,{id:z,className:dt,onKeyDown:oe,formControl:p,formMeta:m,ref:U,role:"listbox","aria-owns":te.optionIds,"data-testid":M,onClick:v,...Z},s.createElement("div",{className:W("sps-select__dropctrl",c&&"disabled"),id:le,tabIndex:0,onClick:me,ref:ie,title:pt,"data-testid":`${M}-dropctrl`},s.createElement("div",{className:"sps-select__dropctrl-content"},s.createElement("span",{className:W("sps-select__value",!te.text&&"sps-select__value--placeholder"),"data-testid":`${M}-value`},pt),te.value&&!u&&!c&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:re,"data-testid":`${M}-clear-value`}),s.createElement("i",{className:"sps-icon sps-icon-chevron-down"}))),s.createElement(rs,{id:`${z}-options`,ref:P,attachTo:ie,captionKey:o,comparisonKey:l,isOpen:te.isOpen,keyDown:te.keyDown,options:h,onOptionSelected:J,onPositionFlip:Ee,onSelfToggle:se,searchDebounce:C,searchPlaceholder:N,selectedOption:te.value,specialAction:n,tall:I,textKey:x,filterByTextAndCaptionKey:O,optionRole:"option",valueKey:k,onOptionListChanged:Je,zeroState:w,ignoreWidthStyles:r,loading:R,maxHeightPx:K,maxHeightRem:j,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:G,"data-testid":`${M}-option-list`}))});Object.assign(Un,{props:uN,displayName:"SpsSelect"});const tm={general:{label:"General Usage",description:({NavigateTo:e})=>_.createElement(_.Fragment,null,_.createElement("h5",null,"Use a Select:"),_.createElement("ul",null,_.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),_.createElement("h5",null,"Do Not Use a Select:"),_.createElement("ul",null,_.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",_.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",_.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),_.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",_.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",_.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),_.createElement("h5",null,"Using Selects in a Form"),_.createElement("p",null,"Reference the ",_.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Select",description:()=>_.createElement("p",null,"Basic Selects include a label and dropdown menu containing a list of options. The user is allowed to make a single selection."),examples:{basic:{react:y.code`
|
|
1483
1483
|
import { SpsLabel, SpsSelect, useSpsForm } from "@spscommerce/ds-react";
|
|
1484
1484
|
function DemoComponent() {
|
|
1485
1485
|
const colors = ["red", "blue", "green"];
|
|
@@ -1749,7 +1749,7 @@ Valid keys: `+JSON.stringify(Object.keys(P),null," "));var se=oe(J,me,te,F,ee+"
|
|
|
1749
1749
|
</div>
|
|
1750
1750
|
)
|
|
1751
1751
|
}
|
|
1752
|
-
`}}}},mN={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function Tr({children:e,className:t,formArray:n,formGroup:r,formMeta:o,stacked:a,"data-testid":l,unsafelyReplaceClassName:c,...p}){const m=r||n,f=m||o,[u,h]=s.useState(!1);s.useEffect(()=>{if(f){const v=f.isFocused();!u&&v&&f.onFocus?f.onFocus():u&&!v&&f.onBlur&&f.onBlur(),h(v)}});const S=W(c||"sps-form-group",(m&&m.invalid||o&&(!o.isValid()||!o.contentsAreValid()))&&"sps-form-group--error",t);return s.createElement("div",{className:S,"data-testid":l,...p},s.createElement("div",{className:W("sps-input-group",a&&"sps-input-group--stacked")},e))}Object.assign(Tr,{props:mN,displayName:"SpsInputGroup"});const fN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string"},Ad="sps-datepicker",Fd=["AM","PM"],nm=[{definition:"P0D",label:"design-system:datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"design-system:datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"design-system:datepicker.preset.after"},{definition:"P7D",label:"design-system:datepicker.preset.sevenDays"},{definition:"P30D",label:"design-system:datepicker.preset.thirtyDays"},{definition:"P60D",label:"design-system:datepicker.preset.sixtyDays"},{definition:"P90D",label:"design-system:datepicker.preset.ninetyDays"},{definition:"P1Y",label:"design-system:datepicker.preset.oneYear"}];function Fi({className:e,disabled:t,formMeta:n,id:r,maxDate:o,minDate:a,onChange:l,presets:c=nm,value:p,showTwoMonths:m=!1,twentyFourHour:f=!1,format:u,"data-testid":h,placeholder24h:S="00:00",placeholder12h:v="12:00"}){const{t:E}=s.useContext($e),{wrapperId:T,controlId:C}=yt(r&&`${r}_from`,n),{wrapperId:N,controlId:I}=yt(r&&`${r}_to`,n),x=s.useRef(null),k=s.useRef(null),A=s.useRef(null),L=s.useRef(null),w=s.useRef(null),R=X.splitMomentInDateTimeParts(Array.isArray(p)?p[0]:void 0,f,u),O=X.splitMomentInDateTimeParts(Array.isArray(p)?p[1]:void 0,f,u),[K,j]=s.useState(R[0]),[M,Y]=s.useState(O[0]),[G,Z]=s.useState(R[1]),[$,z]=s.useState(O[1]),[le,P]=s.useState(R[2]),[U,ie]=s.useState(O[2]),[Q,te]=s.useState(null),{showPopup:F,doShowPopup:ee,doHidePopup:J}=Cr(x,w);function re(de){n&&(n.setValue(de),n.markAsDirty()),l&&l(de)}function ne(de){return de&&/^design-system:/.test(de.label)?E(de.label):de.label}const me=Q&&ne(Q)==="Before",oe=Q&&ne(Q)==="After";function se(de){const fe=p||[],_e=X.toMoment(de);let ot;if(me)ot=[null,_e],J(!0);else if(oe)ot=[_e,null],J(!0);else if(!fe[0]||fe[1]||_e!=null&&_e.isBefore(fe[0])){let De=parseInt((G==null?void 0:G.split(":")[0])||"0",10);!f&&De===12&&(De=0);const mt=parseInt((G==null?void 0:G.split(":")[1])||"0",10);_e==null||_e.set("hour",le==="PM"?12+De:De<12?De:0),_e==null||_e.set("minute",mt),ot=[_e,null],te(null)}else{let De=parseInt(($==null?void 0:$.split(":")[0])||"0",10);!f&&De===12&&(De=0);const mt=parseInt(($==null?void 0:$.split(":")[1])||"0",10);_e==null||_e.set("hour",U==="PM"?12+De:De),_e==null||_e.set("minute",mt),ot=[fe[0],_e],J(!0),te(null)}re(ot)}function Ee(de){j(de.target.value)}function Oe(de){X.validateTimeString(de.target.value,f)&&Z(de.target.value)}function Je(de,fe,_e){const ot=K,De=fe??G,mt=le;if(ot===R[0]&&De===R[1]&&mt===R[2])return;const bt=X.createFrom(ot,u);if(bt&&X.isValid(bt)){const Le=X.toMoment(bt);let at=parseInt((De==null?void 0:De.split(":")[0])||"0",10);!f&&at===12&&(at=0);const Mn=parseInt((De==null?void 0:De.split(":")[1])||"0",10);Le==null||Le.set("hour",mt==="PM"?12+at:at),Le==null||Le.set("minute",Mn);const Pt=[Le,(Le==null?void 0:Le.isBefore(p==null?void 0:p[1]))&&(p==null?void 0:p[1])||null];re(Pt)}}function dt(de){X.validateTimeString(de??G,f)&&(Z(X.padIncompleteTimeString(de??G,f)),setTimeout(()=>Je(void 0,de),0))}function pt(de){P(de.target.value)}function ve(de){X.validateTimeString(de,f)&&(Z(de),setTimeout(()=>dt(de),0))}s.useEffect(()=>{le!==R[2]&&Je()},[le]);function Ke(de){Y(de.target.value)}function st(de){X.validateTimeString(de.target.value,f)&&z(de.target.value)}function Me(de,fe,_e){const ot=M,De=fe??$,mt=U;if(ot===O[0]&&De===O[1]&&mt===O[2])return;const bt=X.createFrom(ot,u);if(bt&&X.isValid(bt)){const Le=X.toMoment(bt);let at=parseInt((De==null?void 0:De.split(":")[0])||"0",10);!f&&at===12&&(at=0);const Mn=parseInt((De==null?void 0:De.split(":")[1])||"0",10);Le==null||Le.set("hour",mt==="PM"?12+at:at),Le==null||Le.set("minute",Mn);const Pt=[(Le==null?void 0:Le.isAfter(p==null?void 0:p[0]))&&(p==null?void 0:p[0])||null,Le];re(Pt)}}function Te(de){X.validateTimeString(de??$,f)&&(z(X.padIncompleteTimeString(de??$,f)),setTimeout(()=>Me(void 0,de),0))}function xe(de){ie(de.target.value)}function Ze(de){X.validateTimeString(de,f)&&(z(de),setTimeout(()=>Te(de),0))}s.useEffect(()=>{U!==O[2]&&Me()},[U]);function We(){re([null,null]),te(null)}function Xe(de){return function(fe){switch(fe.key){case"Tab":J();break;case"Backspace":fe.target.selectionStart===0&&p&&!Array.isArray(p)&&We();break;case"Enter":de==="from"?Je():de==="to"&&Me();break}}}function Yt(de){if(!de){te(null),re([null,null]);return}te(de);const fe=X.createDateTimeRangeFromPreset(de);de&&ne(de)==="Before"?!p||Array.isArray(p)&&p[0]&&p[1]?re([null,null]):Array.isArray(p)&&p[0]?re([null,X.toMoment(X.createFrom(p[0],u))]):Array.isArray(p)&&p[1]&&re([null,X.toMoment(X.createFrom(p[1],u))]):de&&ne(de)==="After"?!p||Array.isArray(p)&&p[0]&&p[1]?re([null,null]):Array.isArray(p)&&p[0]?re([X.toMoment(X.createFrom(p[0],u)),null]):Array.isArray(p)&&p[1]&&re([X.toMoment(X.createFrom(p[1],u)),null]):JSON.stringify(p)!==JSON.stringify(fe)&&re([fe[0],fe[1]])}s.useEffect(()=>{if(p&&Array.isArray(p)){if(p[0]&&!p[1]){const de=c.find(fe=>ne(fe)==="After");de&&Yt(de)}else if(!p[0]&&p[1]){const de=c.find(fe=>ne(fe)==="Before");de&&Yt(de)}else if(p[0]&&p[1]){const de=X.toDateTimeStringRange(p,f,u),fe=c.find(_e=>de===X.toDateTimeStringRange(X.createDateTimeRangeFromPreset(_e),f,u));fe&&Yt(fe)}}},[]),s.useEffect(()=>{R[0]?j(R[0]):j(""),R[1]?Z(R[1]):Z(f?"00:00":"12:00"),f||(R[2]?P(R[2]):P("AM")),O[0]?Y(O[0]):Y(""),O[1]?z(O[1]):z(f?"00:00":"12:00"),f||(O[2]?ie(O[2]):ie("AM"))},[R[0],R[1],R[2],O[0],O[1],O[2],f]);const mn=W(Ad,"sps-text-input",F&&`${Ad}--open`,e);return s.createElement(s.Fragment,null,s.createElement("div",{className:W("sps-datetime-range-picker")},s.createElement("div",{className:W("sps-datetime-range-picker__pair")},s.createElement(ct,{id:T,className:mn,formMeta:n,inputRef:k,focusInputOnClick:!0,ref:x},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar")}),Q&&s.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},s.createElement("span",{className:"sps-tag sps-tag--info"},ne(Q))),s.createElement("input",{type:"text",ref:k,className:"sps-text-input__input","data-testid":`${h}_from_date_input`,id:C,placeholder:!K&&!Q?(u==null?void 0:u.toUpperCase())||gr:me?O[0]:oe?R[0]:void 0,onChange:Ee,onClick:ee,onFocus:ee,onBlur:()=>Je(),onKeyDown:Xe("from"),value:Q?"":K,disabled:t}),p&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:We}))),!Q&&!f?s.createElement(Tr,null,s.createElement(zt,{className:"sps-time-input",placeholder:v,suggestions:wa,zeroState:"Custom time",value:G,onChange:Oe,onBlur:()=>dt(),onSelectionChange:ve,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}),s.createElement(Un,{options:Fd,value:le,onChange:pt,disabled:t,notClearable:!0})):s.createElement(zt,{className:"sps-time-input",placeholder:S,suggestions:Ca,zeroState:"Custom time",value:G,onChange:Oe,onBlur:()=>dt(),onSelectionChange:ve,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0})),!Q&&s.createElement("span",{className:W("sps-datepicker__to")},"to"),!Q&&s.createElement("div",{className:W("sps-datetime-range-picker__pair")},s.createElement(ct,{id:N,className:mn,formMeta:n,inputRef:L,focusInputOnClick:!0,ref:A},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar")}),Q&&s.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},s.createElement("span",{className:"sps-tag sps-tag--info"},ne(Q))),s.createElement("input",{type:"text",ref:L,className:"sps-text-input__input","data-testid":`${h}_to_date_input`,id:I,placeholder:!M&&!Q?(u==null?void 0:u.toUpperCase())||gr:void 0,onChange:Ke,onClick:ee,onFocus:ee,onKeyDown:Xe("to"),onBlur:()=>Me(),value:M,disabled:t}),p&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:We}))),f?s.createElement(zt,{className:"sps-time-input",placeholder:S,suggestions:Ca,zeroState:"Custom time",value:$,onChange:st,onBlur:()=>Te(),onSelectionChange:Ze,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}):s.createElement(Tr,null,s.createElement(zt,{className:"sps-time-input",placeholder:v,suggestions:wa,zeroState:"Custom time",value:$,onChange:st,onBlur:()=>Te(),onSelectionChange:Ze,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}),s.createElement(Un,{options:Fd,value:U,onChange:xe,disabled:t,notClearable:!0})))),s.createElement(fo,{isOpen:F,attachTo:x,ref:w},s.createElement("div",{className:"sps-datepicker__presets"},s.createElement("fieldset",null,s.createElement("legend",{className:"sps-datepicker__presets-label"},E("design-system:datepicker.presetsLabel")),s.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{"data-testid":`${h}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${T}__range-custom`,className:"sps-custom-control__input",checked:!Q,name:`sps-date-range-picker-${T}__range`,onChange:()=>Yt()}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${T}__range-custom`},E("design-system:datepicker.preset.custom"))),c.map((de,fe)=>s.createElement("div",{key:ne(de),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{type:"radio","data-testid":`${h}_preset_option_${de.label}`,id:`sps-date-range-picker-${T}__range-${fe}`,name:`sps-date-range-picker-${T}__range`,onChange:()=>Yt(de),checked:Q!=null&&Q.definition?Q.definition===de.definition:!1,className:"sps-custom-control__input"}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${T}__range-${fe}`},ne(de)))))),s.createElement(mo,{"data-testid":`${h}_calendar`,selectedRange:Array.isArray(p)?[X.createFrom(p[0],u),X.createFrom(p[1],u)]:void 0,onNewSelection:se,minDate:a,maxDate:o,showTwoMonths:m,selectedPreset:Q&&ne(Q)})))}Object.assign(Fi,{props:fN,displayName:"SpsDateTimeRangePicker"});const rm={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
1752
|
+
`}}}},mN={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function Tr({children:e,className:t,formArray:n,formGroup:r,formMeta:o,stacked:a,"data-testid":l,unsafelyReplaceClassName:c,...p}){const m=r||n,f=m||o,[u,h]=s.useState(!1);s.useEffect(()=>{if(f){const v=f.isFocused();!u&&v&&f.onFocus?f.onFocus():u&&!v&&f.onBlur&&f.onBlur(),h(v)}});const S=W(c||"sps-form-group",(m&&m.invalid||o&&(!o.isValid()||!o.contentsAreValid()))&&"sps-form-group--error",t);return s.createElement("div",{className:S,"data-testid":l,...p},s.createElement("div",{className:W("sps-input-group",a&&"sps-input-group--stacked")},e))}Object.assign(Tr,{props:mN,displayName:"SpsInputGroup"});const fN={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string"},Ad="sps-datepicker",Fd=["AM","PM"],nm=[{definition:"P0D",label:"design-system:datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"design-system:datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"design-system:datepicker.preset.after"},{definition:"P7D",label:"design-system:datepicker.preset.sevenDays"},{definition:"P30D",label:"design-system:datepicker.preset.thirtyDays"},{definition:"P60D",label:"design-system:datepicker.preset.sixtyDays"},{definition:"P90D",label:"design-system:datepicker.preset.ninetyDays"},{definition:"P1Y",label:"design-system:datepicker.preset.oneYear"}];function Fi({className:e,disabled:t,formMeta:n,id:r,maxDate:o,minDate:a,onChange:l,presets:c=nm,value:p,showTwoMonths:m=!1,twentyFourHour:f=!1,format:u,"data-testid":h,placeholder24h:S="00:00",placeholder12h:v="12:00"}){const{t:E}=s.useContext($e),{wrapperId:T,controlId:C}=Tt(r&&`${r}_from`,n),{wrapperId:N,controlId:I}=Tt(r&&`${r}_to`,n),x=s.useRef(null),k=s.useRef(null),A=s.useRef(null),L=s.useRef(null),w=s.useRef(null),R=X.splitMomentInDateTimeParts(Array.isArray(p)?p[0]:void 0,f,u),O=X.splitMomentInDateTimeParts(Array.isArray(p)?p[1]:void 0,f,u),[K,j]=s.useState(R[0]),[M,Y]=s.useState(O[0]),[G,Z]=s.useState(R[1]),[$,z]=s.useState(O[1]),[le,P]=s.useState(R[2]),[U,ie]=s.useState(O[2]),[Q,te]=s.useState(null),{showPopup:F,doShowPopup:ee,doHidePopup:J}=Cr(x,w);function re(de){n&&(n.setValue(de),n.markAsDirty()),l&&l(de)}function ne(de){return de&&/^design-system:/.test(de.label)?E(de.label):de.label}const me=Q&&ne(Q)==="Before",oe=Q&&ne(Q)==="After";function se(de){const fe=p||[],_e=X.toMoment(de);let ot;if(me)ot=[null,_e],J(!0);else if(oe)ot=[_e,null],J(!0);else if(!fe[0]||fe[1]||_e!=null&&_e.isBefore(fe[0])){let De=parseInt((G==null?void 0:G.split(":")[0])||"0",10);!f&&De===12&&(De=0);const mt=parseInt((G==null?void 0:G.split(":")[1])||"0",10);_e==null||_e.set("hour",le==="PM"?12+De:De<12?De:0),_e==null||_e.set("minute",mt),ot=[_e,null],te(null)}else{let De=parseInt(($==null?void 0:$.split(":")[0])||"0",10);!f&&De===12&&(De=0);const mt=parseInt(($==null?void 0:$.split(":")[1])||"0",10);_e==null||_e.set("hour",U==="PM"?12+De:De),_e==null||_e.set("minute",mt),ot=[fe[0],_e],J(!0),te(null)}re(ot)}function Ee(de){j(de.target.value)}function Oe(de){X.validateTimeString(de.target.value,f)&&Z(de.target.value)}function Je(de,fe,_e){const ot=K,De=fe??G,mt=le;if(ot===R[0]&&De===R[1]&&mt===R[2])return;const bt=X.createFrom(ot,u);if(bt&&X.isValid(bt)){const Le=X.toMoment(bt);let at=parseInt((De==null?void 0:De.split(":")[0])||"0",10);!f&&at===12&&(at=0);const Mn=parseInt((De==null?void 0:De.split(":")[1])||"0",10);Le==null||Le.set("hour",mt==="PM"?12+at:at),Le==null||Le.set("minute",Mn);const Pt=[Le,(Le==null?void 0:Le.isBefore(p==null?void 0:p[1]))&&(p==null?void 0:p[1])||null];re(Pt)}}function dt(de){X.validateTimeString(de??G,f)&&(Z(X.padIncompleteTimeString(de??G,f)),setTimeout(()=>Je(void 0,de),0))}function pt(de){P(de.target.value)}function ve(de){X.validateTimeString(de,f)&&(Z(de),setTimeout(()=>dt(de),0))}s.useEffect(()=>{le!==R[2]&&Je()},[le]);function Ke(de){Y(de.target.value)}function st(de){X.validateTimeString(de.target.value,f)&&z(de.target.value)}function Me(de,fe,_e){const ot=M,De=fe??$,mt=U;if(ot===O[0]&&De===O[1]&&mt===O[2])return;const bt=X.createFrom(ot,u);if(bt&&X.isValid(bt)){const Le=X.toMoment(bt);let at=parseInt((De==null?void 0:De.split(":")[0])||"0",10);!f&&at===12&&(at=0);const Mn=parseInt((De==null?void 0:De.split(":")[1])||"0",10);Le==null||Le.set("hour",mt==="PM"?12+at:at),Le==null||Le.set("minute",Mn);const Pt=[(Le==null?void 0:Le.isAfter(p==null?void 0:p[0]))&&(p==null?void 0:p[0])||null,Le];re(Pt)}}function Te(de){X.validateTimeString(de??$,f)&&(z(X.padIncompleteTimeString(de??$,f)),setTimeout(()=>Me(void 0,de),0))}function xe(de){ie(de.target.value)}function Ze(de){X.validateTimeString(de,f)&&(z(de),setTimeout(()=>Te(de),0))}s.useEffect(()=>{U!==O[2]&&Me()},[U]);function We(){re([null,null]),te(null)}function Xe(de){return function(fe){switch(fe.key){case"Tab":J();break;case"Backspace":fe.target.selectionStart===0&&p&&!Array.isArray(p)&&We();break;case"Enter":de==="from"?Je():de==="to"&&Me();break}}}function Yt(de){if(!de){te(null),re([null,null]);return}te(de);const fe=X.createDateTimeRangeFromPreset(de);de&&ne(de)==="Before"?!p||Array.isArray(p)&&p[0]&&p[1]?re([null,null]):Array.isArray(p)&&p[0]?re([null,X.toMoment(X.createFrom(p[0],u))]):Array.isArray(p)&&p[1]&&re([null,X.toMoment(X.createFrom(p[1],u))]):de&&ne(de)==="After"?!p||Array.isArray(p)&&p[0]&&p[1]?re([null,null]):Array.isArray(p)&&p[0]?re([X.toMoment(X.createFrom(p[0],u)),null]):Array.isArray(p)&&p[1]&&re([X.toMoment(X.createFrom(p[1],u)),null]):JSON.stringify(p)!==JSON.stringify(fe)&&re([fe[0],fe[1]])}s.useEffect(()=>{if(p&&Array.isArray(p)){if(p[0]&&!p[1]){const de=c.find(fe=>ne(fe)==="After");de&&Yt(de)}else if(!p[0]&&p[1]){const de=c.find(fe=>ne(fe)==="Before");de&&Yt(de)}else if(p[0]&&p[1]){const de=X.toDateTimeStringRange(p,f,u),fe=c.find(_e=>de===X.toDateTimeStringRange(X.createDateTimeRangeFromPreset(_e),f,u));fe&&Yt(fe)}}},[]),s.useEffect(()=>{R[0]?j(R[0]):j(""),R[1]?Z(R[1]):Z(f?"00:00":"12:00"),f||(R[2]?P(R[2]):P("AM")),O[0]?Y(O[0]):Y(""),O[1]?z(O[1]):z(f?"00:00":"12:00"),f||(O[2]?ie(O[2]):ie("AM"))},[R[0],R[1],R[2],O[0],O[1],O[2],f]);const mn=W(Ad,"sps-text-input",F&&`${Ad}--open`,e);return s.createElement(s.Fragment,null,s.createElement("div",{className:W("sps-datetime-range-picker")},s.createElement("div",{className:W("sps-datetime-range-picker__pair")},s.createElement(ct,{id:T,className:mn,formMeta:n,inputRef:k,focusInputOnClick:!0,ref:x},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar")}),Q&&s.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},s.createElement("span",{className:"sps-tag sps-tag--info"},ne(Q))),s.createElement("input",{type:"text",ref:k,className:"sps-text-input__input","data-testid":`${h}_from_date_input`,id:C,placeholder:!K&&!Q?(u==null?void 0:u.toUpperCase())||gr:me?O[0]:oe?R[0]:void 0,onChange:Ee,onClick:ee,onFocus:ee,onBlur:()=>Je(),onKeyDown:Xe("from"),value:Q?"":K,disabled:t}),p&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:We}))),!Q&&!f?s.createElement(Tr,null,s.createElement(zt,{className:"sps-time-input",placeholder:v,suggestions:wa,zeroState:"Custom time",value:G,onChange:Oe,onBlur:()=>dt(),onSelectionChange:ve,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}),s.createElement(Un,{options:Fd,value:le,onChange:pt,disabled:t,notClearable:!0})):s.createElement(zt,{className:"sps-time-input",placeholder:S,suggestions:Ca,zeroState:"Custom time",value:G,onChange:Oe,onBlur:()=>dt(),onSelectionChange:ve,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0})),!Q&&s.createElement("span",{className:W("sps-datepicker__to")},"to"),!Q&&s.createElement("div",{className:W("sps-datetime-range-picker__pair")},s.createElement(ct,{id:N,className:mn,formMeta:n,inputRef:L,focusInputOnClick:!0,ref:A},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},s.createElement("i",{className:W("sps-text-input__icon","sps-icon","sps-icon-calendar")}),Q&&s.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},s.createElement("span",{className:"sps-tag sps-tag--info"},ne(Q))),s.createElement("input",{type:"text",ref:L,className:"sps-text-input__input","data-testid":`${h}_to_date_input`,id:I,placeholder:!M&&!Q?(u==null?void 0:u.toUpperCase())||gr:void 0,onChange:Ke,onClick:ee,onFocus:ee,onKeyDown:Xe("to"),onBlur:()=>Me(),value:M,disabled:t}),p&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:We}))),f?s.createElement(zt,{className:"sps-time-input",placeholder:S,suggestions:Ca,zeroState:"Custom time",value:$,onChange:st,onBlur:()=>Te(),onSelectionChange:Ze,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}):s.createElement(Tr,null,s.createElement(zt,{className:"sps-time-input",placeholder:v,suggestions:wa,zeroState:"Custom time",value:$,onChange:st,onBlur:()=>Te(),onSelectionChange:Ze,disabled:t,inputNotClearable:!0,autoFocusOnSelection:!0}),s.createElement(Un,{options:Fd,value:U,onChange:xe,disabled:t,notClearable:!0})))),s.createElement(fo,{isOpen:F,attachTo:x,ref:w},s.createElement("div",{className:"sps-datepicker__presets"},s.createElement("fieldset",null,s.createElement("legend",{className:"sps-datepicker__presets-label"},E("design-system:datepicker.presetsLabel")),s.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{"data-testid":`${h}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${T}__range-custom`,className:"sps-custom-control__input",checked:!Q,name:`sps-date-range-picker-${T}__range`,onChange:()=>Yt()}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${T}__range-custom`},E("design-system:datepicker.preset.custom"))),c.map((de,fe)=>s.createElement("div",{key:ne(de),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},s.createElement("input",{type:"radio","data-testid":`${h}_preset_option_${de.label}`,id:`sps-date-range-picker-${T}__range-${fe}`,name:`sps-date-range-picker-${T}__range`,onChange:()=>Yt(de),checked:Q!=null&&Q.definition?Q.definition===de.definition:!1,className:"sps-custom-control__input"}),s.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${T}__range-${fe}`},ne(de)))))),s.createElement(mo,{"data-testid":`${h}_calendar`,selectedRange:Array.isArray(p)?[X.createFrom(p[0],u),X.createFrom(p[1],u)]:void 0,onNewSelection:se,minDate:a,maxDate:o,showTwoMonths:m,selectedPreset:Q&&ne(Q)})))}Object.assign(Fi,{props:fN,displayName:"SpsDateTimeRangePicker"});const rm={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
1753
1753
|
import {
|
|
1754
1754
|
useSpsForm,
|
|
1755
1755
|
SpsLabel,
|
|
@@ -1918,7 +1918,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
1918
1918
|
import { SpsDateTime } from "@spscommerce/ds-react";
|
|
1919
1919
|
`,jsx:y.code`
|
|
1920
1920
|
<SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
|
|
1921
|
-
`}}}},om={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function ho(e){const{children:t,className:n,compact:r=!1,"data-testid":o,unsafelyReplaceClassName:a,wideTerms:l=!1,widerTerms:c=!1,...p}=e,m=s.Children.map(t,(u,h)=>{if(u.type.toString()!==s.Fragment.toString()){const E=parseInt(`${h/2}`,10)+1;return s.cloneElement(u,{style:{...u.props.style,msGridRow:E}})}const S=u.props.children;return s.Children.map(S,E=>s.cloneElement(E,{style:{...E.props.style,msGridRow:h+1}}))}),f=W(a||"sps-description-list",r&&"sps-description-list--compact",l&&"sps-description-list--wide-terms",c&&"sps-description-list--wider-terms",n);return s.createElement("dl",{className:f,"data-testid":`${o}`,...p},m)}Object.assign(ho,{props:om,displayName:"SpsDescriptionList / SpsDl"});function am(e){return s.createElement(ho,{...e})}Object.assign(am,{props:om,displayName:"SpsDescriptionList / SpsDl"});const im={};function So(e){const{children:t,className:n,"data-testid":r,unsafelyReplaceClassName:o,...a}=e,l=W(o||"sps-description-list__definition",n);return s.createElement("dd",{className:l,"data-testid":`${r}`,...a},t)}Object.assign(So,{props:im,displayName:"SpsDescriptionListDefinition / SpsDd"});function lm(e){return s.createElement(So,{...e})}Object.assign(lm,{props:im,displayName:"SpsDescriptionListDefinition / SpsDd"});var Ce=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(Ce||{});function $s(e){return e==="visible"?"hidden":"visible"}const $d=13,An=new Map,yN={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function _t({children:e,className:t,for:n,"data-testid":r,hideDelay:o=H.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:a,kind:l=H.TooltipKind.DEFAULT,offsets:c=[0,0],onDeferred:p,position:m=H.Position.TOP_MIDDLE,altPosition:f=Za(m),showOn:u=H.TooltipShowTrigger.MOUSEOVER,style:h,title:S,unsafelyReplaceClassName:v}){const E=s.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:a,hideTimer:null}),[T,C]=s.useState(!1),N=s.useRef(null),I=typeof n=="string"?s.useRef(document.getElementById(n)):n,x=s.useRef(null),k=s.useCallback(()=>{E.current.hideTimer&&(window.clearTimeout(E.current.hideTimer),E.current.hideTimer=null)},[]),A=s.useCallback(()=>{k(),C(!1)},[]),L=s.useCallback((z=!1)=>{var le;if(z===!0&&An.size>0)return p&&p(),!1;if(((le=N.current)==null?void 0:le.textContent)==="")return console.warn("SpsTooltip is empty; aborting show"),!1;k();for(const P of An.values())P();return C(!0),!0},[]),w=s.useCallback(z=>{z&&z.stopPropagation(),C(le=>le?(A(),!1):L())},[]),R=s.useCallback(z=>{N.current&&!N.current.contains(z.target)&&A()},[]),O=s.useCallback(()=>{k(),E.current.hideTimer=window.setTimeout(A,o)},[]),K=s.useCallback(z=>{var F,ee,J,re,ne,me;const[le,P]=z.split(" "),U=(F=I==null?void 0:I.current)==null?void 0:F.getBoundingClientRect(),ie=x.current?parseInt(((ee=getComputedStyle(x.current))==null?void 0:ee.width)||"0",10):0,Q=ie*Math.sqrt(2),te=(Q-ie)/2;if(["top","bottom"].includes(le)&&P!=="middle"){if(!(U!=null&&U.width)||U.width>50)return 0;const oe=x.current?parseInt(((J=getComputedStyle(x.current))==null?void 0:J.left)||"0",10):0,se=x.current?parseInt(((re=getComputedStyle(x.current))==null?void 0:re.right)||"0",10):0,Oe=(oe<se?oe:se)-te+Q/2;return U.width/2-Oe}else if(["left","right"].includes(le)&&P!=="middle"){if(U!=null&&U.height&&U.height>50)return 0;const oe=x.current?parseInt(((ne=getComputedStyle(x.current))==null?void 0:ne.top)||"0",10):0,se=x.current?parseInt(((me=getComputedStyle(x.current))==null?void 0:me.bottom)||"0",10):0,Oe=(oe<se?oe:se)-te+Q/2;return U.height/2-Oe}else return 0},[]);s.useEffect(()=>{if(typeof n=="string"&&(I.current=document.getElementById(n)),T?An.set(E.current.instanceKey,A):An.has(E.current.instanceKey)&&An.delete(E.current.instanceKey),u===H.TooltipShowTrigger.MANUAL){if(a!==E.current.prevIsShown)switch(a){case"visible":L();break;case"defer_visible":L(!0);break;case"hidden":A();break;case"delayed_hidden":O();break}E.current.prevIsShown=a}},[T,a]),s.useEffect(()=>{if(I.current)switch(u){case H.TooltipShowTrigger.MOUSEOVER:I.current.addEventListener("mouseenter",L),I.current.addEventListener("mouseleave",O);break;case H.TooltipShowTrigger.CLICK:I.current.addEventListener("click",w),document.addEventListener("click",R);break;case H.TooltipShowTrigger.MANUAL:break}},[I]),s.useEffect(()=>{var z;((z=N.current)==null?void 0:z.textContent)===""&&T&&(E.current.hideTimer&&(clearTimeout(E.current.hideTimer),E.current.hideTimer=null),C(!1))},[e,T]),s.useEffect(()=>()=>{An.has(E.current.instanceKey)&&An.delete(E.current.instanceKey),I.current&&(I.current.removeEventListener("mouseenter",L),I.current.removeEventListener("mouseleave",O),I.current.removeEventListener("click",w),document.removeEventListener("click",R))},[]);const j=wr("sps-tooltip-portal"),M=s.useContext(Ot),[[Y,G],Z]=s.useState([{},!1]);s.useEffect(()=>{Z(T?Gn(N,I,m,{altPosition:f,setMinWidth:!1,offsets:[c[0]-$d,c[1]+K(m)],...M}):[{},!1])},[T,m,f,c[0],c[1],e]),s.useEffect(()=>{const z=()=>{T&&Z(Gn(N,I,m,{altPosition:f,setMinWidth:!1,offsets:[c[0]-$d,c[1]+K(m)],...M}))};return document.addEventListener("scroll",z),()=>{document.removeEventListener("scroll",z)}},[T]);const $=W(v||"sps-tooltip","z-stratum-tip",`sps-tooltip--${l}`,`sps-tooltip--pos-${(G?f:m).replace(" ","-")}`,T&&"sps-tooltip--shown",t);return j(s.createElement("div",{role:"tooltip",className:$,"data-testid":r,ref:N,style:{...h,...Y},onMouseEnter:u===H.TooltipShowTrigger.MOUSEOVER?k:void 0,onMouseLeave:u===H.TooltipShowTrigger.MOUSEOVER?O:void 0},S&&(typeof S=="string"?s.createElement("span",{className:"sps-tooltip__title d-block"},S):S),s.createElement("span",{className:"sps-tooltip__body d-block"},e),s.createElement("span",{ref:x,className:"sps-tooltip__caret"})))}Object.assign(_t,{props:yN,displayName:"SpsTooltip"});const cm={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function go(e){const{children:t,className:n,error:r,errors:o,help:a,labelFor:l,required:c,"data-testid":p,unsafelyReplaceClassName:m,...f}=e,u=s.useRef(null),h=s.useRef();function S(){var k;return(h==null?void 0:h.current)&&((k=h.current.parentElement)==null?void 0:k.classList.contains("sps-form-group--error"))}function v(){return l&&!l.isPristine()&&!l.isValid()}const[E,T]=s.useState(),[C,N]=s.useState(Ce.HIDDEN);s.useEffect(()=>{T(v()||S()?H.TooltipKind.ERROR:H.TooltipKind.HELP)}),s.useEffect(()=>{var L;h.current=(L=u==null?void 0:u.current)==null?void 0:L.getElementsByClassName("sps-form-group__label")[0];const k=()=>N(Ce.VISIBLE),A=()=>N(Ce.HIDDEN);return h.current&&(h.current.addEventListener("focus",k),h.current.addEventListener("blur",A)),()=>{h.current&&(h.current.removeEventListener("focus",k),h.current.removeEventListener("blur",A))}}),l&&(l.onFocus=()=>N(Ce.VISIBLE),l.onBlur=()=>N(Ce.HIDDEN));const I=W(m||"sps-description-list__term",(c||l&&l.isRequired())&&"sps-description-list__term--required",(r||v())&&"sps-description-list__term--error",n);function x(){N(C===Ce.VISIBLE?Ce.HIDDEN:Ce.VISIBLE)}return s.createElement(s.Fragment,null,s.createElement("dt",{className:I,"data-testid":`${p}`,ref:u,onMouseEnter:()=>N(Ce.VISIBLE),onMouseLeave:()=>N(Ce.DELAYED_HIDDEN),onClick:x,...f},t),s.createElement(_t,{kind:E,for:u,showOn:H.TooltipShowTrigger.MANUAL,isShown:C},
|
|
1921
|
+
`}}}},om={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function ho(e){const{children:t,className:n,compact:r=!1,"data-testid":o,unsafelyReplaceClassName:a,wideTerms:l=!1,widerTerms:c=!1,...p}=e,m=s.Children.map(t,(u,h)=>{if(u.type.toString()!==s.Fragment.toString()){const E=parseInt(`${h/2}`,10)+1;return s.cloneElement(u,{style:{...u.props.style,msGridRow:E}})}const S=u.props.children;return s.Children.map(S,E=>s.cloneElement(E,{style:{...E.props.style,msGridRow:h+1}}))}),f=W(a||"sps-description-list",r&&"sps-description-list--compact",l&&"sps-description-list--wide-terms",c&&"sps-description-list--wider-terms",n);return s.createElement("dl",{className:f,"data-testid":`${o}`,...p},m)}Object.assign(ho,{props:om,displayName:"SpsDescriptionList / SpsDl"});function am(e){return s.createElement(ho,{...e})}Object.assign(am,{props:om,displayName:"SpsDescriptionList / SpsDl"});const im={};function So(e){const{children:t,className:n,"data-testid":r,unsafelyReplaceClassName:o,...a}=e,l=W(o||"sps-description-list__definition",n);return s.createElement("dd",{className:l,"data-testid":`${r}`,...a},t)}Object.assign(So,{props:im,displayName:"SpsDescriptionListDefinition / SpsDd"});function lm(e){return s.createElement(So,{...e})}Object.assign(lm,{props:im,displayName:"SpsDescriptionListDefinition / SpsDd"});var Ce=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(Ce||{});function $s(e){return e==="visible"?"hidden":"visible"}const $d=13,An=new Map,yN={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function _t({children:e,className:t,for:n,"data-testid":r,hideDelay:o=H.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:a,kind:l=H.TooltipKind.DEFAULT,offsets:c=[0,0],onDeferred:p,position:m=H.Position.TOP_MIDDLE,altPosition:f=Za(m),showOn:u=H.TooltipShowTrigger.MOUSEOVER,style:h,title:S,unsafelyReplaceClassName:v}){const E=s.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:a,hideTimer:null}),[T,C]=s.useState(!1),N=s.useRef(null),I=typeof n=="string"?s.useRef(document.getElementById(n)):n,x=s.useRef(null),k=s.useCallback(()=>{E.current.hideTimer&&(window.clearTimeout(E.current.hideTimer),E.current.hideTimer=null)},[]),A=s.useCallback(()=>{k(),C(!1)},[]),L=s.useCallback((z=!1)=>{var le;if(z===!0&&An.size>0)return p&&p(),!1;if(((le=N.current)==null?void 0:le.textContent)==="")return console.warn("SpsTooltip is empty; aborting show"),!1;k();for(const P of An.values())P();return C(!0),!0},[]),w=s.useCallback(z=>{z&&z.stopPropagation(),C(le=>le?(A(),!1):L())},[]),R=s.useCallback(z=>{N.current&&!N.current.contains(z.target)&&A()},[]),O=s.useCallback(()=>{k(),E.current.hideTimer=window.setTimeout(A,o)},[]),K=s.useCallback(z=>{var F,ee,J,re,ne,me;const[le,P]=z.split(" "),U=(F=I==null?void 0:I.current)==null?void 0:F.getBoundingClientRect(),ie=x.current?parseInt(((ee=getComputedStyle(x.current))==null?void 0:ee.width)||"0",10):0,Q=ie*Math.sqrt(2),te=(Q-ie)/2;if(["top","bottom"].includes(le)&&P!=="middle"){if(!(U!=null&&U.width)||U.width>50)return 0;const oe=x.current?parseInt(((J=getComputedStyle(x.current))==null?void 0:J.left)||"0",10):0,se=x.current?parseInt(((re=getComputedStyle(x.current))==null?void 0:re.right)||"0",10):0,Oe=(oe<se?oe:se)-te+Q/2;return U.width/2-Oe}else if(["left","right"].includes(le)&&P!=="middle"){if(U!=null&&U.height&&U.height>50)return 0;const oe=x.current?parseInt(((ne=getComputedStyle(x.current))==null?void 0:ne.top)||"0",10):0,se=x.current?parseInt(((me=getComputedStyle(x.current))==null?void 0:me.bottom)||"0",10):0,Oe=(oe<se?oe:se)-te+Q/2;return U.height/2-Oe}else return 0},[]);s.useEffect(()=>{if(typeof n=="string"&&(I.current=document.getElementById(n)),T?An.set(E.current.instanceKey,A):An.has(E.current.instanceKey)&&An.delete(E.current.instanceKey),u===H.TooltipShowTrigger.MANUAL){if(a!==E.current.prevIsShown)switch(a){case"visible":L();break;case"defer_visible":L(!0);break;case"hidden":A();break;case"delayed_hidden":O();break}E.current.prevIsShown=a}},[T,a]),s.useEffect(()=>{if(I.current)switch(u){case H.TooltipShowTrigger.MOUSEOVER:I.current.addEventListener("mouseenter",L),I.current.addEventListener("mouseleave",O);break;case H.TooltipShowTrigger.CLICK:I.current.addEventListener("click",w),document.addEventListener("click",R);break;case H.TooltipShowTrigger.MANUAL:break}},[I]),s.useEffect(()=>{var z;((z=N.current)==null?void 0:z.textContent)===""&&T&&(E.current.hideTimer&&(clearTimeout(E.current.hideTimer),E.current.hideTimer=null),C(!1))},[e,T]),s.useEffect(()=>()=>{An.has(E.current.instanceKey)&&An.delete(E.current.instanceKey),I.current&&(I.current.removeEventListener("mouseenter",L),I.current.removeEventListener("mouseleave",O),I.current.removeEventListener("click",w),document.removeEventListener("click",R))},[]);const j=wr("sps-tooltip-portal"),M=s.useContext(Ot),[[Y,G],Z]=s.useState([{},!1]);s.useEffect(()=>{Z(T?Gn(N,I,m,{altPosition:f,setMinWidth:!1,offsets:[c[0]-$d,c[1]+K(m)],...M}):[{},!1])},[T,m,f,c[0],c[1],e]),s.useEffect(()=>{const z=()=>{T&&Z(Gn(N,I,m,{altPosition:f,setMinWidth:!1,offsets:[c[0]-$d,c[1]+K(m)],...M}))};return document.addEventListener("scroll",z),()=>{document.removeEventListener("scroll",z)}},[T]);const $=W(v||"sps-tooltip","z-stratum-tip",`sps-tooltip--${l}`,`sps-tooltip--pos-${(G?f:m).replace(" ","-")}`,T&&"sps-tooltip--shown",t);return j(s.createElement("div",{role:"tooltip",className:$,"data-testid":r,ref:N,style:{...h,...Y},onMouseEnter:u===H.TooltipShowTrigger.MOUSEOVER?k:void 0,onMouseLeave:u===H.TooltipShowTrigger.MOUSEOVER?O:void 0},S&&(typeof S=="string"?s.createElement("span",{className:"sps-tooltip__title d-block"},S):S),s.createElement("span",{className:"sps-tooltip__body d-block"},e),s.createElement("span",{ref:x,className:"sps-tooltip__caret"})))}Object.assign(_t,{props:yN,displayName:"SpsTooltip"});const cm={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function go(e){const{children:t,className:n,error:r,errors:o,help:a,labelFor:l,required:c,"data-testid":p,unsafelyReplaceClassName:m,...f}=e,u=s.useRef(null),h=s.useRef();function S(){var k;return(h==null?void 0:h.current)&&((k=h.current.parentElement)==null?void 0:k.classList.contains("sps-form-group--error"))}function v(){return l&&!l.isPristine()&&!l.isValid()}const[E,T]=s.useState(),[C,N]=s.useState(Ce.HIDDEN);s.useEffect(()=>{T(v()||S()?H.TooltipKind.ERROR:H.TooltipKind.HELP)}),s.useEffect(()=>{var L;h.current=(L=u==null?void 0:u.current)==null?void 0:L.getElementsByClassName("sps-form-group__label")[0];const k=()=>N(Ce.VISIBLE),A=()=>N(Ce.HIDDEN);return h.current&&(h.current.addEventListener("focus",k),h.current.addEventListener("blur",A)),()=>{h.current&&(h.current.removeEventListener("focus",k),h.current.removeEventListener("blur",A))}}),l&&(l.onFocus=()=>N(Ce.VISIBLE),l.onBlur=()=>N(Ce.HIDDEN));const I=W(m||"sps-description-list__term",(c||l&&l.isRequired())&&"sps-description-list__term--required",(r||v())&&"sps-description-list__term--error",n);function x(){N(C===Ce.VISIBLE?Ce.HIDDEN:Ce.VISIBLE)}return s.createElement(s.Fragment,null,s.createElement("dt",{className:I,"data-testid":`${p}`,ref:u,onMouseEnter:()=>N(Ce.VISIBLE),onMouseLeave:()=>N(Ce.DELAYED_HIDDEN),onClick:x,...f},t),s.createElement(_t,{kind:E,for:u,showOn:H.TooltipShowTrigger.MANUAL,isShown:C},yt(E===H.TooltipKind.ERROR?o:a)))}Object.assign(go,{props:cm,displayName:"SpsDescriptionListTerm / SpsDt"});function dm(e){return s.createElement(go,{...e})}Object.assign(dm,{props:cm,displayName:"SpsDescriptionListTerm / SpsDt"});const pm={general:{label:"General Usage",description:()=>_.createElement(_.Fragment,null,_.createElement("p",null,"Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format."),_.createElement("p",null,"Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables."),_.createElement("h5",null,"Use a Description List"),_.createElement("ul",null,_.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),_.createElement("h5",null,"Do Not Use a Description List"),_.createElement("ul",null,_.createElement("li",{className:"mb-2"},"To display a single term"),_.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>_.createElement("p",null,"Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case."),examples:{oneToThree:{description:()=>_.createElement("h5",null,"1-to-3"),react:y.code`
|
|
1922
1922
|
import { SpsDl, SpsDt, SpsDd } from "@spscommerce/ds-react";
|
|
1923
1923
|
function DemoComponent() {
|
|
1924
1924
|
return (
|
|
@@ -2629,7 +2629,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
2629
2629
|
</SpsTable>
|
|
2630
2630
|
)
|
|
2631
2631
|
}
|
|
2632
|
-
`}}}},EN={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function $i(e){const{options:t,className:n,checked:r,onChange:o,indeterminate:a,disabled:l,"data-testid":c,...p}=e,m=W("sps-checkbox-dropdown",n);return s.createElement("span",{className:m,"data-testid":c,...p},s.createElement(Zn,{indeterminate:a,checked:r,disabled:l,onChange:o,inline:!0,"data-testid":`${c}__checkbox`}),s.createElement(Qn,{disabled:l,options:t,icon:H.SpsIcon.CHEVRON_DOWN,"data-testid":`${c}__dropdown`}))}Object.assign($i,{props:EN,displayName:"SpsCheckboxDropdown"});const wN={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function Ki({children:e,className:t,errors:n,formArray:r,formGroup:o,formMeta:a,legend:l,unsafelyReplaceClassName:c,hasRequiredFields:p=!1,optional:m=!1,enabled:f=!1,onToggled:u,tooltip:h,applyNestedStyles:S,"data-testid":v}){const E=o||r,T=s.useRef(null),C=s.useRef(null),[N,I]=s.useState(Ce.HIDDEN),[x,k]=s.useState(!1),[A,L]=s.useState(f);Xa(()=>{u==null||u(A)},[A]),s.useEffect(()=>{if(E||a){const O=E&&E.isFocused()||a&&a.isFocused();!x&&O?I(Ce.VISIBLE):x&&!O&&I(Ce.HIDDEN),k(O||!1)}});const w=W(c||S?"nested-styles-fieldset":"sps-fieldset",(E&&!E.isPristine()&&E.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-fieldset--error",t,m&&!A&&"sps-fieldset--collapsed",p&&"sps-fieldset--required-fields");function R(){I(N===Ce.VISIBLE?Ce.HIDDEN:Ce.VISIBLE)}return s.createElement("div",{className:"sps-fieldset-container"},s.createElement("fieldset",{className:w,"data-testid":v},s.createElement("legend",{className:"sps-fieldset__legend",ref:T,onMouseEnter:()=>I(Ce.VISIBLE),onMouseLeave:()=>I(Ce.DELAYED_HIDDEN),onClick:R},m&&s.createElement(Zn,{checked:A,className:"d-inline-flex pr-1",onChange:()=>{L(!A)},"data-testid":`${v}__checkbox`}),l,h&&s.createElement("span",{className:"sps-fieldset__legend-icon",ref:C},s.createElement(Gt,{icon:H.SpsIcon.INFO_CIRCLE,"data-testid":`${v}__info-icon`}))),h&&s.createElement(_t,{for:C},h),s.createElement(_t,{for:T,kind:H.TooltipKind.ERROR,showOn:H.TooltipShowTrigger.MANUAL,isShown:N},
|
|
2632
|
+
`}}}},EN={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function $i(e){const{options:t,className:n,checked:r,onChange:o,indeterminate:a,disabled:l,"data-testid":c,...p}=e,m=W("sps-checkbox-dropdown",n);return s.createElement("span",{className:m,"data-testid":c,...p},s.createElement(Zn,{indeterminate:a,checked:r,disabled:l,onChange:o,inline:!0,"data-testid":`${c}__checkbox`}),s.createElement(Qn,{disabled:l,options:t,icon:H.SpsIcon.CHEVRON_DOWN,"data-testid":`${c}__dropdown`}))}Object.assign($i,{props:EN,displayName:"SpsCheckboxDropdown"});const wN={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function Ki({children:e,className:t,errors:n,formArray:r,formGroup:o,formMeta:a,legend:l,unsafelyReplaceClassName:c,hasRequiredFields:p=!1,optional:m=!1,enabled:f=!1,onToggled:u,tooltip:h,applyNestedStyles:S,"data-testid":v}){const E=o||r,T=s.useRef(null),C=s.useRef(null),[N,I]=s.useState(Ce.HIDDEN),[x,k]=s.useState(!1),[A,L]=s.useState(f);Xa(()=>{u==null||u(A)},[A]),s.useEffect(()=>{if(E||a){const O=E&&E.isFocused()||a&&a.isFocused();!x&&O?I(Ce.VISIBLE):x&&!O&&I(Ce.HIDDEN),k(O||!1)}});const w=W(c||S?"nested-styles-fieldset":"sps-fieldset",(E&&!E.isPristine()&&E.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-fieldset--error",t,m&&!A&&"sps-fieldset--collapsed",p&&"sps-fieldset--required-fields");function R(){I(N===Ce.VISIBLE?Ce.HIDDEN:Ce.VISIBLE)}return s.createElement("div",{className:"sps-fieldset-container"},s.createElement("fieldset",{className:w,"data-testid":v},s.createElement("legend",{className:"sps-fieldset__legend",ref:T,onMouseEnter:()=>I(Ce.VISIBLE),onMouseLeave:()=>I(Ce.DELAYED_HIDDEN),onClick:R},m&&s.createElement(Zn,{checked:A,className:"d-inline-flex pr-1",onChange:()=>{L(!A)},"data-testid":`${v}__checkbox`}),l,h&&s.createElement("span",{className:"sps-fieldset__legend-icon",ref:C},s.createElement(Gt,{icon:H.SpsIcon.INFO_CIRCLE,"data-testid":`${v}__info-icon`}))),h&&s.createElement(_t,{for:C},h),s.createElement(_t,{for:T,kind:H.TooltipKind.ERROR,showOn:H.TooltipShowTrigger.MANUAL,isShown:N},yt(n)),e))}Object.assign(Ki,{props:wN,displayName:"SpsFieldset"});const mm={basic:{label:"Basic Fieldsets",description:"info about basic fieldsets",examples:{basic:{react:y.code`
|
|
2633
2633
|
import {
|
|
2634
2634
|
useSpsForm,
|
|
2635
2635
|
SpsFieldset,
|
|
@@ -2930,7 +2930,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
2930
2930
|
</React.Fragment>
|
|
2931
2931
|
);
|
|
2932
2932
|
}
|
|
2933
|
-
`}}}},DN={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function Wi({children:e,className:t,description:n,for:r,stronglySuggested:o,help:a,helpIcon:l=H.SpsIcon.QUESTION_CIRCLE,helpIconColor:c="blue200",errors:p,unsafelyReplaceClassName:m,"data-testid":f,...u}){const{t:h}=s.useContext($e),S=s.useRef(null),v=s.useRef(null),E=s.useRef(null),T=s.useRef(null),[C,N]=s.useState(Ce.HIDDEN),[I,x]=s.useState(Ce.HIDDEN),[k,A]=s.useState(Ce.HIDDEN),[L,w]=s.useState(Ce.HIDDEN);function R(){N(Ce.HIDDEN),x(Ce.HIDDEN),A(Ce.HIDDEN),w(Ce.HIDDEN)}function O(){N(Ce.DELAYED_HIDDEN),x(Ce.DELAYED_HIDDEN),A(Ce.DELAYED_HIDDEN)}function K(Q){Q.preventDefault(),R(),A($s(k))}function j(){return r&&(r instanceof $n&&r.isVisibilyInvalid()||!(r instanceof $n)&&!r.isValid())?[I,x]:r&&r instanceof $n&&r.hasPreventativeErrors()?[L,w]:a?[C,N]:o?[k,A]:[Ce.HIDDEN,()=>{}]}function M(){R();const[Q,te]=j();te($s(Q))}function Y(){R();const[,Q]=j();Q(Ce.VISIBLE)}function G(Q){Q.preventDefault(),R(),N($s(C))}s.useEffect(()=>{r&&(r.onFocus=Y,r.onBlur=R)},[r]);const Z=W(m||"sps-form-group__label",t),[$,z]=r instanceof $n?[r,void 0]:[void 0,r];function le(){var Q;if($){for(const te of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if($.hasError(te))return h(`design-system:label.errors.${te}`,{context:$.errors?$.errors[te]:""});if($.hasError("dateConstraint")){const te=(Q=$.errors)==null?void 0:Q.dateConstraint,F=te.minExceeded?"min":"max";return h(`design-system:label.errors.dateConstraint.${F}`,{context:te})}}return null}function P(){if($){for(const Q of pn)if($.hasPreventativeError(Q))return h(`design-system:label.preventativeErrors.${Q}`)}return null}const[U,ie]=Lt(e,[{type:Gt}]);return s.useEffect(()=>{$!=null&&$.hasPreventativeErrors()&&w(Ce.VISIBLE)},[$==null?void 0:$.hasPreventativeErrors()]),s.createElement(ct,{formMeta:$,formControl:z},s.createElement("label",{htmlFor:r&&"id"in r?r.id:void 0,className:Z,"data-testid":f,...u},s.createElement("i",{ref:v,"data-testid":`${f}__suggested-icon`,className:W("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!o&&"d-none"),onClick:K,onMouseLeave:O}),s.createElement("i",{ref:S,"data-testid":`${f}__error-icon`,className:W("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:M,onMouseLeave:O}),s.createElement("span",{ref:T,className:"sps-form-group__label-content"},ie),s.createElement("i",{ref:E,"data-testid":`${f}__help-icon`,className:W("sps-icon",`sps-icon-${l}`,c,!a&&"d-none"),onClick:G,onMouseLeave:O}),U),s.createElement(_t,{kind:H.TooltipKind.DEFAULT,for:E,showOn:H.TooltipShowTrigger.MANUAL,isShown:C,altPosition:H.Position.TOP_MIDDLE},
|
|
2933
|
+
`}}}},DN={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function Wi({children:e,className:t,description:n,for:r,stronglySuggested:o,help:a,helpIcon:l=H.SpsIcon.QUESTION_CIRCLE,helpIconColor:c="blue200",errors:p,unsafelyReplaceClassName:m,"data-testid":f,...u}){const{t:h}=s.useContext($e),S=s.useRef(null),v=s.useRef(null),E=s.useRef(null),T=s.useRef(null),[C,N]=s.useState(Ce.HIDDEN),[I,x]=s.useState(Ce.HIDDEN),[k,A]=s.useState(Ce.HIDDEN),[L,w]=s.useState(Ce.HIDDEN);function R(){N(Ce.HIDDEN),x(Ce.HIDDEN),A(Ce.HIDDEN),w(Ce.HIDDEN)}function O(){N(Ce.DELAYED_HIDDEN),x(Ce.DELAYED_HIDDEN),A(Ce.DELAYED_HIDDEN)}function K(Q){Q.preventDefault(),R(),A($s(k))}function j(){return r&&(r instanceof $n&&r.isVisibilyInvalid()||!(r instanceof $n)&&!r.isValid())?[I,x]:r&&r instanceof $n&&r.hasPreventativeErrors()?[L,w]:a?[C,N]:o?[k,A]:[Ce.HIDDEN,()=>{}]}function M(){R();const[Q,te]=j();te($s(Q))}function Y(){R();const[,Q]=j();Q(Ce.VISIBLE)}function G(Q){Q.preventDefault(),R(),N($s(C))}s.useEffect(()=>{r&&(r.onFocus=Y,r.onBlur=R)},[r]);const Z=W(m||"sps-form-group__label",t),[$,z]=r instanceof $n?[r,void 0]:[void 0,r];function le(){var Q;if($){for(const te of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if($.hasError(te))return h(`design-system:label.errors.${te}`,{context:$.errors?$.errors[te]:""});if($.hasError("dateConstraint")){const te=(Q=$.errors)==null?void 0:Q.dateConstraint,F=te.minExceeded?"min":"max";return h(`design-system:label.errors.dateConstraint.${F}`,{context:te})}}return null}function P(){if($){for(const Q of pn)if($.hasPreventativeError(Q))return h(`design-system:label.preventativeErrors.${Q}`)}return null}const[U,ie]=Lt(e,[{type:Gt}]);return s.useEffect(()=>{$!=null&&$.hasPreventativeErrors()&&w(Ce.VISIBLE)},[$==null?void 0:$.hasPreventativeErrors()]),s.createElement(ct,{formMeta:$,formControl:z},s.createElement("label",{htmlFor:r&&"id"in r?r.id:void 0,className:Z,"data-testid":f,...u},s.createElement("i",{ref:v,"data-testid":`${f}__suggested-icon`,className:W("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!o&&"d-none"),onClick:K,onMouseLeave:O}),s.createElement("i",{ref:S,"data-testid":`${f}__error-icon`,className:W("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:M,onMouseLeave:O}),s.createElement("span",{ref:T,className:"sps-form-group__label-content"},ie),s.createElement("i",{ref:E,"data-testid":`${f}__help-icon`,className:W("sps-icon",`sps-icon-${l}`,c,!a&&"d-none"),onClick:G,onMouseLeave:O}),U),s.createElement(_t,{kind:H.TooltipKind.DEFAULT,for:E,showOn:H.TooltipShowTrigger.MANUAL,isShown:C,altPosition:H.Position.TOP_MIDDLE},yt(a)),s.createElement(_t,{kind:H.TooltipKind.ERROR,for:S,showOn:H.TooltipShowTrigger.MANUAL,isShown:I,altPosition:H.Position.LEFT_MIDDLE},yt(p)||le()),($==null?void 0:$.hasPreventativeErrors())&&s.createElement(_t,{kind:H.TooltipKind.WARNING,for:T,showOn:H.TooltipShowTrigger.MANUAL,isShown:L,altPosition:H.Position.LEFT_MIDDLE},yt(p)||P()),s.createElement(_t,{kind:H.TooltipKind.DEFAULT,for:v,position:H.Position.TOP_LEFT,altPosition:H.Position.TOP_LEFT,offsets:[13,20],showOn:H.TooltipShowTrigger.MANUAL,isShown:k},h("design-system:label.stronglySuggested")),n&&s.createElement("div",{className:"sps-form-control__description","data-testid":`${f}__description`},n))}Object.assign(Wi,{props:DN,displayName:"SpsLabel"});const hm={general:{label:"General Usage",description:()=>s.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:y.code`
|
|
2934
2934
|
import {
|
|
2935
2935
|
SpsLabel,
|
|
2936
2936
|
SpsTextInput,
|
|
@@ -5313,7 +5313,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
5313
5313
|
</>
|
|
5314
5314
|
);
|
|
5315
5315
|
}
|
|
5316
|
-
`}}}},KN={captionKey:"string",clearSearchOnBlur:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function zi({action:e,captionKey:t,className:n,clearSearchOnBlur:r,debounce:o,disabled:a,disableSelected:l=!1,comparisonKey:c,formControl:p,formMeta:m,hideSelected:f,id:u,onChange:h,onSearchChange:S,options:v,placeholder:E,tallOptionList:T,textKey:C,unsafelyReplaceClassName:N,value:I,zeroState:x="There are no matching options.",loading:k,filterByTextAndCaptionKey:A,icon:L,maxHeightOptionListPx:w,maxHeightOptionListRem:R,disableOptionsMemoization:O,"data-testid":K,...j}){const M=I??[],Y=m||p,{wrapperId:G,controlId:Z}=
|
|
5316
|
+
`}}}},KN={captionKey:"string",clearSearchOnBlur:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function zi({action:e,captionKey:t,className:n,clearSearchOnBlur:r,debounce:o,disabled:a,disableSelected:l=!1,comparisonKey:c,formControl:p,formMeta:m,hideSelected:f,id:u,onChange:h,onSearchChange:S,options:v,placeholder:E,tallOptionList:T,textKey:C,unsafelyReplaceClassName:N,value:I,zeroState:x="There are no matching options.",loading:k,filterByTextAndCaptionKey:A,icon:L,maxHeightOptionListPx:w,maxHeightOptionListRem:R,disableOptionsMemoization:O,"data-testid":K,...j}){const M=I??[],Y=m||p,{wrapperId:G,controlId:Z}=Tt(u,Y),[$,z]=Jt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});s.useEffect(()=>{S&&S($.searchText)},[$.searchText]);const le=s.useRef(null),P=s.useRef(null),U=s.useRef(null),ie=s.useRef(null),Q=s.useRef(null);function te(){r&&z({searchText:""})}const{showPopup:F,doShowPopup:ee,doHidePopup:J}=Cr(le,ie,te);function re(){z({activeTagIndex:null}),ee()}function ne(){setTimeout(()=>{var Te;(Te=U.current)==null||Te.focus()},0)}function me(Te){if(Q.current&&Q.current.children.length&&typeof Te=="number"){const xe=Q.current.children[Te],Ze=xe==null?void 0:xe.querySelector(".sps-clickable-tag__icon");Ze&&Ze.focus()}}function oe(Te){z({searchText:""}),Y&&(Y.setValue(Te),Y.markAsDirty()),h&&h(new Dn({value:Te}))}function se(Te){M.indexOf(Te)===-1&&oe([...M,Te]),ne()}function Ee(Te){const xe=M.filter((Ze,We)=>We!==Te);oe(xe)}function Oe(Te){z({searchText:Te.target.value})}function Je(Te){var xe;if(!a){const Ze=!f&&!Te.target.selectionStart&&M&&M.length;switch(Te.key){case"Backspace":if($.activeTagIndex===M.length-1){Ee($.activeTagIndex),ne();return}if($.activeTagIndex!==null){Ee($.activeTagIndex);return}if(Ze){oe(M.slice(0,M.length-1));return}break;case"Delete":if($.activeTagIndex!==null){Ee($.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":Te.preventDefault();break;case"Left":case"ArrowLeft":if(Ze){$.activeTagIndex===null?(z({activeTagIndex:M.length-1}),J(),me(M.length-1)):$.activeTagIndex>0&&(z({activeTagIndex:$.activeTagIndex-1}),J(),me($.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if($.activeTagIndex!==null){$.activeTagIndex===M.length-1?(z({activeTagIndex:null}),ee(),(xe=U.current)==null||xe.focus()):(z({activeTagIndex:$.activeTagIndex+1}),me($.activeTagIndex+1));return}break;case"Tab":J();break}Te.persist(),z({keyDown:Te})}}function dt(Te){z({opensUpward:Te})}function pt(Te){oe([]),Te.stopPropagation()}function ve(Te){z({optionIds:new Array(Te).fill("").map((xe,Ze)=>`${G}-options-option-${Ze}`).join(",")})}const Ke=s.useCallback(()=>{z({searchText:""}),ne()},[]),st=W(N||"sps-multi-select",F&&"sps-multi-select--open",F&&"z-stratum-dropdown",$.opensUpward&&"sps-multi-select--opens-upward",a&&"sps-form-control--disabled",n),Me=new Array(M.length).fill(0).map((Te,xe)=>`${G}_tag-${xe}`);return s.createElement(ct,{id:G,className:st,formControl:p,formMeta:m,ref:le,inputRef:U,focusInputOnClick:!0,onKeyDown:Je,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Me[$.activeTagIndex||0],"aria-owns":$.optionIds},s.createElement("div",{className:"sps-text-input",ref:P},s.createElement("div",{className:W("sps-form-control",M&&!a&&"sps-form-control--clearable")},L&&s.createElement("i",{className:W("sps-text-input__icon","sps-icon",`sps-icon-${L}`)}),s.createElement("div",{className:"sps-multi-select__tags-and-input",ref:Q},f?null:M.map((Te,xe)=>s.createElement(ss,{id:Me[xe],role:"option",disabled:a,"aria-selected":"true",key:Me[xe],onRemove:()=>Ee(xe)},C?Te[C]:Te)),s.createElement("input",{type:"text",ref:U,"data-testid":`${K}__option-list-input`,value:$.searchText,className:"sps-text-input__input",placeholder:M.length===0?E:void 0,id:Z,onClick:re,onChange:Oe,onFocus:re,onKeyDown:Je,disabled:a,role:"listbox","aria-multiselectable":"true","aria-owns":Me.join(" "),...j})),M.length!==0&&!a?s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Te=>pt(Te)}):null)),s.createElement(rs,{id:`${G}_options`,ref:ie,"data-testid":`${K}__option-list`,attachTo:P,captionKey:t,disabledOptions:l?M:null,isOpen:F,comparisonKey:c,keepOpen:!0,keyDown:$.keyDown,options:v,specialAction:e,onOptionSelected:se,onPositionFlip:dt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:ve,filterByTextAndCaptionKey:A,searchDebounce:o,search:$.searchText,tall:T,textKey:C,zeroState:x,loading:k,maxHeightPx:w,maxHeightRem:R,disableOptionsMemoization:O,onSpecialActionSelect:Ke}))}Object.assign(zi,{props:KN,displayName:"SpsMultiSelect"});const Am={general:{label:"General Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Use a Mulit-Select"),s.createElement("ul",null,s.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),s.createElement("h5",null,"Do Not Use a Multi-Select:"),s.createElement("ul",null,s.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",s.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",s.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),s.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",s.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",s.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),s.createElement("h5",null,"Using Multi-Selects in a Form"),s.createElement("p",null,"Reference the ",s.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",s.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMuliSelect:{label:"Basic Multi-Selects",description:"Basic Multi-Selects include a label and dropdown menu including a list of options. The user is allowed to make a single selection.",examples:{basic:{react:y.code`
|
|
5317
5317
|
import {
|
|
5318
5318
|
SpsLabel,
|
|
5319
5319
|
SpsMultiSelect,
|
|
@@ -5773,7 +5773,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
5773
5773
|
function Component() {
|
|
5774
5774
|
return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
|
|
5775
5775
|
}
|
|
5776
|
-
`}}}},GN={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function Ji({checked:e,className:t,"data-testid":n,disabled:r,formControl:o,formMeta:a,id:l,inline:c,centered:p,label:m,name:f,onChange:u,ref:h,unsafelyReplaceClassName:S,value:v,...E}){const T=a||o,C=s.useRef(null),{wrapperId:N,controlId:I}=
|
|
5776
|
+
`}}}},GN={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function Ji({checked:e,className:t,"data-testid":n,disabled:r,formControl:o,formMeta:a,id:l,inline:c,centered:p,label:m,name:f,onChange:u,ref:h,unsafelyReplaceClassName:S,value:v,...E}){const T=a||o,C=s.useRef(null),{wrapperId:N,controlId:I}=Tt(l),x=W(S||"sps-radio-button","sps-checkable",c&&"sps-checkable--inline",p&&"sps-checkable--centered",!m&&"sps-checkable--no-label",t);function k(A){var L;T&&(T.setValue(v),T.markAsDirty()),u&&u(A),(L=C.current)==null||L.focus()}return s.createElement(ct,{id:N,className:x,formControl:o,formMeta:a,inputRef:C,ref:h,"data-testid":`${n}`,onClick:()=>{var A;return(A=C.current)==null?void 0:A.click()}},s.createElement("input",{type:"radio",ref:C,className:"sps-checkable__input","data-testid":`${n}__radio-input`,id:I,name:f,checked:e,disabled:r,onChange:k,...E}),s.createElement("label",{className:"sps-checkable__label",htmlFor:I},m||""))}Object.assign(Ji,{props:GN,displayName:"SpsRadioButton"});const Vm={general:{label:"General Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Use Radio Buttons:"),s.createElement("ul",null,s.createElement("li",null,"When only one option can be selected from the available options.")),s.createElement("h5",null,"Do Not Use Radio Buttons:"),s.createElement("ul",null,s.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",s.createElement(e,{to:"toggle"},"Toggle")," instead."),s.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",s.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),s.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",s.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),s.createElement("h5",null,"Using Radio Buttons in a Form"),s.createElement("p",null,"Reference the ",s.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."))},basic:{label:"Basic Radio Buttons",description:()=>s.createElement("p",null,"Radio Buttons that represent related options are grouped together with a label. The groups can be arranged horizontally or vertically to best utilize available space."),examples:{horizontal:{description:()=>s.createElement("h4",null,"Horizontal Group"),react:y.code`
|
|
5777
5777
|
import {
|
|
5778
5778
|
useSpsForm,
|
|
5779
5779
|
SpsForm,
|
|
@@ -7293,7 +7293,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
7293
7293
|
</div>
|
|
7294
7294
|
);
|
|
7295
7295
|
}
|
|
7296
|
-
`}}}},JN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},Eo=s.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:r,icon:o,id:a,name:l,onChange:c,placeholder:p,"data-testid":m,title:f,unsafelyReplaceClassName:u,value:h="",additionalText:S,notClearable:v,...E},T)=>{const C=r||n,{wrapperId:N,controlId:I}=
|
|
7296
|
+
`}}}},JN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},Eo=s.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:r,icon:o,id:a,name:l,onChange:c,placeholder:p,"data-testid":m,title:f,unsafelyReplaceClassName:u,value:h="",additionalText:S,notClearable:v,...E},T)=>{const C=r||n,{wrapperId:N,controlId:I}=Tt(a,C),x=s.useRef(null);function k(R,O){C&&(C.setValue(R),C.markAsDirty()),c&&x.current&&c(O||new Dn(x.current))}function A(){x.current&&(x.current.value="",k(""))}function L(R){k(R.target.value,R)}const w=W(u||"sps-text-input",e);return s.createElement(ct,{id:N,className:w,formControl:n,formMeta:r,inputRef:x,ref:T,focusInputOnClick:!0,"data-testid":`${m}`},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},o&&s.createElement("i",{className:W("sps-text-input__icon","sps-icon",`sps-icon-${o}`)}),s.createElement("input",{type:"text",ref:x,"data-testid":`${m}__input`,className:"sps-text-input__input",id:I,name:l,placeholder:p,onChange:L,title:f,value:h,disabled:t,...E}),!v&&h&&!t&&s.createElement("i",{"data-testid":`${m}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:A})),S&&s.createElement("p",{className:"sps-input__additional-text"},S))});Object.assign(Eo,{props:JN,displayName:"SpsTextInput"});const Um={general:{label:"General Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Use a Text Input:"),s.createElement("ul",null,s.createElement("li",null,"When the value required is short (a single word or short phrase)."),s.createElement("li",null,"When only one value is required or accepted.")),s.createElement("h5",null,"Do Not Use a Text Input:"),s.createElement("ul",null,s.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",s.createElement(e,{to:"text-areas"},"Text Area")," instead."),s.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",s.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),s.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",s.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",s.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",s.createElement(e,{to:"toggle"},"Toggles")," instead.")),s.createElement("h5",null,"Using Text Inputs in a Form"),s.createElement("p",null,"Reference the ",s.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>s.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:y.code`
|
|
7297
7297
|
import { SpsLabel, SpsTextInput, useSpsForm } from "@spscommerce/ds-react";
|
|
7298
7298
|
|
|
7299
7299
|
function DemoComponent() {
|
|
@@ -7368,7 +7368,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
7368
7368
|
</div>
|
|
7369
7369
|
);
|
|
7370
7370
|
}
|
|
7371
|
-
`}}}},ZN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function tl({className:e,disabled:t=!1,formControl:n,formMeta:r,id:o,name:a,onChange:l,placeholder:c="",ref:p,rows:m=2,"data-testid":f,unsafelyReplaceClassName:u,value:h="",additionalText:S,...v}){const E=r||n,{wrapperId:T,controlId:C}=
|
|
7371
|
+
`}}}},ZN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function tl({className:e,disabled:t=!1,formControl:n,formMeta:r,id:o,name:a,onChange:l,placeholder:c="",ref:p,rows:m=2,"data-testid":f,unsafelyReplaceClassName:u,value:h="",additionalText:S,...v}){const E=r||n,{wrapperId:T,controlId:C}=Tt(o,E),N=s.useRef(null);function I(L,w){E&&(E.setValue(L),E.markAsDirty()),l&&N.current&&l(w||new Dn(N.current))}function x(){N.current&&(N.current.value="",I(""))}function k(L){I(L.target.value,L)}const A=W(u||"sps-textarea",e);return s.createElement(ct,{id:T,className:A,formControl:n,formMeta:r,inputRef:N,ref:p,"data-testid":f},s.createElement("div",{className:"position-relative"},s.createElement("textarea",{ref:N,rows:m,"data-testid":`${f}__input`,className:"sps-form-control input--clearable",id:C,name:a,placeholder:c,onChange:k,"aria-label":c,value:h||"",disabled:t,...v}),h&&!t&&s.createElement("i",{"data-testid":`${f}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:x})),S&&s.createElement("p",{className:"sps-input__additional-text"},S))}Object.assign(tl,{props:ZN,displayName:"SpsTextarea"});const jm={general:{label:"General Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Use a Text Area:"),s.createElement("ul",null,s.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),s.createElement("h5",null,"Do Not Use a Text Area:"),s.createElement("ul",null,s.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",s.createElement(e,{to:"text-inputs"},"Text Input")," instead."),s.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",s.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),s.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",s.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",s.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",s.createElement(e,{to:"toggle"},"Toggles")," instead.")),s.createElement("h5",null,"Using Text Areas in a Form"),s.createElement("p",null,"Reference the ",s.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>s.createElement("p",null,"Basic Text Areas include a label and a large input field. By default a Text Area is three lines tall, but the height can be adjusted."),examples:{standard:{react:y.code`
|
|
7372
7372
|
import { SpsLabel, SpsTextarea, useSpsForm } from "@spscommerce/ds-react";
|
|
7373
7373
|
function DemoComponent() {
|
|
7374
7374
|
const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
|
|
@@ -7439,7 +7439,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
7439
7439
|
</div>
|
|
7440
7440
|
);
|
|
7441
7441
|
}
|
|
7442
|
-
`}}}},zm={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function nl(e){const{active:t,className:n,description:r,disabled:o,formControl:a,formMeta:l,id:c,label:p,large:m,onChange:f,ref:u,"data-testid":h,unsafelyReplaceClassName:S,...v}=e;wp("SpsToggle",zm,e);const E=l||a,[T,C]=s.useState(t),{wrapperId:N,controlId:I}=
|
|
7442
|
+
`}}}},zm={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function nl(e){const{active:t,className:n,description:r,disabled:o,formControl:a,formMeta:l,id:c,label:p,large:m,onChange:f,ref:u,"data-testid":h,unsafelyReplaceClassName:S,...v}=e;wp("SpsToggle",zm,e);const E=l||a,[T,C]=s.useState(t),{wrapperId:N,controlId:I}=Tt(c,E),x=`${N}_status-label`,k=`${N}_description`,A=s.useRef(null);s.useEffect(()=>C(t),[t]);function L(R){var O;C(R.target.checked),E&&(E.setValue(R.target.checked),E.markAsDirty()),f&&f(R.target.checked),(O=A.current)==null||O.focus()}const w=W(S||"sps-toggle",T&&"sps-toggle--active",m&&"sps-toggle--large",o&&"sps-toggle--disabled",n);return s.createElement(ct,{id:N,formControl:a,formMeta:l,inputRef:A,ref:u,"data-testid":`${h}`},s.createElement("div",{className:w},s.createElement("input",{type:"checkbox",ref:A,className:"sps-toggle__input",id:I,checked:T||!1,disabled:o,onChange:L,"aria-describedby":`${x},${k}`,"data-testid":`${h}__input`,...v}),s.createElement("span",{className:"sps-toggle__slider"}),p&&s.createElement("label",{className:"sps-toggle__status-label",htmlFor:I,id:x},p),r&&s.createElement("span",{className:"sps-toggle__description",id:k},r)))}Object.assign(nl,{props:zm,displayName:"SpsToggle"});const qm={general:{label:"General Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Use Toggles:"),s.createElement("ul",null,s.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),s.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),s.createElement("h5",null,"Do Not Use Toggles:"),s.createElement("ul",null,s.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",s.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",s.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),s.createElement("li",{className:"mb-2"},"Inside a form with a save/submit button as this contradicts the immediate change in the system that a toggle controls.")))},basic:{label:"Basic Toggles",description:()=>s.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>s.createElement("h4",{className:"mb-3"},"Toggle"),react:y.code`
|
|
7443
7443
|
import { SpsToggle, useSpsForm } from "@spscommerce/ds-react";
|
|
7444
7444
|
function DemoComponent() {
|
|
7445
7445
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -8729,7 +8729,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
|
|
|
8729
8729
|
)
|
|
8730
8730
|
}
|
|
8731
8731
|
`}}}};function Kd(e,t){const n=new RegExp(`[\\t\r
|
|
8732
|
-
${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(r=>r!=="")}const ix={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean"};function ul({className:e,disabled:t,formControl:n,formMeta:r,id:o,onChange:a,onEntryChange:l,placeholder:c,unsafelyReplaceClassName:p,value:m,icon:f,createTagOptions:u=[" ",","],"data-testid":h,isSingleLine:S,...v}){const E=r||n,{wrapperId:T,controlId:C}=
|
|
8732
|
+
${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(r=>r!=="")}const ix={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean"};function ul({className:e,disabled:t,formControl:n,formMeta:r,id:o,onChange:a,onEntryChange:l,placeholder:c,unsafelyReplaceClassName:p,value:m,icon:f,createTagOptions:u=[" ",","],"data-testid":h,isSingleLine:S,...v}){const E=r||n,{wrapperId:T,controlId:C}=Tt(o,E),[N,I]=Jt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});s.useEffect(()=>{l&&l(N.searchText)},[N.searchText]);const x=s.useRef(null),k=s.useRef(null),A=s.useRef(null);function L(){setTimeout(()=>{var z;(z=k.current)==null||z.focus()},0)}function w(z){I({searchText:""}),E&&(E.setValue(z),E.markAsDirty()),a&&a(new Dn({value:z}))}function R(z){const le=(m||[]).filter((P,U)=>U!==z);w(le)}function O(z){I({searchText:z.target.value})}function K(z){if(A.current&&A.current.children.length&&typeof z=="number"){const le=A.current.children[z],P=le==null?void 0:le.querySelector(".sps-clickable-tag__icon");P&&P.focus()}}const j=s.useCallback(z=>{I({activeTagIndex:null,searchText:""});const le=N.searchText.trim(),P=m||[];le&&P.indexOf(le)===-1&&w([...P,...Kd(le,u)]),!((z.key==="Tab"||z.key==="Enter")&&!N.searchText)&&z.preventDefault()},[N.searchText,m,Kd]);function M(z){j(z)}function Y(z){var le;if(!t){const P=!z.target.selectionStart&&m&&m.length,U=m?m.length:0;switch(z.key){case"Backspace":if(N.activeTagIndex===U-1){R(N.activeTagIndex),L();return}if(N.activeTagIndex!==null){R(N.activeTagIndex);return}if(P){w(m.slice(0,U-1)),L();return}break;case"Delete":N.activeTagIndex!==null&&(R(N.activeTagIndex),L());break;case"Enter":case"Tab":j(z);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":z.preventDefault();break;case"Left":case"ArrowLeft":if(P){N.activeTagIndex===null?(I({activeTagIndex:U-1}),K(U-1)):N.activeTagIndex>0&&(I({activeTagIndex:N.activeTagIndex-1}),K(N.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(N.activeTagIndex!==null){N.activeTagIndex===U-1?(I({activeTagIndex:null}),(le=k.current)==null||le.focus()):(I({activeTagIndex:N.activeTagIndex+1}),K(N.activeTagIndex+1));return}break}for(const ie of u)z.key===ie&&j(z);z.persist(),I({keyDown:z})}}function G(z){w([]),z.stopPropagation()}const Z=W(p||"sps-multi-select",t&&"sps-form-control--disabled",e),$=new Array((m==null?void 0:m.length)||0).fill(0).map((z,le)=>`${T}_tag-${le}`);return s.createElement(ct,{id:T,className:Z,formControl:n,formMeta:r,ref:x,inputRef:k,focusInputOnClick:!0,onKeyDown:Y,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":$[N.activeTagIndex||0],"aria-owns":N.optionIds},s.createElement("div",{className:"sps-text-input"},s.createElement("div",{className:S?W("sps-form-control",m&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):W("sps-form-control",m&&!t&&"sps-form-control--clearable")},f&&s.createElement("i",{className:W("sps-text-input__icon","sps-icon",`sps-icon-${f}`)}),s.createElement("div",{className:"sps-multi-select__tags-and-input",ref:A},Array.isArray(m)&&m.map((z,le)=>s.createElement(ss,{id:$[le],role:"option",disabled:t,"aria-selected":"true",key:$[le],onRemove:()=>R(le)},s.createElement("span",null,z))),s.createElement("input",{type:"text",ref:k,"data-testid":`${h}__multi-value-text-input`,value:N.searchText,className:"sps-text-input__input",placeholder:N.searchText.length===0&&(!m||m.length===0)?c:void 0,id:C,onBlur:M,onChange:O,onKeyDown:Y,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":$.join(" "),...v})),m&&m.length!==0&&!t?s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:z=>G(z)}):null)))}Object.assign(ul,{props:ix,displayName:"SpsMultiValueTextInput"});const df={general:{label:"General Usage",description:()=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:y.code`
|
|
8733
8733
|
import { SpsMultiValueTextInput, SpsLabel, useSpsForm } from "@spscommerce/ds-react";
|
|
8734
8734
|
function DemoComponent() {
|
|
8735
8735
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -8927,7 +8927,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
|
|
|
8927
8927
|
</>
|
|
8928
8928
|
);
|
|
8929
8929
|
}
|
|
8930
|
-
`}}}},cx={Autocomplete:{components:[zt],examples:Cp},Checkbox:{components:[Zn],examples:Dp},"Clickable Tags":{components:[ss],examples:Np},"Column Chooser":{components:[Li,po],examples:Zu},"Conditional Fields":{description:()=>s.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[pl],examples:cf},"Content Rows":{components:[Pi,Hn,uo],examples:Xu},Datepicker:{components:[Bi],examples:Qu},"Date Range Picker":{components:[Ai],examples:em},"Date Time Range Picker":{components:[Fi],examples:rm},Datetime:{components:[Vi],examples:sm},"Time Input":{components:[ml],examples:pf},"Description Lists":{description:()=>s.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[ho,So,go],examples:pm},Dropdown:{components:[Qn,$i],examples:um},Fieldset:{components:[Ki],examples:mm},"Filter Panel":{components:[il,ll,cl,dl],examples:lf},Form:{components:[ps],examples:Ju},Incrementor:{components:[Hi],examples:fm},Label:{description:()=>s.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Wi],examples:hm},"List Action Bar":{description:()=>s.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[Gi],examples:Om},"Micro Block":{components:[Yi],examples:Lm},Modals:{description:()=>s.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[Ui,vo],examples:Bm},"Multi Select":{description:()=>s.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[zi],examples:Am},"Multi Value Text Input":{description:()=>s.createElement("p",null,"To be determined."),components:[ul],examples:df},Pagination:{description:()=>s.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[qi,yo],examples:Fm},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[Ji],examples:Vm},Select:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[Un],examples:tm},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[Km],examples:Hm},"Split Button":{components:[Zi],examples:Wm},"Summary List Row":{components:[Xi,Qi,ns],examples:Gm},Tables:{description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-body-14"},"Tables (along with ",s.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",s.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),s.createElement("br",null),s.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[er,kn,ce,xn,tt,Ye],examples:Rm},"Task Queue":{components:[el],examples:Ym},"Text Inputs":{description:()=>s.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[Eo],examples:Um},"Text Areas":{description:()=>s.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[tl],examples:jm},Toggle:{description:()=>s.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[nl],examples:qm},Tooltips:{components:[_t,rl],examples:Jm},Wizard:{components:[ol,al],examples:Qm},Workflow:{components:[wo,Co,Do,No],examples:af},"Slide In Panel":{description:"",components:[ji],examples:Pm}},uf=new WeakMap;function Js(e,t,n){return typeof t=="string"&&(t=t.replace(/\s+/g,"")),`${uf.get(e)}-${n}-${t}`}const us=typeof document<"u"?_.useLayoutEffect:()=>{};function ur(e){const t=_.useRef(null);return us(()=>{t.current=e},[e]),_.useCallback((...n)=>{const r=t.current;return r==null?void 0:r(...n)},[])}const Zs={prefix:String(Math.round(Math.random()*1e10)),current:0},mf=_.createContext(Zs),dx=_.createContext(!1);let px=!!(typeof window<"u"&&window.document&&window.document.createElement),ba=new WeakMap;function ux(e=!1){let t=_.useContext(mf),n=_.useRef(null);if(n.current===null&&!e){var r,o;let a=(o=_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||o===void 0||(r=o.ReactCurrentOwner)===null||r===void 0?void 0:r.current;if(a){let l=ba.get(a);l==null?ba.set(a,{id:t.current,state:a.memoizedState}):a.memoizedState!==l.state&&(t.current=l.id,ba.delete(a))}n.current=++t.current}return n.current}function mx(e){let t=_.useContext(mf);t===Zs&&!px&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=ux(!!e),r=t===Zs&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${r}-${n}`}function fx(e){let t=_.useId(),[n]=_.useState(ff()),r=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${Zs.prefix}`;return e||`${r}-${t}`}const hx=typeof _.useId=="function"?fx:mx;function Sx(){return!1}function gx(){return!0}function bx(e){return()=>{}}function ff(){return typeof _.useSyncExternalStore=="function"?_.useSyncExternalStore(bx,Sx,gx):_.useContext(dx)}let vx=!!(typeof window<"u"&&window.document&&window.document.createElement),Xs=new Map;function hf(e){let[t,n]=_.useState(e),r=_.useRef(null),o=hx(t),a=_.useCallback(l=>{r.current=l},[]);return vx&&Xs.set(o,a),us(()=>{let l=o;return()=>{Xs.delete(l)}},[o]),_.useEffect(()=>{let l=r.current;l&&(r.current=null,n(l))}),o}function yx(e,t){if(e===t)return e;let n=Xs.get(e);if(n)return n(t),t;let r=Xs.get(t);return r?(r(e),e):t}function Sf(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Tt=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},jn=e=>e&&"window"in e&&e.window===e?e:Tt(e).defaultView||window;function gf(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=gf(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function Tx(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=gf(e))&&(r&&(r+=" "),r+=t);return r}function In(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let r=e[n];for(let o in r){let a=t[o],l=r[o];typeof a=="function"&&typeof l=="function"&&o[0]==="o"&&o[1]==="n"&&o.charCodeAt(2)>=65&&o.charCodeAt(2)<=90?t[o]=Sf(a,l):(o==="className"||o==="UNSAFE_className")&&typeof a=="string"&&typeof l=="string"?t[o]=Tx(a,l):o==="id"&&a&&l?t.id=yx(a,l):t[o]=l!==void 0?l:a}}return t}const Ex=new Set(["id"]),wx=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Cx=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),Dx=/^(data-.*)$/;function Nx(e,t={}){let{labelable:n,isLink:r,propNames:o}=t,a={};for(const l in e)Object.prototype.hasOwnProperty.call(e,l)&&(Ex.has(l)||n&&wx.has(l)||r&&Cx.has(l)||o!=null&&o.has(l)||Dx.test(l))&&(a[l]=e[l]);return a}function dn(e){if(xx())e.focus({preventScroll:!0});else{let t=kx(e);e.focus(),Ix(t)}}let Ls=null;function xx(){if(Ls==null){Ls=!1;try{document.createElement("div").focus({get preventScroll(){return Ls=!0,!0}})}catch{}}return Ls}function kx(e){let t=e.parentNode,n=[],r=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==r;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return r instanceof HTMLElement&&n.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),n}function Ix(e){for(let{element:t,scrollTop:n,scrollLeft:r}of e)t.scrollTop=n,t.scrollLeft=r}function xo(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(n=>e.test(n.brand)))||e.test(window.navigator.userAgent)}function fl(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function zn(){return fl(/^Mac/i)}function Mx(){return fl(/^iPhone/i)}function bf(){return fl(/^iPad/i)||zn()&&navigator.maxTouchPoints>1}function hl(){return Mx()||bf()}function _x(){return zn()||hl()}function Rx(){return xo(/AppleWebKit/i)&&!Ox()}function Ox(){return xo(/Chrome/i)}function vf(){return xo(/Android/i)}function Lx(){return xo(/Firefox/i)}const Px=_.createContext({isNative:!0,open:Ax,useHref:e=>e});function Sl(){return _.useContext(Px)}function qn(e,t,n=!0){var r,o;let{metaKey:a,ctrlKey:l,altKey:c,shiftKey:p}=t;Lx()&&(!((o=window.event)===null||o===void 0||(r=o.type)===null||r===void 0)&&r.startsWith("key"))&&e.target==="_blank"&&(zn()?a=!0:l=!0);let m=Rx()&&zn()&&!bf()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:a,ctrlKey:l,altKey:c,shiftKey:p}):new MouseEvent("click",{metaKey:a,ctrlKey:l,altKey:c,shiftKey:p,bubbles:!0,cancelable:!0});qn.isOpening=n,dn(e),e.dispatchEvent(m),qn.isOpening=!1}qn.isOpening=!1;function Bx(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function Ax(e,t){Bx(e,n=>qn(n,t))}function Fx(e){let t=Sl();return{href:e!=null&&e.href?t.useHref(e==null?void 0:e.href):void 0,target:e==null?void 0:e.target,rel:e==null?void 0:e.rel,download:e==null?void 0:e.download,ping:e==null?void 0:e.ping,referrerPolicy:e==null?void 0:e.referrerPolicy}}let mr=new Map,Ka=new Set;function Wd(){if(typeof window>"u")return;function e(r){return"propertyName"in r}let t=r=>{if(!e(r)||!r.target)return;let o=mr.get(r.target);o||(o=new Set,mr.set(r.target,o),r.target.addEventListener("transitioncancel",n,{once:!0})),o.add(r.propertyName)},n=r=>{if(!e(r)||!r.target)return;let o=mr.get(r.target);if(o&&(o.delete(r.propertyName),o.size===0&&(r.target.removeEventListener("transitioncancel",n),mr.delete(r.target)),mr.size===0)){for(let a of Ka)a();Ka.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?Wd():document.addEventListener("DOMContentLoaded",Wd));function yf(e){requestAnimationFrame(()=>{mr.size===0?e():Ka.add(e)})}function Tf(){let e=_.useRef(new Map),t=_.useCallback((o,a,l,c)=>{let p=c!=null&&c.once?(...m)=>{e.current.delete(l),l(...m)}:l;e.current.set(l,{type:a,eventTarget:o,fn:p,options:c}),o.addEventListener(a,l,c)},[]),n=_.useCallback((o,a,l,c)=>{var p;let m=((p=e.current.get(l))===null||p===void 0?void 0:p.fn)||l;o.removeEventListener(a,m,c),e.current.delete(l)},[]),r=_.useCallback(()=>{e.current.forEach((o,a)=>{n(o.eventTarget,o.type,a,o.options)})},[n]);return _.useEffect(()=>r,[r]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:r}}function Ef(e,t){let{id:n,"aria-label":r,"aria-labelledby":o}=e;return n=hf(n),o&&r?o=[...new Set([n,...o.trim().split(/\s+/)])].join(" "):o&&(o=o.trim().split(/\s+/).join(" ")),!r&&!o&&t&&(r=t),{id:n,"aria-label":r,"aria-labelledby":o}}function Vx(e,t){us(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function $x(e,t){let n=window.getComputedStyle(e),r=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return r&&t&&(r=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),r}function Kx(e,t){const n=[];for(;e&&e!==document.documentElement;)$x(e,t)&&n.push(e),e=e.parentElement;return n}let Hx=0;const va=new Map;function Wx(e){let[t,n]=_.useState();return us(()=>{if(!e)return;let r=va.get(e);if(r)n(r.element.id);else{let o=`react-aria-description-${Hx++}`;n(o);let a=document.createElement("div");a.id=o,a.style.display="none",a.textContent=e,document.body.appendChild(a),r={refCount:0,element:a},va.set(e,r)}return r.refCount++,()=>{r&&--r.refCount===0&&(r.element.remove(),va.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function Gx(e,t,n,r){let o=ur(n),a=n==null;_.useEffect(()=>{if(a||!e.current)return;let l=e.current;return l.addEventListener(t,o,r),()=>{l.removeEventListener(t,o,r)}},[e,t,r,a,o])}function wf(e,t){let n=Gd(e,t,"left"),r=Gd(e,t,"top"),o=t.offsetWidth,a=t.offsetHeight,l=e.scrollLeft,c=e.scrollTop,{borderTopWidth:p,borderLeftWidth:m}=getComputedStyle(e),f=e.scrollLeft+parseInt(m,10),u=e.scrollTop+parseInt(p,10),h=f+e.clientWidth,S=u+e.clientHeight;n<=l?l=n-parseInt(m,10):n+o>h&&(l+=n+o-h),r<=u?c=r-parseInt(p,10):r+a>S&&(c+=r+a-S),e.scrollLeft=l,e.scrollTop=c}function Gd(e,t,n){const r=n==="left"?"offsetLeft":"offsetTop";let o=0;for(;t.offsetParent&&(o+=t[r],t.offsetParent!==e);){if(t.offsetParent.contains(e)){o-=e[r];break}t=t.offsetParent}return o}function Yd(e,t){if(document.contains(e)){let l=document.scrollingElement||document.documentElement;if(window.getComputedStyle(l).overflow==="hidden"){let p=Kx(e);for(let m of p)wf(m,e)}else{var n;let{left:p,top:m}=e.getBoundingClientRect();e==null||(n=e.scrollIntoView)===null||n===void 0||n.call(e,{block:"nearest"});let{left:f,top:u}=e.getBoundingClientRect();if(Math.abs(p-f)>1||Math.abs(m-u)>1){var r,o,a;t==null||(o=t.containingElement)===null||o===void 0||(r=o.scrollIntoView)===null||r===void 0||r.call(o,{block:"center",inline:"center"}),(a=e.scrollIntoView)===null||a===void 0||a.call(e,{block:"nearest"})}}}}function Ha(e){return e.mozInputSource===0&&e.isTrusted?!0:vf()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Yx(e){return!vf()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function Cf(e,t,n){let[r,o]=_.useState(e||t),a=_.useRef(e!==void 0),l=e!==void 0;_.useEffect(()=>{let m=a.current;m!==l&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),a.current=l},[l]);let c=l?e:r,p=_.useCallback((m,...f)=>{let u=(h,...S)=>{n&&(Object.is(c,h)||n(h,...S)),l||(c=h)};typeof m=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),o((S,...v)=>{let E=m(l?c:S,...v);return u(E,...f),l?S:E})):(l||o(m),u(m,...f))},[l,c,n]);return[c,p]}function Wa(e){return _x()?e.altKey:e.ctrlKey}function fr(e){return zn()?e.metaKey:e.ctrlKey}const Ux=1e3;function jx(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:r}=e,o=_.useRef({search:"",timeout:null}).current,a=l=>{let c=zx(l.key);if(!c||l.ctrlKey||l.metaKey||!l.currentTarget.contains(l.target))return;c===" "&&o.search.trim().length>0&&(l.preventDefault(),"continuePropagation"in l||l.stopPropagation()),o.search+=c;let p=t.getKeyForSearch(o.search,n.focusedKey);p==null&&(p=t.getKeyForSearch(o.search)),p!=null&&(n.setFocusedKey(p),r&&r(p)),clearTimeout(o.timeout),o.timeout=setTimeout(()=>{o.search=""},Ux)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?a:null}}}function zx(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}let hr="default",Ga="",Ks=new WeakMap;function Ud(e){if(hl()){if(hr==="default"){const t=Tt(e);Ga=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}hr="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(Ks.set(e,e.style.userSelect),e.style.userSelect="none")}function Ps(e){if(hl()){if(hr!=="disabled")return;hr="restoring",setTimeout(()=>{yf(()=>{if(hr==="restoring"){const t=Tt(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Ga||""),Ga="",hr="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Ks.has(e)){let t=Ks.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Ks.delete(e)}}const Df=_.createContext({register:()=>{}});Df.displayName="PressResponderContext";function qx(e,t){return t.get?t.get.call(e):t.value}function Nf(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function Jx(e,t){var n=Nf(e,t,"get");return qx(e,n)}function Zx(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Xx(e,t,n){Zx(e,t),t.set(e,n)}function Qx(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=n}}function jd(e,t,n){var r=Nf(e,t,"set");return Qx(e,r,n),n}function ek(e){let t=_.useContext(Df);if(t){let{register:n,...r}=t;e=In(r,e),n()}return Vx(t,e.ref),e}var Bs=new WeakMap;class As{continuePropagation(){jd(this,Bs,!1)}get shouldStopPropagation(){return Jx(this,Bs)}constructor(t,n,r){Xx(this,Bs,{writable:!0,value:void 0}),jd(this,Bs,!0),this.type=t,this.pointerType=n,this.target=r.currentTarget,this.shiftKey=r.shiftKey,this.metaKey=r.metaKey,this.ctrlKey=r.ctrlKey,this.altKey=r.altKey}}const zd=Symbol("linkClicked");function xf(e){let{onPress:t,onPressChange:n,onPressStart:r,onPressEnd:o,onPressUp:a,isDisabled:l,isPressed:c,preventFocusOnPress:p,shouldCancelOnPointerExit:m,allowTextSelectionOnPress:f,ref:u,...h}=ek(e),[S,v]=_.useState(!1),E=_.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:T,removeAllGlobalListeners:C}=Tf(),N=ur((w,R)=>{let O=E.current;if(l||O.didFirePressStart)return!1;let K=!0;if(O.isTriggeringEvent=!0,r){let j=new As("pressstart",R,w);r(j),K=j.shouldStopPropagation}return n&&n(!0),O.isTriggeringEvent=!1,O.didFirePressStart=!0,v(!0),K}),I=ur((w,R,O=!0)=>{let K=E.current;if(!K.didFirePressStart)return!1;K.ignoreClickAfterPress=!0,K.didFirePressStart=!1,K.isTriggeringEvent=!0;let j=!0;if(o){let M=new As("pressend",R,w);o(M),j=M.shouldStopPropagation}if(n&&n(!1),v(!1),t&&O&&!l){let M=new As("press",R,w);t(M),j&&(j=M.shouldStopPropagation)}return K.isTriggeringEvent=!1,j}),x=ur((w,R)=>{let O=E.current;if(l)return!1;if(a){O.isTriggeringEvent=!0;let K=new As("pressup",R,w);return a(K),O.isTriggeringEvent=!1,K.shouldStopPropagation}return!0}),k=ur(w=>{let R=E.current;R.isPressed&&R.target&&(R.isOverTarget&&R.pointerType!=null&&I(cn(R.target,w),R.pointerType,!1),R.isPressed=!1,R.isOverTarget=!1,R.activePointerId=null,R.pointerType=null,C(),f||Ps(R.target))}),A=ur(w=>{m&&k(w)}),L=_.useMemo(()=>{let w=E.current,R={onKeyDown(K){if(ya(K.nativeEvent,K.currentTarget)&&K.currentTarget.contains(K.target)){var j;Jd(K.target,K.key)&&K.preventDefault();let M=!0;if(!w.isPressed&&!K.repeat){w.target=K.currentTarget,w.isPressed=!0,M=N(K,"keyboard");let Y=K.currentTarget,G=Z=>{ya(Z,Y)&&!Z.repeat&&Y.contains(Z.target)&&w.target&&x(cn(w.target,Z),"keyboard")};T(Tt(K.currentTarget),"keyup",Sf(G,O),!0)}M&&K.stopPropagation(),K.metaKey&&zn()&&((j=w.metaKeyEvents)===null||j===void 0||j.set(K.key,K.nativeEvent))}else K.key==="Meta"&&(w.metaKeyEvents=new Map)},onClick(K){if(!(K&&!K.currentTarget.contains(K.target))&&K&&K.button===0&&!w.isTriggeringEvent&&!qn.isOpening){let j=!0;if(l&&K.preventDefault(),!w.ignoreClickAfterPress&&!w.ignoreEmulatedMouseEvents&&!w.isPressed&&(w.pointerType==="virtual"||Ha(K.nativeEvent))){!l&&!p&&dn(K.currentTarget);let M=N(K,"virtual"),Y=x(K,"virtual"),G=I(K,"virtual");j=M&&Y&&G}w.ignoreEmulatedMouseEvents=!1,w.ignoreClickAfterPress=!1,j&&K.stopPropagation()}}},O=K=>{var j;if(w.isPressed&&w.target&&ya(K,w.target)){var M;Jd(K.target,K.key)&&K.preventDefault();let G=K.target;I(cn(w.target,K),"keyboard",w.target.contains(G)),C(),K.key!=="Enter"&&gl(w.target)&&w.target.contains(G)&&!K[zd]&&(K[zd]=!0,qn(w.target,K,!1)),w.isPressed=!1,(M=w.metaKeyEvents)===null||M===void 0||M.delete(K.key)}else if(K.key==="Meta"&&(!((j=w.metaKeyEvents)===null||j===void 0)&&j.size)){var Y;let G=w.metaKeyEvents;w.metaKeyEvents=void 0;for(let Z of G.values())(Y=w.target)===null||Y===void 0||Y.dispatchEvent(new KeyboardEvent("keyup",Z))}};if(typeof PointerEvent<"u"){R.onPointerDown=Y=>{if(Y.button!==0||!Y.currentTarget.contains(Y.target))return;if(Yx(Y.nativeEvent)){w.pointerType="virtual";return}Ta(Y.currentTarget)&&Y.preventDefault(),w.pointerType=Y.pointerType;let G=!0;w.isPressed||(w.isPressed=!0,w.isOverTarget=!0,w.activePointerId=Y.pointerId,w.target=Y.currentTarget,!l&&!p&&dn(Y.currentTarget),f||Ud(w.target),G=N(Y,w.pointerType),T(Tt(Y.currentTarget),"pointermove",K,!1),T(Tt(Y.currentTarget),"pointerup",j,!1),T(Tt(Y.currentTarget),"pointercancel",M,!1)),G&&Y.stopPropagation()},R.onMouseDown=Y=>{Y.currentTarget.contains(Y.target)&&Y.button===0&&(Ta(Y.currentTarget)&&Y.preventDefault(),Y.stopPropagation())},R.onPointerUp=Y=>{!Y.currentTarget.contains(Y.target)||w.pointerType==="virtual"||Y.button===0&&dr(Y,Y.currentTarget)&&x(Y,w.pointerType||Y.pointerType)};let K=Y=>{Y.pointerId===w.activePointerId&&(w.target&&dr(Y,w.target)?!w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!0,N(cn(w.target,Y),w.pointerType)):w.target&&w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!1,I(cn(w.target,Y),w.pointerType,!1),A(Y)))},j=Y=>{Y.pointerId===w.activePointerId&&w.isPressed&&Y.button===0&&w.target&&(dr(Y,w.target)&&w.pointerType!=null?I(cn(w.target,Y),w.pointerType):w.isOverTarget&&w.pointerType!=null&&I(cn(w.target,Y),w.pointerType,!1),w.isPressed=!1,w.isOverTarget=!1,w.activePointerId=null,w.pointerType=null,C(),f||Ps(w.target))},M=Y=>{k(Y)};R.onDragStart=Y=>{Y.currentTarget.contains(Y.target)&&k(Y)}}else{R.onMouseDown=M=>{if(M.button!==0||!M.currentTarget.contains(M.target))return;if(Ta(M.currentTarget)&&M.preventDefault(),w.ignoreEmulatedMouseEvents){M.stopPropagation();return}w.isPressed=!0,w.isOverTarget=!0,w.target=M.currentTarget,w.pointerType=Ha(M.nativeEvent)?"virtual":"mouse",!l&&!p&&dn(M.currentTarget),N(M,w.pointerType)&&M.stopPropagation(),T(Tt(M.currentTarget),"mouseup",K,!1)},R.onMouseEnter=M=>{if(!M.currentTarget.contains(M.target))return;let Y=!0;w.isPressed&&!w.ignoreEmulatedMouseEvents&&w.pointerType!=null&&(w.isOverTarget=!0,Y=N(M,w.pointerType)),Y&&M.stopPropagation()},R.onMouseLeave=M=>{if(!M.currentTarget.contains(M.target))return;let Y=!0;w.isPressed&&!w.ignoreEmulatedMouseEvents&&w.pointerType!=null&&(w.isOverTarget=!1,Y=I(M,w.pointerType,!1),A(M)),Y&&M.stopPropagation()},R.onMouseUp=M=>{M.currentTarget.contains(M.target)&&!w.ignoreEmulatedMouseEvents&&M.button===0&&x(M,w.pointerType||"mouse")};let K=M=>{if(M.button===0){if(w.isPressed=!1,C(),w.ignoreEmulatedMouseEvents){w.ignoreEmulatedMouseEvents=!1;return}w.target&&dr(M,w.target)&&w.pointerType!=null?I(cn(w.target,M),w.pointerType):w.target&&w.isOverTarget&&w.pointerType!=null&&I(cn(w.target,M),w.pointerType,!1),w.isOverTarget=!1}};R.onTouchStart=M=>{if(!M.currentTarget.contains(M.target))return;let Y=tk(M.nativeEvent);if(!Y)return;w.activePointerId=Y.identifier,w.ignoreEmulatedMouseEvents=!0,w.isOverTarget=!0,w.isPressed=!0,w.target=M.currentTarget,w.pointerType="touch",!l&&!p&&dn(M.currentTarget),f||Ud(w.target),N(M,w.pointerType)&&M.stopPropagation(),T(jn(M.currentTarget),"scroll",j,!0)},R.onTouchMove=M=>{if(!M.currentTarget.contains(M.target))return;if(!w.isPressed){M.stopPropagation();return}let Y=qd(M.nativeEvent,w.activePointerId),G=!0;Y&&dr(Y,M.currentTarget)?!w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!0,G=N(M,w.pointerType)):w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!1,G=I(M,w.pointerType,!1),A(M)),G&&M.stopPropagation()},R.onTouchEnd=M=>{if(!M.currentTarget.contains(M.target))return;if(!w.isPressed){M.stopPropagation();return}let Y=qd(M.nativeEvent,w.activePointerId),G=!0;Y&&dr(Y,M.currentTarget)&&w.pointerType!=null?(x(M,w.pointerType),G=I(M,w.pointerType)):w.isOverTarget&&w.pointerType!=null&&(G=I(M,w.pointerType,!1)),G&&M.stopPropagation(),w.isPressed=!1,w.activePointerId=null,w.isOverTarget=!1,w.ignoreEmulatedMouseEvents=!0,w.target&&!f&&Ps(w.target),C()},R.onTouchCancel=M=>{M.currentTarget.contains(M.target)&&(M.stopPropagation(),w.isPressed&&k(M))};let j=M=>{w.isPressed&&M.target.contains(w.target)&&k({currentTarget:w.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};R.onDragStart=M=>{M.currentTarget.contains(M.target)&&k(M)}}return R},[T,l,p,C,f,k,A,I,N,x]);return _.useEffect(()=>()=>{var w;f||Ps((w=E.current.target)!==null&&w!==void 0?w:void 0)},[f]),{isPressed:c||S,pressProps:In(h,L)}}function gl(e){return e.tagName==="A"&&e.hasAttribute("href")}function ya(e,t){const{key:n,code:r}=e,o=t,a=o.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||r==="Space")&&!(o instanceof jn(o).HTMLInputElement&&!kf(o,n)||o instanceof jn(o).HTMLTextAreaElement||o.isContentEditable)&&!((a==="link"||!a&&gl(o))&&n!=="Enter")}function tk(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function qd(e,t){const n=e.changedTouches;for(let r=0;r<n.length;r++){const o=n[r];if(o.identifier===t)return o}return null}function cn(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function nk(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function rk(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function dr(e,t){let n=t.getBoundingClientRect(),r=nk(e);return rk(n,r)}function Ta(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function Jd(e,t){return e instanceof HTMLInputElement?!kf(e,t):e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!gl(e)}const sk=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function kf(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":sk.has(e.type)}let ms=null,ok=new Set,Gr=new Map,Jn=!1,Ya=!1;function bl(e,t){for(let n of ok)n(e,t)}function ak(e){return!(e.metaKey||!zn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Qs(e){Jn=!0,ak(e)&&(ms="keyboard",bl("keyboard",e))}function It(e){ms="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(Jn=!0,bl("pointer",e))}function If(e){Ha(e)&&(Jn=!0,ms="virtual")}function Mf(e){e.target===window||e.target===document||(!Jn&&!Ya&&(ms="virtual",bl("virtual",e)),Jn=!1,Ya=!1)}function _f(){Jn=!1,Ya=!0}function Zd(e){if(typeof window>"u"||Gr.get(jn(e)))return;const t=jn(e),n=Tt(e);let r=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){Jn=!0,r.apply(this,arguments)},n.addEventListener("keydown",Qs,!0),n.addEventListener("keyup",Qs,!0),n.addEventListener("click",If,!0),t.addEventListener("focus",Mf,!0),t.addEventListener("blur",_f,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",It,!0),n.addEventListener("pointermove",It,!0),n.addEventListener("pointerup",It,!0)):(n.addEventListener("mousedown",It,!0),n.addEventListener("mousemove",It,!0),n.addEventListener("mouseup",It,!0)),t.addEventListener("beforeunload",()=>{Rf(e)},{once:!0}),Gr.set(t,{focus:r})}const Rf=(e,t)=>{const n=jn(e),r=Tt(e);t&&r.removeEventListener("DOMContentLoaded",t),Gr.has(n)&&(n.HTMLElement.prototype.focus=Gr.get(n).focus,r.removeEventListener("keydown",Qs,!0),r.removeEventListener("keyup",Qs,!0),r.removeEventListener("click",If,!0),n.removeEventListener("focus",Mf,!0),n.removeEventListener("blur",_f,!1),typeof PointerEvent<"u"?(r.removeEventListener("pointerdown",It,!0),r.removeEventListener("pointermove",It,!0),r.removeEventListener("pointerup",It,!0)):(r.removeEventListener("mousedown",It,!0),r.removeEventListener("mousemove",It,!0),r.removeEventListener("mouseup",It,!0)),Gr.delete(n))};function ik(e){const t=Tt(e);let n;return t.readyState!=="loading"?Zd(e):(n=()=>{Zd(e)},t.addEventListener("DOMContentLoaded",n)),()=>Rf(e,n)}typeof document<"u"&&ik();function Ua(){return ms}const lk=500;function ck(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:r,onLongPress:o,threshold:a=lk,accessibilityDescription:l}=e;const c=_.useRef();let{addGlobalListener:p,removeGlobalListener:m}=Tf(),{pressProps:f}=xf({isDisabled:t,onPressStart(h){if(h.continuePropagation(),(h.pointerType==="mouse"||h.pointerType==="touch")&&(n&&n({...h,type:"longpressstart"}),c.current=setTimeout(()=>{h.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),o&&o({...h,type:"longpress"}),c.current=void 0},a),h.pointerType==="touch")){let S=v=>{v.preventDefault()};p(h.target,"contextmenu",S,{once:!0}),p(window,"pointerup",()=>{setTimeout(()=>{m(h.target,"contextmenu",S)},30)},{once:!0})}},onPressEnd(h){c.current&&clearTimeout(c.current),r&&(h.pointerType==="mouse"||h.pointerType==="touch")&&r({...h,type:"longpressend"})}}),u=Wx(o&&!t?l:void 0);return{longPressProps:In(f,u)}}function ja(e){const t=Tt(e);if(Ua()==="virtual"){let n=t.activeElement;yf(()=>{t.activeElement===n&&e.isConnected&&dn(e)})}else dn(e)}function dk(e){const t=jn(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:r}=e.style,o=n!=="none"&&r!=="hidden"&&r!=="collapse";if(o){const{getComputedStyle:a}=e.ownerDocument.defaultView;let{display:l,visibility:c}=a(e);o=l!=="none"&&c!=="hidden"&&c!=="collapse"}return o}function pk(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function Of(e,t){return e.nodeName!=="#comment"&&dk(e)&&pk(e,t)&&(!e.parentElement||Of(e.parentElement,e))}const vl=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],uk=vl.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";vl.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const mk=vl.join(':not([hidden]):not([tabindex="-1"]),');function Lf(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function Pf(e,t,n){let r=t!=null&&t.tabbable?mk:uk,o=Tt(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var l;return!(t==null||(l=t.from)===null||l===void 0)&&l.contains(a)?NodeFilter.FILTER_REJECT:a.matches(r)&&Of(a)&&(!n||Lf(a,n))&&(!(t!=null&&t.accept)||t.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}class yl{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,r){let o=this.fastMap.get(n??null);if(!o)return;let a=new Xd({scopeRef:t});o.addChild(a),a.parent=o,this.fastMap.set(t,a),r&&(a.nodeToRestore=r)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let r=n.parent;for(let a of this.traverse())a!==n&&n.nodeToRestore&&a.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&Lf(a.nodeToRestore,n.scopeRef.current)&&(a.nodeToRestore=n.nodeToRestore);let o=n.children;r&&(r.removeChild(n),o.size>0&&o.forEach(a=>r&&r.addChild(a))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new yl;var r;for(let o of this.traverse())n.addTreeNode(o.scopeRef,(r=(t=o.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&r!==void 0?r:null,o.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new Xd({scopeRef:null}),this.fastMap.set(null,this.root)}}class Xd{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}new yl;function fk(e,t){let n=t==null?void 0:t.isDisabled,[r,o]=_.useState(!1);return us(()=>{if(e!=null&&e.current&&!n){let a=()=>{if(e.current){let c=Pf(e.current,{tabbable:!0});o(!!c.nextNode())}};a();let l=new MutationObserver(a);return l.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{l.disconnect()}}}),n?!1:r}const hk=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),Sk=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function gk(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),r=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(r)return r.direction==="rtl";if(n.script)return hk.has(n.script)}let t=e.split("-")[0];return Sk.has(t)}const bk=Symbol.for("react-aria.i18n.locale");function Bf(){let e=typeof window<"u"&&window[bk]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:gk(e)?"rtl":"ltr"}}let za=Bf(),Kr=new Set;function Qd(){za=Bf();for(let e of Kr)e(za)}function vk(){let e=ff(),[t,n]=_.useState(za);return _.useEffect(()=>(Kr.size===0&&window.addEventListener("languagechange",Qd),Kr.add(n),()=>{Kr.delete(n),Kr.size===0&&window.removeEventListener("languagechange",Qd)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const yk=_.createContext(null);function Af(){let e=vk();return _.useContext(yk)||e}function Tk(e){let{selectionManager:t,keyboardDelegate:n,ref:r,autoFocus:o=!1,shouldFocusWrap:a=!1,disallowEmptySelection:l=!1,disallowSelectAll:c=!1,selectOnFocus:p=t.selectionBehavior==="replace",disallowTypeAhead:m=!1,shouldUseVirtualFocus:f,allowsTabNavigation:u=!1,isVirtualized:h,scrollRef:S=r,linkBehavior:v="action"}=e,{direction:E}=Af(),T=Sl(),C=O=>{if(O.altKey&&O.key==="Tab"&&O.preventDefault(),!r.current.contains(O.target))return;const K=(P,U)=>{if(P!=null){if(t.isLink(P)&&v==="selection"&&p&&!Wa(O)){eo.flushSync(()=>{t.setFocusedKey(P,U)});let ie=S.current.querySelector(`[data-key="${CSS.escape(P.toString())}"]`),Q=t.getItemProps(P);T.open(ie,O,Q.href,Q.routerOptions);return}if(t.setFocusedKey(P,U),t.isLink(P)&&v==="override")return;O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&!Wa(O)&&t.replaceSelection(P)}};switch(O.key){case"ArrowDown":if(n.getKeyBelow){var j,M;O.preventDefault();let P=t.focusedKey!=null?n.getKeyBelow(t.focusedKey):(j=n.getFirstKey)===null||j===void 0?void 0:j.call(n);P==null&&a&&(P=(M=n.getFirstKey)===null||M===void 0?void 0:M.call(n,t.focusedKey)),K(P)}break;case"ArrowUp":if(n.getKeyAbove){var Y,G;O.preventDefault();let P=t.focusedKey!=null?n.getKeyAbove(t.focusedKey):(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n);P==null&&a&&(P=(G=n.getLastKey)===null||G===void 0?void 0:G.call(n,t.focusedKey)),K(P)}break;case"ArrowLeft":if(n.getKeyLeftOf){var Z,$;O.preventDefault();let P=n.getKeyLeftOf(t.focusedKey);P==null&&a&&(P=E==="rtl"?(Z=n.getFirstKey)===null||Z===void 0?void 0:Z.call(n,t.focusedKey):($=n.getLastKey)===null||$===void 0?void 0:$.call(n,t.focusedKey)),K(P,E==="rtl"?"first":"last")}break;case"ArrowRight":if(n.getKeyRightOf){var z,le;O.preventDefault();let P=n.getKeyRightOf(t.focusedKey);P==null&&a&&(P=E==="rtl"?(z=n.getLastKey)===null||z===void 0?void 0:z.call(n,t.focusedKey):(le=n.getFirstKey)===null||le===void 0?void 0:le.call(n,t.focusedKey)),K(P,E==="rtl"?"last":"first")}break;case"Home":if(n.getFirstKey){O.preventDefault();let P=n.getFirstKey(t.focusedKey,fr(O));t.setFocusedKey(P),fr(O)&&O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"End":if(n.getLastKey){O.preventDefault();let P=n.getLastKey(t.focusedKey,fr(O));t.setFocusedKey(P),fr(O)&&O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"PageDown":if(n.getKeyPageBelow){O.preventDefault();let P=n.getKeyPageBelow(t.focusedKey);K(P)}break;case"PageUp":if(n.getKeyPageAbove){O.preventDefault();let P=n.getKeyPageAbove(t.focusedKey);K(P)}break;case"a":fr(O)&&t.selectionMode==="multiple"&&c!==!0&&(O.preventDefault(),t.selectAll());break;case"Escape":!l&&t.selectedKeys.size!==0&&(O.stopPropagation(),O.preventDefault(),t.clearSelection());break;case"Tab":if(!u){if(O.shiftKey)r.current.focus();else{let P=Pf(r.current,{tabbable:!0}),U,ie;do ie=P.lastChild(),ie&&(U=ie);while(ie);U&&!U.contains(document.activeElement)&&dn(U)}break}}},N=_.useRef({top:0,left:0});Gx(S,"scroll",h?null:()=>{N.current={top:S.current.scrollTop,left:S.current.scrollLeft}});let I=O=>{if(t.isFocused){O.currentTarget.contains(O.target)||t.setFocused(!1);return}if(O.currentTarget.contains(O.target)){if(t.setFocused(!0),t.focusedKey==null){let M=G=>{G!=null&&(t.setFocusedKey(G),p&&t.replaceSelection(G))},Y=O.relatedTarget;var K,j;Y&&O.currentTarget.compareDocumentPosition(Y)&Node.DOCUMENT_POSITION_FOLLOWING?M((K=t.lastSelectedKey)!==null&&K!==void 0?K:n.getLastKey()):M((j=t.firstSelectedKey)!==null&&j!==void 0?j:n.getFirstKey())}else h||(S.current.scrollTop=N.current.top,S.current.scrollLeft=N.current.left);if(!h&&t.focusedKey!=null){let M=S.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);M&&(M.contains(document.activeElement)||dn(M),Ua()==="keyboard"&&Yd(M,{containingElement:r.current}))}}},x=O=>{O.currentTarget.contains(O.relatedTarget)||t.setFocused(!1)};const k=_.useRef(o);_.useEffect(()=>{if(k.current){let O=null;o==="first"&&(O=n.getFirstKey()),o==="last"&&(O=n.getLastKey());let K=t.selectedKeys;if(K.size){for(let j of K)if(t.canSelectItem(j)){O=j;break}}t.setFocused(!0),t.setFocusedKey(O),O==null&&!f&&ja(r.current)}},[]);let A=_.useRef(t.focusedKey);_.useEffect(()=>{let O=Ua();if(t.isFocused&&t.focusedKey!=null&&(S!=null&&S.current)){let K=S.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);K&&(O==="keyboard"||k.current)&&(h||wf(S.current,K),O!=="virtual"&&Yd(K,{containingElement:r.current}))}t.isFocused&&t.focusedKey==null&&A.current!=null&&ja(r.current),A.current=t.focusedKey,k.current=!1},[h,S,t.focusedKey,t.isFocused,r]);let L={onKeyDown:C,onFocus:I,onBlur:x,onMouseDown(O){S.current===O.target&&O.preventDefault()}},{typeSelectProps:w}=jx({keyboardDelegate:n,selectionManager:t});m||(L=In(w,L));let R;return f||(R=t.focusedKey==null?0:-1),{collectionProps:{...L,tabIndex:R}}}function Ek(e){let{selectionManager:t,key:n,ref:r,shouldSelectOnPressUp:o,shouldUseVirtualFocus:a,focus:l,isDisabled:c,onAction:p,allowsDifferentPressOrigin:m,linkBehavior:f="action"}=e,u=Sl(),h=$=>{if($.pointerType==="keyboard"&&Wa($))t.toggleSelection(n);else{if(t.selectionMode==="none")return;if(t.isLink(n)){if(f==="selection"){let z=t.getItemProps(n);u.open(r.current,$,z.href,z.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(f==="override"||f==="none")return}t.selectionMode==="single"?t.isSelected(n)&&!t.disallowEmptySelection?t.toggleSelection(n):t.replaceSelection(n):$&&$.shiftKey?t.extendSelection(n):t.selectionBehavior==="toggle"||$&&(fr($)||$.pointerType==="touch"||$.pointerType==="virtual")?t.toggleSelection(n):t.replaceSelection(n)}};_.useEffect(()=>{n===t.focusedKey&&t.isFocused&&!a&&(l?l():document.activeElement!==r.current&&ja(r.current))},[r,n,t.focusedKey,t.childFocusStrategy,t.isFocused,a]),c=c||t.isDisabled(n);let S={};!a&&!c?S={tabIndex:n===t.focusedKey?0:-1,onFocus($){$.target===r.current&&t.setFocusedKey(n)}}:c&&(S.onMouseDown=$=>{$.preventDefault()});let v=t.isLink(n)&&f==="override",E=t.isLink(n)&&f!=="selection"&&f!=="none",T=!c&&t.canSelectItem(n)&&!v,C=(p||E)&&!c,N=C&&(t.selectionBehavior==="replace"?!T:!T||t.isEmpty),I=C&&T&&t.selectionBehavior==="replace",x=N||I,k=_.useRef(null),A=x&&T,L=_.useRef(!1),w=_.useRef(!1),R=$=>{if(p&&p(),E){let z=t.getItemProps(n);u.open(r.current,$,z.href,z.routerOptions)}},O={};o?(O.onPressStart=$=>{k.current=$.pointerType,L.current=A,$.pointerType==="keyboard"&&(!x||tp())&&h($)},m?(O.onPressUp=N?null:$=>{$.pointerType!=="keyboard"&&T&&h($)},O.onPress=N?R:null):O.onPress=$=>{if(N||I&&$.pointerType!=="mouse"){if($.pointerType==="keyboard"&&!ep())return;R($)}else $.pointerType!=="keyboard"&&T&&h($)}):(O.onPressStart=$=>{k.current=$.pointerType,L.current=A,w.current=N,T&&($.pointerType==="mouse"&&!N||$.pointerType==="keyboard"&&(!C||tp()))&&h($)},O.onPress=$=>{($.pointerType==="touch"||$.pointerType==="pen"||$.pointerType==="virtual"||$.pointerType==="keyboard"&&x&&ep()||$.pointerType==="mouse"&&w.current)&&(x?R($):T&&h($))}),S["data-key"]=n,O.preventFocusOnPress=a;let{pressProps:K,isPressed:j}=xf(O),M=I?$=>{k.current==="mouse"&&($.stopPropagation(),$.preventDefault(),R($))}:void 0,{longPressProps:Y}=ck({isDisabled:!A,onLongPress($){$.pointerType==="touch"&&(h($),t.setSelectionBehavior("toggle"))}}),G=$=>{k.current==="touch"&&L.current&&$.preventDefault()},Z=t.isLink(n)?$=>{qn.isOpening||$.preventDefault()}:void 0;return{itemProps:In(S,T||N?K:{},A?Y:{},{onDoubleClick:M,onDragStartCapture:G,onClick:Z}),isPressed:j,isSelected:t.isSelected(n),isFocused:t.isFocused&&t.focusedKey===n,isDisabled:c,allowsSelection:T,hasAction:x}}function ep(){let e=window.event;return(e==null?void 0:e.key)==="Enter"}function tp(){let e=window.event;return(e==null?void 0:e.key)===" "||(e==null?void 0:e.code)==="Space"}function wk(e,t,n){let{key:r,isDisabled:o,shouldSelectOnPressUp:a}=e,{selectionManager:l,selectedKey:c}=t,p=r===c,m=o||t.isDisabled||t.selectionManager.isDisabled(r),{itemProps:f,isPressed:u}=Ek({selectionManager:l,key:r,ref:n,isDisabled:m,shouldSelectOnPressUp:a,linkBehavior:"selection"}),h=Js(t,r,"tab"),S=Js(t,r,"tabpanel"),{tabIndex:v}=f,E=t.collection.getItem(r),T=Nx(E==null?void 0:E.props,{labelable:!0});delete T.id;let C=Fx(E==null?void 0:E.props);return{tabProps:In(T,C,f,{id:h,"aria-selected":p,"aria-disabled":m||void 0,"aria-controls":p?S:void 0,tabIndex:m?void 0:v,role:"tab"}),isSelected:p,isDisabled:m,isPressed:u}}function Ck(e,t,n){let r=fk(n)?void 0:0;var o;const a=Js(t,(o=e.id)!==null&&o!==void 0?o:t==null?void 0:t.selectedKey,"tabpanel"),l=Ef({...e,id:a,"aria-labelledby":Js(t,t==null?void 0:t.selectedKey,"tab")});return{tabPanelProps:In(l,{tabIndex:r,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class Dk{getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}getKeyAbove(t){return this.getPreviousKey(t)}getKeyBelow(t){return this.getNextKey(t)}isDisabled(t){var n,r;return this.disabledKeys.has(t)||!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.isDisabled)}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.isDisabled(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.isDisabled(t));return t}constructor(t,n,r,o=new Set){this.collection=t,this.flipDirection=n==="rtl"&&r==="horizontal",this.disabledKeys=o}}function Nk(e,t,n){let{orientation:r="horizontal",keyboardActivation:o="automatic"}=e,{collection:a,selectionManager:l,disabledKeys:c}=t,{direction:p}=Af(),m=_.useMemo(()=>new Dk(a,p,r,c),[a,c,r,p]),{collectionProps:f}=Tk({ref:n,selectionManager:l,keyboardDelegate:m,selectOnFocus:o==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),u=hf();uf.set(t,u);let h=Ef({...e,id:u});return{tabListProps:{...In(f,h),role:"tablist","aria-orientation":r,tabIndex:void 0}}}function Ff({item:e,state:t}){const{key:n}=e,r=s.useRef(null),{tabProps:o}=wk({key:n},t,r),a=t.selectedKey===n,l=t.disabledKeys.has(n);return s.createElement("div",{...o,ref:r,className:W("sps-nav__item","sps-nav__link",a&&"active",l&&"sps-nav__item--disabled")},e.rendered)}function Vf({state:e,...t}){const n=s.useRef(null),{tabPanelProps:r}=Ck(t,e,n);return s.createElement("div",{...r,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class np{*[Symbol.iterator](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){let n=this.keyMap.get(t);return(n==null?void 0:n.childNodes)||[]}constructor(t){this.keyMap=new Map,this.iterable=t;let n=a=>{if(this.keyMap.set(a.key,a),a.childNodes&&a.type==="section")for(let l of a.childNodes)n(l)};for(let a of t)n(a);let r,o=0;for(let[a,l]of this.keyMap)r?(r.nextKey=a,l.prevKey=r.key):(this.firstKey=a,l.prevKey=void 0),l.type==="item"&&(l.index=o++),r=l,r.nextKey=void 0;this.lastKey=r==null?void 0:r.key}}class Kt extends Set{constructor(t,n,r){super(t),t instanceof Kt?(this.anchorKey=n||t.anchorKey,this.currentKey=r||t.currentKey):(this.anchorKey=n,this.currentKey=r)}}function xk(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function kk(e){let{selectionMode:t="none",disallowEmptySelection:n,allowDuplicateSelectionEvents:r,selectionBehavior:o="toggle",disabledBehavior:a="all"}=e,l=_.useRef(!1),[,c]=_.useState(!1),p=_.useRef(null),m=_.useRef(null),[,f]=_.useState(null),u=_.useMemo(()=>rp(e.selectedKeys),[e.selectedKeys]),h=_.useMemo(()=>rp(e.defaultSelectedKeys,new Kt),[e.defaultSelectedKeys]),[S,v]=Cf(u,h,e.onSelectionChange),E=_.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[T,C]=_.useState(o);o==="replace"&&T==="toggle"&&typeof S=="object"&&S.size===0&&C("replace");let N=_.useRef(o);return _.useEffect(()=>{o!==N.current&&(C(o),N.current=o)},[o]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:T,setSelectionBehavior:C,get isFocused(){return l.current},setFocused(I){l.current=I,c(I)},get focusedKey(){return p.current},get childFocusStrategy(){return m.current},setFocusedKey(I,x="first"){p.current=I,m.current=x,f(I)},selectedKeys:S,setSelectedKeys(I){(r||!xk(I,S))&&v(I)},disabledKeys:E,disabledBehavior:a}}function rp(e,t){return e?e==="all"?"all":new Kt(e):t}class Ik{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(r=>n.has(r)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let r=this.collection.getItem(n);(!t||r&&pr.compareNodeOrder(this.collection,r,t)<0)&&(t=r)}return t==null?void 0:t.key}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let r=this.collection.getItem(n);(!t||r&&pr.compareNodeOrder(this.collection,r,t)>0)&&(t=r)}return t==null?void 0:t.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new Kt([t],t,t);else{let r=this.state.selectedKeys,o=r.anchorKey||t;n=new Kt(r,o,t);for(let a of this.getKeyRange(o,r.currentKey||t))n.delete(a);for(let a of this.getKeyRange(t,o))this.canSelectItem(a)&&n.add(a)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let r=this.collection.getItem(t),o=this.collection.getItem(n);return r&&o?pr.compareNodeOrder(this.collection,r,o)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){let r=[],o=t;for(;o;){let a=this.collection.getItem(o);if((a&&a.type==="item"||a.type==="cell"&&this.allowsCellSelection)&&r.push(o),o===n)return r;o=this.collection.getKeyAfter(o)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}if(t=this.getKey(t),t==null)return;let n=new Kt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):this.canSelectItem(t)&&(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){if(this.selectionMode==="none"||(t=this.getKey(t),t==null))return;let n=this.canSelectItem(t)?new Kt([t],t,t):new Kt;this.state.setSelectedKeys(n)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new Kt;for(let r of t)if(r=this.getKey(r),r!=null&&(n.add(r),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=r=>{for(;r;){if(this.canSelectItem(r)){let o=this.collection.getItem(r);o.type==="item"&&t.push(r),o.hasChildNodes&&(this.allowsCellSelection||o.type!=="item")&&n(pr.getFirstItem(pr.getChildNodes(o,this.collection)).key)}r=this.collection.getKeyAfter(r)}};return n(this.collection.getFirstKey()),t}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new Kt)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let r of t)if(!n.has(r))return!1;for(let r of n)if(!t.has(r))return!1;return!0}canSelectItem(t){var n;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let r=this.collection.getItem(t);return!(!r||!(r==null||(n=r.props)===null||n===void 0)&&n.isDisabled||r.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){var n,r;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.isDisabled))}isLink(t){var n,r;return!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.href)}getItemProps(t){var n;return(n=this.collection.getItem(t))===null||n===void 0?void 0:n.props}constructor(t,n,r){this.collection=t,this.state=n;var o;this.allowsCellSelection=(o=r==null?void 0:r.allowsCellSelection)!==null&&o!==void 0?o:!1,this._isSelectAll=null}}function Mk(e){let{filter:t}=e,n=kk(e),r=_.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),o=_.useCallback(m=>t?new np(t(m)):new np(m),[t]),a=_.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=pr.useCollection(e,o,a),c=_.useMemo(()=>new Ik(l,n),[l,n]);const p=_.useRef(null);return _.useEffect(()=>{if(n.focusedKey!=null&&!l.getItem(n.focusedKey)){const m=p.current.getItem(n.focusedKey),f=[...p.current.getKeys()].map(E=>{const T=p.current.getItem(E);return T.type==="item"?T:null}).filter(E=>E!==null),u=[...l.getKeys()].map(E=>{const T=l.getItem(E);return T.type==="item"?T:null}).filter(E=>E!==null),h=f.length-u.length;let S=Math.min(h>1?Math.max(m.index-h+1,0):m.index,u.length-1),v;for(;S>=0;){if(!c.isDisabled(u[S].key)){v=u[S];break}S<u.length-1?S++:(S>m.index&&(S=m.index),S--)}n.setFocusedKey(v?v.key:null)}p.current=l},[l,c,n,n.focusedKey]),{collection:l,disabledKeys:r,selectionManager:c}}function _k(e){var t;let[n,r]=Cf(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),o=_.useMemo(()=>n!=null?[n]:[],[n]),{collection:a,disabledKeys:l,selectionManager:c}=Mk({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:m=>{var f;let u=(f=m.values().next().value)!==null&&f!==void 0?f:null;u===n&&e.onSelectionChange&&e.onSelectionChange(u),r(u)}}),p=n!=null?a.getItem(n):null;return{collection:a,disabledKeys:l,selectionManager:c,selectedKey:n,setSelectedKey:r,selectedItem:p}}function Rk(e){var t;let n=_k({...e,suppressTextValueWarning:!0,defaultSelectedKey:(t=e.defaultSelectedKey)!==null&&t!==void 0?t:sp(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)}),{selectionManager:r,collection:o,selectedKey:a}=n,l=_.useRef(a);return _.useEffect(()=>{let c=a;(r.isEmpty||!o.getItem(c))&&(c=sp(o,n.disabledKeys),c!=null&&r.setSelectedKeys([c])),(c!=null&&r.focusedKey==null||!r.isFocused&&c!==l.current)&&r.setFocusedKey(c),l.current=c}),{...n,isDisabled:e.isDisabled||!1}}function sp(e,t){let n=null;if(e){for(n=e.getFirstKey();t.has(n)&&n!==e.getLastKey();)n=e.getKeyAfter(n);t.has(n)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const Ok={},Lk={};function Tl(e){const t=Rk(e),n=s.useRef(null),{tabListProps:r}=Nk(e,t,n);return s.createElement(s.Fragment,null,s.createElement("div",{...r,ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...t.collection].map(o=>s.createElement(Ff,{key:o.key,item:o,state:t}))),s.createElement(Vf,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(Tl,{props:Ok,propTypes:Lk,displayName:"SpsTabsV2"});const Pk={};function El({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__footer",t),...n},e)}Object.assign(El,{props:Pk,displayName:"SpsCardV2Footer"});const Bk={};function wl({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__header",t),...n},e)}Object.assign(wl,{props:Bk,displayName:"SpsCardV2Header"});const Ak={};function $f({children:e,className:t,...n}){const[r,o,a,l,c]=Lt(e,[{type:wl},{type:Tl},{type:Xb.Tabs},{type:El}]),p=o.length>0?o:a;return s.createElement("div",{className:W("sps-card",t),...n},r,p.length>0?p:s.createElement("div",{className:"sps-card__body"},c),l)}Object.assign($f,{props:Ak,displayName:"SpsCardV2"});const Fk={};function Kf({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__title",t),...n},e)}Object.assign(Kf,{props:Fk,displayName:"SpsCardV2Title"});const Vk={...qu,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Hf(e){const{children:t,className:n,controlsDisabled:r,footerLinks:o,formArray:a,formGroup:l,formMeta:c,isOpen:p,onClear:m,onSubmit:f,unsafelyReplaceClassName:u,...h}=e,{t:S}=s.useContext($e);function v(){m&&m()}const E=W(u||"sps-advanced-search",p&&"sps-advanced-search--open",n);return s.createElement("div",{className:E,...h},s.createElement(ps,{onSubmit:f,formArray:a,formGroup:l,formMeta:c},s.createElement("div",{className:"sps-advanced-search__form"},t),s.createElement("div",{className:"sps-advanced-search__footer"},o&&s.createElement("div",{id:"footer_links"},wt(o)),s.createElement("div",{className:"sps-advanced-search__footer-controls"},s.createElement(je,{kind:H.ButtonKind.DEFAULT,type:H.ButtonType.BUTTON,className:"mr-2",onClick:v,disabled:r},S("design-system:advancedSearch.clear")),s.createElement(je,{kind:H.ButtonKind.KEY,type:H.ButtonType.SUBMIT,disabled:r},S("design-system:advancedSearch.search"))))))}Object.assign(Hf,{props:Vk,displayName:"SpsAdvancedSearch"});const $k={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>s.createElement(s.Fragment,null,s.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),s.createElement("p",null,"Advanced Search works in conjunction with the"," ",s.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",s.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),s.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",s.createElement("ul",null,s.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),s.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",s.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",s.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",s.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:y.code`
|
|
8930
|
+
`}}}},cx={Autocomplete:{components:[zt],examples:Cp},Checkbox:{components:[Zn],examples:Dp},"Clickable Tags":{components:[ss],examples:Np},"Column Chooser":{components:[Li,po],examples:Zu},"Conditional Fields":{description:()=>s.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[pl],examples:cf},"Content Rows":{components:[Pi,Hn,uo],examples:Xu},Datepicker:{components:[Bi],examples:Qu},"Date Range Picker":{components:[Ai],examples:em},"Date Time Range Picker":{components:[Fi],examples:rm},Datetime:{components:[Vi],examples:sm},"Time Input":{components:[ml],examples:pf},"Description Lists":{description:()=>s.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[ho,So,go],examples:pm},Dropdown:{components:[Qn,$i],examples:um},Fieldset:{components:[Ki],examples:mm},"Filter Panel":{components:[il,ll,cl,dl],examples:lf},Form:{components:[ps],examples:Ju},Incrementor:{components:[Hi],examples:fm},Label:{description:()=>s.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Wi],examples:hm},"List Action Bar":{description:()=>s.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[Gi],examples:Om},"Micro Block":{components:[Yi],examples:Lm},Modals:{description:()=>s.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[Ui,vo],examples:Bm},"Multi Select":{description:()=>s.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[zi],examples:Am},"Multi Value Text Input":{description:()=>s.createElement("p",null,"To be determined."),components:[ul],examples:df},Pagination:{description:()=>s.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[qi,yo],examples:Fm},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[Ji],examples:Vm},Select:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[Un],examples:tm},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[Km],examples:Hm},"Split Button":{components:[Zi],examples:Wm},"Summary List Row":{components:[Xi,Qi,ns],examples:Gm},Tables:{description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-body-14"},"Tables (along with ",s.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",s.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),s.createElement("br",null),s.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[er,kn,ce,xn,tt,Ye],examples:Rm},"Task Queue":{components:[el],examples:Ym},"Text Inputs":{description:()=>s.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[Eo],examples:Um},"Text Areas":{description:()=>s.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[tl],examples:jm},Toggle:{description:()=>s.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[nl],examples:qm},Tooltips:{components:[_t,rl],examples:Jm},Wizard:{components:[ol,al],examples:Qm},Workflow:{components:[wo,Co,Do,No],examples:af},"Slide In Panel":{description:"",components:[ji],examples:Pm}},uf=new WeakMap;function Js(e,t,n){return typeof t=="string"&&(t=t.replace(/\s+/g,"")),`${uf.get(e)}-${n}-${t}`}const us=typeof document<"u"?_.useLayoutEffect:()=>{};function ur(e){const t=_.useRef(null);return us(()=>{t.current=e},[e]),_.useCallback((...n)=>{const r=t.current;return r==null?void 0:r(...n)},[])}const Zs={prefix:String(Math.round(Math.random()*1e10)),current:0},mf=_.createContext(Zs),dx=_.createContext(!1);let px=!!(typeof window<"u"&&window.document&&window.document.createElement),ba=new WeakMap;function ux(e=!1){let t=_.useContext(mf),n=_.useRef(null);if(n.current===null&&!e){var r,o;let a=(o=_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||o===void 0||(r=o.ReactCurrentOwner)===null||r===void 0?void 0:r.current;if(a){let l=ba.get(a);l==null?ba.set(a,{id:t.current,state:a.memoizedState}):a.memoizedState!==l.state&&(t.current=l.id,ba.delete(a))}n.current=++t.current}return n.current}function mx(e){let t=_.useContext(mf);t===Zs&&!px&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=ux(!!e),r=t===Zs&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${r}-${n}`}function fx(e){let t=_.useId(),[n]=_.useState(ff()),r=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${Zs.prefix}`;return e||`${r}-${t}`}const hx=typeof _.useId=="function"?fx:mx;function Sx(){return!1}function gx(){return!0}function bx(e){return()=>{}}function ff(){return typeof _.useSyncExternalStore=="function"?_.useSyncExternalStore(bx,Sx,gx):_.useContext(dx)}let vx=!!(typeof window<"u"&&window.document&&window.document.createElement),Xs=new Map;function hf(e){let[t,n]=_.useState(e),r=_.useRef(null),o=hx(t),a=_.useCallback(l=>{r.current=l},[]);return vx&&Xs.set(o,a),us(()=>{let l=o;return()=>{Xs.delete(l)}},[o]),_.useEffect(()=>{let l=r.current;l&&(r.current=null,n(l))}),o}function yx(e,t){if(e===t)return e;let n=Xs.get(e);if(n)return n(t),t;let r=Xs.get(t);return r?(r(e),e):t}function Sf(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Et=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},jn=e=>e&&"window"in e&&e.window===e?e:Et(e).defaultView||window;function gf(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=gf(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function Tx(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=gf(e))&&(r&&(r+=" "),r+=t);return r}function In(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let r=e[n];for(let o in r){let a=t[o],l=r[o];typeof a=="function"&&typeof l=="function"&&o[0]==="o"&&o[1]==="n"&&o.charCodeAt(2)>=65&&o.charCodeAt(2)<=90?t[o]=Sf(a,l):(o==="className"||o==="UNSAFE_className")&&typeof a=="string"&&typeof l=="string"?t[o]=Tx(a,l):o==="id"&&a&&l?t.id=yx(a,l):t[o]=l!==void 0?l:a}}return t}const Ex=new Set(["id"]),wx=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Cx=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),Dx=/^(data-.*)$/;function Nx(e,t={}){let{labelable:n,isLink:r,propNames:o}=t,a={};for(const l in e)Object.prototype.hasOwnProperty.call(e,l)&&(Ex.has(l)||n&&wx.has(l)||r&&Cx.has(l)||o!=null&&o.has(l)||Dx.test(l))&&(a[l]=e[l]);return a}function dn(e){if(xx())e.focus({preventScroll:!0});else{let t=kx(e);e.focus(),Ix(t)}}let Ls=null;function xx(){if(Ls==null){Ls=!1;try{document.createElement("div").focus({get preventScroll(){return Ls=!0,!0}})}catch{}}return Ls}function kx(e){let t=e.parentNode,n=[],r=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==r;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return r instanceof HTMLElement&&n.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),n}function Ix(e){for(let{element:t,scrollTop:n,scrollLeft:r}of e)t.scrollTop=n,t.scrollLeft=r}function xo(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(n=>e.test(n.brand)))||e.test(window.navigator.userAgent)}function fl(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function zn(){return fl(/^Mac/i)}function Mx(){return fl(/^iPhone/i)}function bf(){return fl(/^iPad/i)||zn()&&navigator.maxTouchPoints>1}function hl(){return Mx()||bf()}function _x(){return zn()||hl()}function Rx(){return xo(/AppleWebKit/i)&&!Ox()}function Ox(){return xo(/Chrome/i)}function vf(){return xo(/Android/i)}function Lx(){return xo(/Firefox/i)}const Px=_.createContext({isNative:!0,open:Ax,useHref:e=>e});function Sl(){return _.useContext(Px)}function qn(e,t,n=!0){var r,o;let{metaKey:a,ctrlKey:l,altKey:c,shiftKey:p}=t;Lx()&&(!((o=window.event)===null||o===void 0||(r=o.type)===null||r===void 0)&&r.startsWith("key"))&&e.target==="_blank"&&(zn()?a=!0:l=!0);let m=Rx()&&zn()&&!bf()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:a,ctrlKey:l,altKey:c,shiftKey:p}):new MouseEvent("click",{metaKey:a,ctrlKey:l,altKey:c,shiftKey:p,bubbles:!0,cancelable:!0});qn.isOpening=n,dn(e),e.dispatchEvent(m),qn.isOpening=!1}qn.isOpening=!1;function Bx(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function Ax(e,t){Bx(e,n=>qn(n,t))}function Fx(e){let t=Sl();return{href:e!=null&&e.href?t.useHref(e==null?void 0:e.href):void 0,target:e==null?void 0:e.target,rel:e==null?void 0:e.rel,download:e==null?void 0:e.download,ping:e==null?void 0:e.ping,referrerPolicy:e==null?void 0:e.referrerPolicy}}let mr=new Map,Ka=new Set;function Wd(){if(typeof window>"u")return;function e(r){return"propertyName"in r}let t=r=>{if(!e(r)||!r.target)return;let o=mr.get(r.target);o||(o=new Set,mr.set(r.target,o),r.target.addEventListener("transitioncancel",n,{once:!0})),o.add(r.propertyName)},n=r=>{if(!e(r)||!r.target)return;let o=mr.get(r.target);if(o&&(o.delete(r.propertyName),o.size===0&&(r.target.removeEventListener("transitioncancel",n),mr.delete(r.target)),mr.size===0)){for(let a of Ka)a();Ka.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?Wd():document.addEventListener("DOMContentLoaded",Wd));function yf(e){requestAnimationFrame(()=>{mr.size===0?e():Ka.add(e)})}function Tf(){let e=_.useRef(new Map),t=_.useCallback((o,a,l,c)=>{let p=c!=null&&c.once?(...m)=>{e.current.delete(l),l(...m)}:l;e.current.set(l,{type:a,eventTarget:o,fn:p,options:c}),o.addEventListener(a,l,c)},[]),n=_.useCallback((o,a,l,c)=>{var p;let m=((p=e.current.get(l))===null||p===void 0?void 0:p.fn)||l;o.removeEventListener(a,m,c),e.current.delete(l)},[]),r=_.useCallback(()=>{e.current.forEach((o,a)=>{n(o.eventTarget,o.type,a,o.options)})},[n]);return _.useEffect(()=>r,[r]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:r}}function Ef(e,t){let{id:n,"aria-label":r,"aria-labelledby":o}=e;return n=hf(n),o&&r?o=[...new Set([n,...o.trim().split(/\s+/)])].join(" "):o&&(o=o.trim().split(/\s+/).join(" ")),!r&&!o&&t&&(r=t),{id:n,"aria-label":r,"aria-labelledby":o}}function Vx(e,t){us(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function $x(e,t){let n=window.getComputedStyle(e),r=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return r&&t&&(r=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),r}function Kx(e,t){const n=[];for(;e&&e!==document.documentElement;)$x(e,t)&&n.push(e),e=e.parentElement;return n}let Hx=0;const va=new Map;function Wx(e){let[t,n]=_.useState();return us(()=>{if(!e)return;let r=va.get(e);if(r)n(r.element.id);else{let o=`react-aria-description-${Hx++}`;n(o);let a=document.createElement("div");a.id=o,a.style.display="none",a.textContent=e,document.body.appendChild(a),r={refCount:0,element:a},va.set(e,r)}return r.refCount++,()=>{r&&--r.refCount===0&&(r.element.remove(),va.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function Gx(e,t,n,r){let o=ur(n),a=n==null;_.useEffect(()=>{if(a||!e.current)return;let l=e.current;return l.addEventListener(t,o,r),()=>{l.removeEventListener(t,o,r)}},[e,t,r,a,o])}function wf(e,t){let n=Gd(e,t,"left"),r=Gd(e,t,"top"),o=t.offsetWidth,a=t.offsetHeight,l=e.scrollLeft,c=e.scrollTop,{borderTopWidth:p,borderLeftWidth:m}=getComputedStyle(e),f=e.scrollLeft+parseInt(m,10),u=e.scrollTop+parseInt(p,10),h=f+e.clientWidth,S=u+e.clientHeight;n<=l?l=n-parseInt(m,10):n+o>h&&(l+=n+o-h),r<=u?c=r-parseInt(p,10):r+a>S&&(c+=r+a-S),e.scrollLeft=l,e.scrollTop=c}function Gd(e,t,n){const r=n==="left"?"offsetLeft":"offsetTop";let o=0;for(;t.offsetParent&&(o+=t[r],t.offsetParent!==e);){if(t.offsetParent.contains(e)){o-=e[r];break}t=t.offsetParent}return o}function Yd(e,t){if(document.contains(e)){let l=document.scrollingElement||document.documentElement;if(window.getComputedStyle(l).overflow==="hidden"){let p=Kx(e);for(let m of p)wf(m,e)}else{var n;let{left:p,top:m}=e.getBoundingClientRect();e==null||(n=e.scrollIntoView)===null||n===void 0||n.call(e,{block:"nearest"});let{left:f,top:u}=e.getBoundingClientRect();if(Math.abs(p-f)>1||Math.abs(m-u)>1){var r,o,a;t==null||(o=t.containingElement)===null||o===void 0||(r=o.scrollIntoView)===null||r===void 0||r.call(o,{block:"center",inline:"center"}),(a=e.scrollIntoView)===null||a===void 0||a.call(e,{block:"nearest"})}}}}function Ha(e){return e.mozInputSource===0&&e.isTrusted?!0:vf()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Yx(e){return!vf()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function Cf(e,t,n){let[r,o]=_.useState(e||t),a=_.useRef(e!==void 0),l=e!==void 0;_.useEffect(()=>{let m=a.current;m!==l&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),a.current=l},[l]);let c=l?e:r,p=_.useCallback((m,...f)=>{let u=(h,...S)=>{n&&(Object.is(c,h)||n(h,...S)),l||(c=h)};typeof m=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),o((S,...v)=>{let E=m(l?c:S,...v);return u(E,...f),l?S:E})):(l||o(m),u(m,...f))},[l,c,n]);return[c,p]}function Wa(e){return _x()?e.altKey:e.ctrlKey}function fr(e){return zn()?e.metaKey:e.ctrlKey}const Ux=1e3;function jx(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:r}=e,o=_.useRef({search:"",timeout:null}).current,a=l=>{let c=zx(l.key);if(!c||l.ctrlKey||l.metaKey||!l.currentTarget.contains(l.target))return;c===" "&&o.search.trim().length>0&&(l.preventDefault(),"continuePropagation"in l||l.stopPropagation()),o.search+=c;let p=t.getKeyForSearch(o.search,n.focusedKey);p==null&&(p=t.getKeyForSearch(o.search)),p!=null&&(n.setFocusedKey(p),r&&r(p)),clearTimeout(o.timeout),o.timeout=setTimeout(()=>{o.search=""},Ux)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?a:null}}}function zx(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}let hr="default",Ga="",Ks=new WeakMap;function Ud(e){if(hl()){if(hr==="default"){const t=Et(e);Ga=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}hr="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(Ks.set(e,e.style.userSelect),e.style.userSelect="none")}function Ps(e){if(hl()){if(hr!=="disabled")return;hr="restoring",setTimeout(()=>{yf(()=>{if(hr==="restoring"){const t=Et(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Ga||""),Ga="",hr="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Ks.has(e)){let t=Ks.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Ks.delete(e)}}const Df=_.createContext({register:()=>{}});Df.displayName="PressResponderContext";function qx(e,t){return t.get?t.get.call(e):t.value}function Nf(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function Jx(e,t){var n=Nf(e,t,"get");return qx(e,n)}function Zx(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Xx(e,t,n){Zx(e,t),t.set(e,n)}function Qx(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=n}}function jd(e,t,n){var r=Nf(e,t,"set");return Qx(e,r,n),n}function ek(e){let t=_.useContext(Df);if(t){let{register:n,...r}=t;e=In(r,e),n()}return Vx(t,e.ref),e}var Bs=new WeakMap;class As{continuePropagation(){jd(this,Bs,!1)}get shouldStopPropagation(){return Jx(this,Bs)}constructor(t,n,r){Xx(this,Bs,{writable:!0,value:void 0}),jd(this,Bs,!0),this.type=t,this.pointerType=n,this.target=r.currentTarget,this.shiftKey=r.shiftKey,this.metaKey=r.metaKey,this.ctrlKey=r.ctrlKey,this.altKey=r.altKey}}const zd=Symbol("linkClicked");function xf(e){let{onPress:t,onPressChange:n,onPressStart:r,onPressEnd:o,onPressUp:a,isDisabled:l,isPressed:c,preventFocusOnPress:p,shouldCancelOnPointerExit:m,allowTextSelectionOnPress:f,ref:u,...h}=ek(e),[S,v]=_.useState(!1),E=_.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:T,removeAllGlobalListeners:C}=Tf(),N=ur((w,R)=>{let O=E.current;if(l||O.didFirePressStart)return!1;let K=!0;if(O.isTriggeringEvent=!0,r){let j=new As("pressstart",R,w);r(j),K=j.shouldStopPropagation}return n&&n(!0),O.isTriggeringEvent=!1,O.didFirePressStart=!0,v(!0),K}),I=ur((w,R,O=!0)=>{let K=E.current;if(!K.didFirePressStart)return!1;K.ignoreClickAfterPress=!0,K.didFirePressStart=!1,K.isTriggeringEvent=!0;let j=!0;if(o){let M=new As("pressend",R,w);o(M),j=M.shouldStopPropagation}if(n&&n(!1),v(!1),t&&O&&!l){let M=new As("press",R,w);t(M),j&&(j=M.shouldStopPropagation)}return K.isTriggeringEvent=!1,j}),x=ur((w,R)=>{let O=E.current;if(l)return!1;if(a){O.isTriggeringEvent=!0;let K=new As("pressup",R,w);return a(K),O.isTriggeringEvent=!1,K.shouldStopPropagation}return!0}),k=ur(w=>{let R=E.current;R.isPressed&&R.target&&(R.isOverTarget&&R.pointerType!=null&&I(cn(R.target,w),R.pointerType,!1),R.isPressed=!1,R.isOverTarget=!1,R.activePointerId=null,R.pointerType=null,C(),f||Ps(R.target))}),A=ur(w=>{m&&k(w)}),L=_.useMemo(()=>{let w=E.current,R={onKeyDown(K){if(ya(K.nativeEvent,K.currentTarget)&&K.currentTarget.contains(K.target)){var j;Jd(K.target,K.key)&&K.preventDefault();let M=!0;if(!w.isPressed&&!K.repeat){w.target=K.currentTarget,w.isPressed=!0,M=N(K,"keyboard");let Y=K.currentTarget,G=Z=>{ya(Z,Y)&&!Z.repeat&&Y.contains(Z.target)&&w.target&&x(cn(w.target,Z),"keyboard")};T(Et(K.currentTarget),"keyup",Sf(G,O),!0)}M&&K.stopPropagation(),K.metaKey&&zn()&&((j=w.metaKeyEvents)===null||j===void 0||j.set(K.key,K.nativeEvent))}else K.key==="Meta"&&(w.metaKeyEvents=new Map)},onClick(K){if(!(K&&!K.currentTarget.contains(K.target))&&K&&K.button===0&&!w.isTriggeringEvent&&!qn.isOpening){let j=!0;if(l&&K.preventDefault(),!w.ignoreClickAfterPress&&!w.ignoreEmulatedMouseEvents&&!w.isPressed&&(w.pointerType==="virtual"||Ha(K.nativeEvent))){!l&&!p&&dn(K.currentTarget);let M=N(K,"virtual"),Y=x(K,"virtual"),G=I(K,"virtual");j=M&&Y&&G}w.ignoreEmulatedMouseEvents=!1,w.ignoreClickAfterPress=!1,j&&K.stopPropagation()}}},O=K=>{var j;if(w.isPressed&&w.target&&ya(K,w.target)){var M;Jd(K.target,K.key)&&K.preventDefault();let G=K.target;I(cn(w.target,K),"keyboard",w.target.contains(G)),C(),K.key!=="Enter"&&gl(w.target)&&w.target.contains(G)&&!K[zd]&&(K[zd]=!0,qn(w.target,K,!1)),w.isPressed=!1,(M=w.metaKeyEvents)===null||M===void 0||M.delete(K.key)}else if(K.key==="Meta"&&(!((j=w.metaKeyEvents)===null||j===void 0)&&j.size)){var Y;let G=w.metaKeyEvents;w.metaKeyEvents=void 0;for(let Z of G.values())(Y=w.target)===null||Y===void 0||Y.dispatchEvent(new KeyboardEvent("keyup",Z))}};if(typeof PointerEvent<"u"){R.onPointerDown=Y=>{if(Y.button!==0||!Y.currentTarget.contains(Y.target))return;if(Yx(Y.nativeEvent)){w.pointerType="virtual";return}Ta(Y.currentTarget)&&Y.preventDefault(),w.pointerType=Y.pointerType;let G=!0;w.isPressed||(w.isPressed=!0,w.isOverTarget=!0,w.activePointerId=Y.pointerId,w.target=Y.currentTarget,!l&&!p&&dn(Y.currentTarget),f||Ud(w.target),G=N(Y,w.pointerType),T(Et(Y.currentTarget),"pointermove",K,!1),T(Et(Y.currentTarget),"pointerup",j,!1),T(Et(Y.currentTarget),"pointercancel",M,!1)),G&&Y.stopPropagation()},R.onMouseDown=Y=>{Y.currentTarget.contains(Y.target)&&Y.button===0&&(Ta(Y.currentTarget)&&Y.preventDefault(),Y.stopPropagation())},R.onPointerUp=Y=>{!Y.currentTarget.contains(Y.target)||w.pointerType==="virtual"||Y.button===0&&dr(Y,Y.currentTarget)&&x(Y,w.pointerType||Y.pointerType)};let K=Y=>{Y.pointerId===w.activePointerId&&(w.target&&dr(Y,w.target)?!w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!0,N(cn(w.target,Y),w.pointerType)):w.target&&w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!1,I(cn(w.target,Y),w.pointerType,!1),A(Y)))},j=Y=>{Y.pointerId===w.activePointerId&&w.isPressed&&Y.button===0&&w.target&&(dr(Y,w.target)&&w.pointerType!=null?I(cn(w.target,Y),w.pointerType):w.isOverTarget&&w.pointerType!=null&&I(cn(w.target,Y),w.pointerType,!1),w.isPressed=!1,w.isOverTarget=!1,w.activePointerId=null,w.pointerType=null,C(),f||Ps(w.target))},M=Y=>{k(Y)};R.onDragStart=Y=>{Y.currentTarget.contains(Y.target)&&k(Y)}}else{R.onMouseDown=M=>{if(M.button!==0||!M.currentTarget.contains(M.target))return;if(Ta(M.currentTarget)&&M.preventDefault(),w.ignoreEmulatedMouseEvents){M.stopPropagation();return}w.isPressed=!0,w.isOverTarget=!0,w.target=M.currentTarget,w.pointerType=Ha(M.nativeEvent)?"virtual":"mouse",!l&&!p&&dn(M.currentTarget),N(M,w.pointerType)&&M.stopPropagation(),T(Et(M.currentTarget),"mouseup",K,!1)},R.onMouseEnter=M=>{if(!M.currentTarget.contains(M.target))return;let Y=!0;w.isPressed&&!w.ignoreEmulatedMouseEvents&&w.pointerType!=null&&(w.isOverTarget=!0,Y=N(M,w.pointerType)),Y&&M.stopPropagation()},R.onMouseLeave=M=>{if(!M.currentTarget.contains(M.target))return;let Y=!0;w.isPressed&&!w.ignoreEmulatedMouseEvents&&w.pointerType!=null&&(w.isOverTarget=!1,Y=I(M,w.pointerType,!1),A(M)),Y&&M.stopPropagation()},R.onMouseUp=M=>{M.currentTarget.contains(M.target)&&!w.ignoreEmulatedMouseEvents&&M.button===0&&x(M,w.pointerType||"mouse")};let K=M=>{if(M.button===0){if(w.isPressed=!1,C(),w.ignoreEmulatedMouseEvents){w.ignoreEmulatedMouseEvents=!1;return}w.target&&dr(M,w.target)&&w.pointerType!=null?I(cn(w.target,M),w.pointerType):w.target&&w.isOverTarget&&w.pointerType!=null&&I(cn(w.target,M),w.pointerType,!1),w.isOverTarget=!1}};R.onTouchStart=M=>{if(!M.currentTarget.contains(M.target))return;let Y=tk(M.nativeEvent);if(!Y)return;w.activePointerId=Y.identifier,w.ignoreEmulatedMouseEvents=!0,w.isOverTarget=!0,w.isPressed=!0,w.target=M.currentTarget,w.pointerType="touch",!l&&!p&&dn(M.currentTarget),f||Ud(w.target),N(M,w.pointerType)&&M.stopPropagation(),T(jn(M.currentTarget),"scroll",j,!0)},R.onTouchMove=M=>{if(!M.currentTarget.contains(M.target))return;if(!w.isPressed){M.stopPropagation();return}let Y=qd(M.nativeEvent,w.activePointerId),G=!0;Y&&dr(Y,M.currentTarget)?!w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!0,G=N(M,w.pointerType)):w.isOverTarget&&w.pointerType!=null&&(w.isOverTarget=!1,G=I(M,w.pointerType,!1),A(M)),G&&M.stopPropagation()},R.onTouchEnd=M=>{if(!M.currentTarget.contains(M.target))return;if(!w.isPressed){M.stopPropagation();return}let Y=qd(M.nativeEvent,w.activePointerId),G=!0;Y&&dr(Y,M.currentTarget)&&w.pointerType!=null?(x(M,w.pointerType),G=I(M,w.pointerType)):w.isOverTarget&&w.pointerType!=null&&(G=I(M,w.pointerType,!1)),G&&M.stopPropagation(),w.isPressed=!1,w.activePointerId=null,w.isOverTarget=!1,w.ignoreEmulatedMouseEvents=!0,w.target&&!f&&Ps(w.target),C()},R.onTouchCancel=M=>{M.currentTarget.contains(M.target)&&(M.stopPropagation(),w.isPressed&&k(M))};let j=M=>{w.isPressed&&M.target.contains(w.target)&&k({currentTarget:w.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};R.onDragStart=M=>{M.currentTarget.contains(M.target)&&k(M)}}return R},[T,l,p,C,f,k,A,I,N,x]);return _.useEffect(()=>()=>{var w;f||Ps((w=E.current.target)!==null&&w!==void 0?w:void 0)},[f]),{isPressed:c||S,pressProps:In(h,L)}}function gl(e){return e.tagName==="A"&&e.hasAttribute("href")}function ya(e,t){const{key:n,code:r}=e,o=t,a=o.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||r==="Space")&&!(o instanceof jn(o).HTMLInputElement&&!kf(o,n)||o instanceof jn(o).HTMLTextAreaElement||o.isContentEditable)&&!((a==="link"||!a&&gl(o))&&n!=="Enter")}function tk(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function qd(e,t){const n=e.changedTouches;for(let r=0;r<n.length;r++){const o=n[r];if(o.identifier===t)return o}return null}function cn(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function nk(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function rk(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function dr(e,t){let n=t.getBoundingClientRect(),r=nk(e);return rk(n,r)}function Ta(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function Jd(e,t){return e instanceof HTMLInputElement?!kf(e,t):e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!gl(e)}const sk=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function kf(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":sk.has(e.type)}let ms=null,ok=new Set,Gr=new Map,Jn=!1,Ya=!1;function bl(e,t){for(let n of ok)n(e,t)}function ak(e){return!(e.metaKey||!zn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Qs(e){Jn=!0,ak(e)&&(ms="keyboard",bl("keyboard",e))}function It(e){ms="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(Jn=!0,bl("pointer",e))}function If(e){Ha(e)&&(Jn=!0,ms="virtual")}function Mf(e){e.target===window||e.target===document||(!Jn&&!Ya&&(ms="virtual",bl("virtual",e)),Jn=!1,Ya=!1)}function _f(){Jn=!1,Ya=!0}function Zd(e){if(typeof window>"u"||Gr.get(jn(e)))return;const t=jn(e),n=Et(e);let r=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){Jn=!0,r.apply(this,arguments)},n.addEventListener("keydown",Qs,!0),n.addEventListener("keyup",Qs,!0),n.addEventListener("click",If,!0),t.addEventListener("focus",Mf,!0),t.addEventListener("blur",_f,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",It,!0),n.addEventListener("pointermove",It,!0),n.addEventListener("pointerup",It,!0)):(n.addEventListener("mousedown",It,!0),n.addEventListener("mousemove",It,!0),n.addEventListener("mouseup",It,!0)),t.addEventListener("beforeunload",()=>{Rf(e)},{once:!0}),Gr.set(t,{focus:r})}const Rf=(e,t)=>{const n=jn(e),r=Et(e);t&&r.removeEventListener("DOMContentLoaded",t),Gr.has(n)&&(n.HTMLElement.prototype.focus=Gr.get(n).focus,r.removeEventListener("keydown",Qs,!0),r.removeEventListener("keyup",Qs,!0),r.removeEventListener("click",If,!0),n.removeEventListener("focus",Mf,!0),n.removeEventListener("blur",_f,!1),typeof PointerEvent<"u"?(r.removeEventListener("pointerdown",It,!0),r.removeEventListener("pointermove",It,!0),r.removeEventListener("pointerup",It,!0)):(r.removeEventListener("mousedown",It,!0),r.removeEventListener("mousemove",It,!0),r.removeEventListener("mouseup",It,!0)),Gr.delete(n))};function ik(e){const t=Et(e);let n;return t.readyState!=="loading"?Zd(e):(n=()=>{Zd(e)},t.addEventListener("DOMContentLoaded",n)),()=>Rf(e,n)}typeof document<"u"&&ik();function Ua(){return ms}const lk=500;function ck(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:r,onLongPress:o,threshold:a=lk,accessibilityDescription:l}=e;const c=_.useRef();let{addGlobalListener:p,removeGlobalListener:m}=Tf(),{pressProps:f}=xf({isDisabled:t,onPressStart(h){if(h.continuePropagation(),(h.pointerType==="mouse"||h.pointerType==="touch")&&(n&&n({...h,type:"longpressstart"}),c.current=setTimeout(()=>{h.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),o&&o({...h,type:"longpress"}),c.current=void 0},a),h.pointerType==="touch")){let S=v=>{v.preventDefault()};p(h.target,"contextmenu",S,{once:!0}),p(window,"pointerup",()=>{setTimeout(()=>{m(h.target,"contextmenu",S)},30)},{once:!0})}},onPressEnd(h){c.current&&clearTimeout(c.current),r&&(h.pointerType==="mouse"||h.pointerType==="touch")&&r({...h,type:"longpressend"})}}),u=Wx(o&&!t?l:void 0);return{longPressProps:In(f,u)}}function ja(e){const t=Et(e);if(Ua()==="virtual"){let n=t.activeElement;yf(()=>{t.activeElement===n&&e.isConnected&&dn(e)})}else dn(e)}function dk(e){const t=jn(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:r}=e.style,o=n!=="none"&&r!=="hidden"&&r!=="collapse";if(o){const{getComputedStyle:a}=e.ownerDocument.defaultView;let{display:l,visibility:c}=a(e);o=l!=="none"&&c!=="hidden"&&c!=="collapse"}return o}function pk(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function Of(e,t){return e.nodeName!=="#comment"&&dk(e)&&pk(e,t)&&(!e.parentElement||Of(e.parentElement,e))}const vl=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],uk=vl.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";vl.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const mk=vl.join(':not([hidden]):not([tabindex="-1"]),');function Lf(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function Pf(e,t,n){let r=t!=null&&t.tabbable?mk:uk,o=Et(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var l;return!(t==null||(l=t.from)===null||l===void 0)&&l.contains(a)?NodeFilter.FILTER_REJECT:a.matches(r)&&Of(a)&&(!n||Lf(a,n))&&(!(t!=null&&t.accept)||t.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}class yl{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,r){let o=this.fastMap.get(n??null);if(!o)return;let a=new Xd({scopeRef:t});o.addChild(a),a.parent=o,this.fastMap.set(t,a),r&&(a.nodeToRestore=r)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let r=n.parent;for(let a of this.traverse())a!==n&&n.nodeToRestore&&a.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&Lf(a.nodeToRestore,n.scopeRef.current)&&(a.nodeToRestore=n.nodeToRestore);let o=n.children;r&&(r.removeChild(n),o.size>0&&o.forEach(a=>r&&r.addChild(a))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new yl;var r;for(let o of this.traverse())n.addTreeNode(o.scopeRef,(r=(t=o.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&r!==void 0?r:null,o.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new Xd({scopeRef:null}),this.fastMap.set(null,this.root)}}class Xd{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}new yl;function fk(e,t){let n=t==null?void 0:t.isDisabled,[r,o]=_.useState(!1);return us(()=>{if(e!=null&&e.current&&!n){let a=()=>{if(e.current){let c=Pf(e.current,{tabbable:!0});o(!!c.nextNode())}};a();let l=new MutationObserver(a);return l.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{l.disconnect()}}}),n?!1:r}const hk=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),Sk=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function gk(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),r=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(r)return r.direction==="rtl";if(n.script)return hk.has(n.script)}let t=e.split("-")[0];return Sk.has(t)}const bk=Symbol.for("react-aria.i18n.locale");function Bf(){let e=typeof window<"u"&&window[bk]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:gk(e)?"rtl":"ltr"}}let za=Bf(),Kr=new Set;function Qd(){za=Bf();for(let e of Kr)e(za)}function vk(){let e=ff(),[t,n]=_.useState(za);return _.useEffect(()=>(Kr.size===0&&window.addEventListener("languagechange",Qd),Kr.add(n),()=>{Kr.delete(n),Kr.size===0&&window.removeEventListener("languagechange",Qd)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const yk=_.createContext(null);function Af(){let e=vk();return _.useContext(yk)||e}function Tk(e){let{selectionManager:t,keyboardDelegate:n,ref:r,autoFocus:o=!1,shouldFocusWrap:a=!1,disallowEmptySelection:l=!1,disallowSelectAll:c=!1,selectOnFocus:p=t.selectionBehavior==="replace",disallowTypeAhead:m=!1,shouldUseVirtualFocus:f,allowsTabNavigation:u=!1,isVirtualized:h,scrollRef:S=r,linkBehavior:v="action"}=e,{direction:E}=Af(),T=Sl(),C=O=>{if(O.altKey&&O.key==="Tab"&&O.preventDefault(),!r.current.contains(O.target))return;const K=(P,U)=>{if(P!=null){if(t.isLink(P)&&v==="selection"&&p&&!Wa(O)){eo.flushSync(()=>{t.setFocusedKey(P,U)});let ie=S.current.querySelector(`[data-key="${CSS.escape(P.toString())}"]`),Q=t.getItemProps(P);T.open(ie,O,Q.href,Q.routerOptions);return}if(t.setFocusedKey(P,U),t.isLink(P)&&v==="override")return;O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&!Wa(O)&&t.replaceSelection(P)}};switch(O.key){case"ArrowDown":if(n.getKeyBelow){var j,M;O.preventDefault();let P=t.focusedKey!=null?n.getKeyBelow(t.focusedKey):(j=n.getFirstKey)===null||j===void 0?void 0:j.call(n);P==null&&a&&(P=(M=n.getFirstKey)===null||M===void 0?void 0:M.call(n,t.focusedKey)),K(P)}break;case"ArrowUp":if(n.getKeyAbove){var Y,G;O.preventDefault();let P=t.focusedKey!=null?n.getKeyAbove(t.focusedKey):(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n);P==null&&a&&(P=(G=n.getLastKey)===null||G===void 0?void 0:G.call(n,t.focusedKey)),K(P)}break;case"ArrowLeft":if(n.getKeyLeftOf){var Z,$;O.preventDefault();let P=n.getKeyLeftOf(t.focusedKey);P==null&&a&&(P=E==="rtl"?(Z=n.getFirstKey)===null||Z===void 0?void 0:Z.call(n,t.focusedKey):($=n.getLastKey)===null||$===void 0?void 0:$.call(n,t.focusedKey)),K(P,E==="rtl"?"first":"last")}break;case"ArrowRight":if(n.getKeyRightOf){var z,le;O.preventDefault();let P=n.getKeyRightOf(t.focusedKey);P==null&&a&&(P=E==="rtl"?(z=n.getLastKey)===null||z===void 0?void 0:z.call(n,t.focusedKey):(le=n.getFirstKey)===null||le===void 0?void 0:le.call(n,t.focusedKey)),K(P,E==="rtl"?"last":"first")}break;case"Home":if(n.getFirstKey){O.preventDefault();let P=n.getFirstKey(t.focusedKey,fr(O));t.setFocusedKey(P),fr(O)&&O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"End":if(n.getLastKey){O.preventDefault();let P=n.getLastKey(t.focusedKey,fr(O));t.setFocusedKey(P),fr(O)&&O.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"PageDown":if(n.getKeyPageBelow){O.preventDefault();let P=n.getKeyPageBelow(t.focusedKey);K(P)}break;case"PageUp":if(n.getKeyPageAbove){O.preventDefault();let P=n.getKeyPageAbove(t.focusedKey);K(P)}break;case"a":fr(O)&&t.selectionMode==="multiple"&&c!==!0&&(O.preventDefault(),t.selectAll());break;case"Escape":!l&&t.selectedKeys.size!==0&&(O.stopPropagation(),O.preventDefault(),t.clearSelection());break;case"Tab":if(!u){if(O.shiftKey)r.current.focus();else{let P=Pf(r.current,{tabbable:!0}),U,ie;do ie=P.lastChild(),ie&&(U=ie);while(ie);U&&!U.contains(document.activeElement)&&dn(U)}break}}},N=_.useRef({top:0,left:0});Gx(S,"scroll",h?null:()=>{N.current={top:S.current.scrollTop,left:S.current.scrollLeft}});let I=O=>{if(t.isFocused){O.currentTarget.contains(O.target)||t.setFocused(!1);return}if(O.currentTarget.contains(O.target)){if(t.setFocused(!0),t.focusedKey==null){let M=G=>{G!=null&&(t.setFocusedKey(G),p&&t.replaceSelection(G))},Y=O.relatedTarget;var K,j;Y&&O.currentTarget.compareDocumentPosition(Y)&Node.DOCUMENT_POSITION_FOLLOWING?M((K=t.lastSelectedKey)!==null&&K!==void 0?K:n.getLastKey()):M((j=t.firstSelectedKey)!==null&&j!==void 0?j:n.getFirstKey())}else h||(S.current.scrollTop=N.current.top,S.current.scrollLeft=N.current.left);if(!h&&t.focusedKey!=null){let M=S.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);M&&(M.contains(document.activeElement)||dn(M),Ua()==="keyboard"&&Yd(M,{containingElement:r.current}))}}},x=O=>{O.currentTarget.contains(O.relatedTarget)||t.setFocused(!1)};const k=_.useRef(o);_.useEffect(()=>{if(k.current){let O=null;o==="first"&&(O=n.getFirstKey()),o==="last"&&(O=n.getLastKey());let K=t.selectedKeys;if(K.size){for(let j of K)if(t.canSelectItem(j)){O=j;break}}t.setFocused(!0),t.setFocusedKey(O),O==null&&!f&&ja(r.current)}},[]);let A=_.useRef(t.focusedKey);_.useEffect(()=>{let O=Ua();if(t.isFocused&&t.focusedKey!=null&&(S!=null&&S.current)){let K=S.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);K&&(O==="keyboard"||k.current)&&(h||wf(S.current,K),O!=="virtual"&&Yd(K,{containingElement:r.current}))}t.isFocused&&t.focusedKey==null&&A.current!=null&&ja(r.current),A.current=t.focusedKey,k.current=!1},[h,S,t.focusedKey,t.isFocused,r]);let L={onKeyDown:C,onFocus:I,onBlur:x,onMouseDown(O){S.current===O.target&&O.preventDefault()}},{typeSelectProps:w}=jx({keyboardDelegate:n,selectionManager:t});m||(L=In(w,L));let R;return f||(R=t.focusedKey==null?0:-1),{collectionProps:{...L,tabIndex:R}}}function Ek(e){let{selectionManager:t,key:n,ref:r,shouldSelectOnPressUp:o,shouldUseVirtualFocus:a,focus:l,isDisabled:c,onAction:p,allowsDifferentPressOrigin:m,linkBehavior:f="action"}=e,u=Sl(),h=$=>{if($.pointerType==="keyboard"&&Wa($))t.toggleSelection(n);else{if(t.selectionMode==="none")return;if(t.isLink(n)){if(f==="selection"){let z=t.getItemProps(n);u.open(r.current,$,z.href,z.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(f==="override"||f==="none")return}t.selectionMode==="single"?t.isSelected(n)&&!t.disallowEmptySelection?t.toggleSelection(n):t.replaceSelection(n):$&&$.shiftKey?t.extendSelection(n):t.selectionBehavior==="toggle"||$&&(fr($)||$.pointerType==="touch"||$.pointerType==="virtual")?t.toggleSelection(n):t.replaceSelection(n)}};_.useEffect(()=>{n===t.focusedKey&&t.isFocused&&!a&&(l?l():document.activeElement!==r.current&&ja(r.current))},[r,n,t.focusedKey,t.childFocusStrategy,t.isFocused,a]),c=c||t.isDisabled(n);let S={};!a&&!c?S={tabIndex:n===t.focusedKey?0:-1,onFocus($){$.target===r.current&&t.setFocusedKey(n)}}:c&&(S.onMouseDown=$=>{$.preventDefault()});let v=t.isLink(n)&&f==="override",E=t.isLink(n)&&f!=="selection"&&f!=="none",T=!c&&t.canSelectItem(n)&&!v,C=(p||E)&&!c,N=C&&(t.selectionBehavior==="replace"?!T:!T||t.isEmpty),I=C&&T&&t.selectionBehavior==="replace",x=N||I,k=_.useRef(null),A=x&&T,L=_.useRef(!1),w=_.useRef(!1),R=$=>{if(p&&p(),E){let z=t.getItemProps(n);u.open(r.current,$,z.href,z.routerOptions)}},O={};o?(O.onPressStart=$=>{k.current=$.pointerType,L.current=A,$.pointerType==="keyboard"&&(!x||tp())&&h($)},m?(O.onPressUp=N?null:$=>{$.pointerType!=="keyboard"&&T&&h($)},O.onPress=N?R:null):O.onPress=$=>{if(N||I&&$.pointerType!=="mouse"){if($.pointerType==="keyboard"&&!ep())return;R($)}else $.pointerType!=="keyboard"&&T&&h($)}):(O.onPressStart=$=>{k.current=$.pointerType,L.current=A,w.current=N,T&&($.pointerType==="mouse"&&!N||$.pointerType==="keyboard"&&(!C||tp()))&&h($)},O.onPress=$=>{($.pointerType==="touch"||$.pointerType==="pen"||$.pointerType==="virtual"||$.pointerType==="keyboard"&&x&&ep()||$.pointerType==="mouse"&&w.current)&&(x?R($):T&&h($))}),S["data-key"]=n,O.preventFocusOnPress=a;let{pressProps:K,isPressed:j}=xf(O),M=I?$=>{k.current==="mouse"&&($.stopPropagation(),$.preventDefault(),R($))}:void 0,{longPressProps:Y}=ck({isDisabled:!A,onLongPress($){$.pointerType==="touch"&&(h($),t.setSelectionBehavior("toggle"))}}),G=$=>{k.current==="touch"&&L.current&&$.preventDefault()},Z=t.isLink(n)?$=>{qn.isOpening||$.preventDefault()}:void 0;return{itemProps:In(S,T||N?K:{},A?Y:{},{onDoubleClick:M,onDragStartCapture:G,onClick:Z}),isPressed:j,isSelected:t.isSelected(n),isFocused:t.isFocused&&t.focusedKey===n,isDisabled:c,allowsSelection:T,hasAction:x}}function ep(){let e=window.event;return(e==null?void 0:e.key)==="Enter"}function tp(){let e=window.event;return(e==null?void 0:e.key)===" "||(e==null?void 0:e.code)==="Space"}function wk(e,t,n){let{key:r,isDisabled:o,shouldSelectOnPressUp:a}=e,{selectionManager:l,selectedKey:c}=t,p=r===c,m=o||t.isDisabled||t.selectionManager.isDisabled(r),{itemProps:f,isPressed:u}=Ek({selectionManager:l,key:r,ref:n,isDisabled:m,shouldSelectOnPressUp:a,linkBehavior:"selection"}),h=Js(t,r,"tab"),S=Js(t,r,"tabpanel"),{tabIndex:v}=f,E=t.collection.getItem(r),T=Nx(E==null?void 0:E.props,{labelable:!0});delete T.id;let C=Fx(E==null?void 0:E.props);return{tabProps:In(T,C,f,{id:h,"aria-selected":p,"aria-disabled":m||void 0,"aria-controls":p?S:void 0,tabIndex:m?void 0:v,role:"tab"}),isSelected:p,isDisabled:m,isPressed:u}}function Ck(e,t,n){let r=fk(n)?void 0:0;var o;const a=Js(t,(o=e.id)!==null&&o!==void 0?o:t==null?void 0:t.selectedKey,"tabpanel"),l=Ef({...e,id:a,"aria-labelledby":Js(t,t==null?void 0:t.selectedKey,"tab")});return{tabPanelProps:In(l,{tabIndex:r,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class Dk{getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}getKeyAbove(t){return this.getPreviousKey(t)}getKeyBelow(t){return this.getNextKey(t)}isDisabled(t){var n,r;return this.disabledKeys.has(t)||!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.isDisabled)}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.isDisabled(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.isDisabled(t));return t}constructor(t,n,r,o=new Set){this.collection=t,this.flipDirection=n==="rtl"&&r==="horizontal",this.disabledKeys=o}}function Nk(e,t,n){let{orientation:r="horizontal",keyboardActivation:o="automatic"}=e,{collection:a,selectionManager:l,disabledKeys:c}=t,{direction:p}=Af(),m=_.useMemo(()=>new Dk(a,p,r,c),[a,c,r,p]),{collectionProps:f}=Tk({ref:n,selectionManager:l,keyboardDelegate:m,selectOnFocus:o==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),u=hf();uf.set(t,u);let h=Ef({...e,id:u});return{tabListProps:{...In(f,h),role:"tablist","aria-orientation":r,tabIndex:void 0}}}function Ff({item:e,state:t}){const{key:n}=e,r=s.useRef(null),{tabProps:o}=wk({key:n},t,r),a=t.selectedKey===n,l=t.disabledKeys.has(n);return s.createElement("div",{...o,ref:r,className:W("sps-nav__item","sps-nav__link",a&&"active",l&&"sps-nav__item--disabled")},e.rendered)}function Vf({state:e,...t}){const n=s.useRef(null),{tabPanelProps:r}=Ck(t,e,n);return s.createElement("div",{...r,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class np{*[Symbol.iterator](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){let n=this.keyMap.get(t);return(n==null?void 0:n.childNodes)||[]}constructor(t){this.keyMap=new Map,this.iterable=t;let n=a=>{if(this.keyMap.set(a.key,a),a.childNodes&&a.type==="section")for(let l of a.childNodes)n(l)};for(let a of t)n(a);let r,o=0;for(let[a,l]of this.keyMap)r?(r.nextKey=a,l.prevKey=r.key):(this.firstKey=a,l.prevKey=void 0),l.type==="item"&&(l.index=o++),r=l,r.nextKey=void 0;this.lastKey=r==null?void 0:r.key}}class Kt extends Set{constructor(t,n,r){super(t),t instanceof Kt?(this.anchorKey=n||t.anchorKey,this.currentKey=r||t.currentKey):(this.anchorKey=n,this.currentKey=r)}}function xk(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function kk(e){let{selectionMode:t="none",disallowEmptySelection:n,allowDuplicateSelectionEvents:r,selectionBehavior:o="toggle",disabledBehavior:a="all"}=e,l=_.useRef(!1),[,c]=_.useState(!1),p=_.useRef(null),m=_.useRef(null),[,f]=_.useState(null),u=_.useMemo(()=>rp(e.selectedKeys),[e.selectedKeys]),h=_.useMemo(()=>rp(e.defaultSelectedKeys,new Kt),[e.defaultSelectedKeys]),[S,v]=Cf(u,h,e.onSelectionChange),E=_.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[T,C]=_.useState(o);o==="replace"&&T==="toggle"&&typeof S=="object"&&S.size===0&&C("replace");let N=_.useRef(o);return _.useEffect(()=>{o!==N.current&&(C(o),N.current=o)},[o]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:T,setSelectionBehavior:C,get isFocused(){return l.current},setFocused(I){l.current=I,c(I)},get focusedKey(){return p.current},get childFocusStrategy(){return m.current},setFocusedKey(I,x="first"){p.current=I,m.current=x,f(I)},selectedKeys:S,setSelectedKeys(I){(r||!xk(I,S))&&v(I)},disabledKeys:E,disabledBehavior:a}}function rp(e,t){return e?e==="all"?"all":new Kt(e):t}class Ik{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(r=>n.has(r)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let r=this.collection.getItem(n);(!t||r&&pr.compareNodeOrder(this.collection,r,t)<0)&&(t=r)}return t==null?void 0:t.key}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let r=this.collection.getItem(n);(!t||r&&pr.compareNodeOrder(this.collection,r,t)>0)&&(t=r)}return t==null?void 0:t.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new Kt([t],t,t);else{let r=this.state.selectedKeys,o=r.anchorKey||t;n=new Kt(r,o,t);for(let a of this.getKeyRange(o,r.currentKey||t))n.delete(a);for(let a of this.getKeyRange(t,o))this.canSelectItem(a)&&n.add(a)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let r=this.collection.getItem(t),o=this.collection.getItem(n);return r&&o?pr.compareNodeOrder(this.collection,r,o)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){let r=[],o=t;for(;o;){let a=this.collection.getItem(o);if((a&&a.type==="item"||a.type==="cell"&&this.allowsCellSelection)&&r.push(o),o===n)return r;o=this.collection.getKeyAfter(o)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}if(t=this.getKey(t),t==null)return;let n=new Kt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):this.canSelectItem(t)&&(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){if(this.selectionMode==="none"||(t=this.getKey(t),t==null))return;let n=this.canSelectItem(t)?new Kt([t],t,t):new Kt;this.state.setSelectedKeys(n)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new Kt;for(let r of t)if(r=this.getKey(r),r!=null&&(n.add(r),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=r=>{for(;r;){if(this.canSelectItem(r)){let o=this.collection.getItem(r);o.type==="item"&&t.push(r),o.hasChildNodes&&(this.allowsCellSelection||o.type!=="item")&&n(pr.getFirstItem(pr.getChildNodes(o,this.collection)).key)}r=this.collection.getKeyAfter(r)}};return n(this.collection.getFirstKey()),t}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new Kt)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let r of t)if(!n.has(r))return!1;for(let r of n)if(!t.has(r))return!1;return!0}canSelectItem(t){var n;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let r=this.collection.getItem(t);return!(!r||!(r==null||(n=r.props)===null||n===void 0)&&n.isDisabled||r.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){var n,r;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.isDisabled))}isLink(t){var n,r;return!!(!((r=this.collection.getItem(t))===null||r===void 0||(n=r.props)===null||n===void 0)&&n.href)}getItemProps(t){var n;return(n=this.collection.getItem(t))===null||n===void 0?void 0:n.props}constructor(t,n,r){this.collection=t,this.state=n;var o;this.allowsCellSelection=(o=r==null?void 0:r.allowsCellSelection)!==null&&o!==void 0?o:!1,this._isSelectAll=null}}function Mk(e){let{filter:t}=e,n=kk(e),r=_.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),o=_.useCallback(m=>t?new np(t(m)):new np(m),[t]),a=_.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=pr.useCollection(e,o,a),c=_.useMemo(()=>new Ik(l,n),[l,n]);const p=_.useRef(null);return _.useEffect(()=>{if(n.focusedKey!=null&&!l.getItem(n.focusedKey)){const m=p.current.getItem(n.focusedKey),f=[...p.current.getKeys()].map(E=>{const T=p.current.getItem(E);return T.type==="item"?T:null}).filter(E=>E!==null),u=[...l.getKeys()].map(E=>{const T=l.getItem(E);return T.type==="item"?T:null}).filter(E=>E!==null),h=f.length-u.length;let S=Math.min(h>1?Math.max(m.index-h+1,0):m.index,u.length-1),v;for(;S>=0;){if(!c.isDisabled(u[S].key)){v=u[S];break}S<u.length-1?S++:(S>m.index&&(S=m.index),S--)}n.setFocusedKey(v?v.key:null)}p.current=l},[l,c,n,n.focusedKey]),{collection:l,disabledKeys:r,selectionManager:c}}function _k(e){var t;let[n,r]=Cf(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),o=_.useMemo(()=>n!=null?[n]:[],[n]),{collection:a,disabledKeys:l,selectionManager:c}=Mk({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:m=>{var f;let u=(f=m.values().next().value)!==null&&f!==void 0?f:null;u===n&&e.onSelectionChange&&e.onSelectionChange(u),r(u)}}),p=n!=null?a.getItem(n):null;return{collection:a,disabledKeys:l,selectionManager:c,selectedKey:n,setSelectedKey:r,selectedItem:p}}function Rk(e){var t;let n=_k({...e,suppressTextValueWarning:!0,defaultSelectedKey:(t=e.defaultSelectedKey)!==null&&t!==void 0?t:sp(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)}),{selectionManager:r,collection:o,selectedKey:a}=n,l=_.useRef(a);return _.useEffect(()=>{let c=a;(r.isEmpty||!o.getItem(c))&&(c=sp(o,n.disabledKeys),c!=null&&r.setSelectedKeys([c])),(c!=null&&r.focusedKey==null||!r.isFocused&&c!==l.current)&&r.setFocusedKey(c),l.current=c}),{...n,isDisabled:e.isDisabled||!1}}function sp(e,t){let n=null;if(e){for(n=e.getFirstKey();t.has(n)&&n!==e.getLastKey();)n=e.getKeyAfter(n);t.has(n)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const Ok={},Lk={};function Tl(e){const t=Rk(e),n=s.useRef(null),{tabListProps:r}=Nk(e,t,n);return s.createElement(s.Fragment,null,s.createElement("div",{...r,ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...t.collection].map(o=>s.createElement(Ff,{key:o.key,item:o,state:t}))),s.createElement(Vf,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(Tl,{props:Ok,propTypes:Lk,displayName:"SpsTabsV2"});const Pk={};function El({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__footer",t),...n},e)}Object.assign(El,{props:Pk,displayName:"SpsCardV2Footer"});const Bk={};function wl({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__header",t),...n},e)}Object.assign(wl,{props:Bk,displayName:"SpsCardV2Header"});const Ak={};function $f({children:e,className:t,...n}){const[r,o,a,l,c]=Lt(e,[{type:wl},{type:Tl},{type:Xb.Tabs},{type:El}]),p=o.length>0?o:a;return s.createElement("div",{className:W("sps-card",t),...n},r,p.length>0?p:s.createElement("div",{className:"sps-card__body"},c),l)}Object.assign($f,{props:Ak,displayName:"SpsCardV2"});const Fk={};function Kf({children:e,className:t,...n}){return s.createElement("div",{className:W("sps-card__title",t),...n},e)}Object.assign(Kf,{props:Fk,displayName:"SpsCardV2Title"});const Vk={...qu,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Hf(e){const{children:t,className:n,controlsDisabled:r,footerLinks:o,formArray:a,formGroup:l,formMeta:c,isOpen:p,onClear:m,onSubmit:f,unsafelyReplaceClassName:u,...h}=e,{t:S}=s.useContext($e);function v(){m&&m()}const E=W(u||"sps-advanced-search",p&&"sps-advanced-search--open",n);return s.createElement("div",{className:E,...h},s.createElement(ps,{onSubmit:f,formArray:a,formGroup:l,formMeta:c},s.createElement("div",{className:"sps-advanced-search__form"},t),s.createElement("div",{className:"sps-advanced-search__footer"},o&&s.createElement("div",{id:"footer_links"},yt(o)),s.createElement("div",{className:"sps-advanced-search__footer-controls"},s.createElement(je,{kind:H.ButtonKind.DEFAULT,type:H.ButtonType.BUTTON,className:"mr-2",onClick:v,disabled:r},S("design-system:advancedSearch.clear")),s.createElement(je,{kind:H.ButtonKind.KEY,type:H.ButtonType.SUBMIT,disabled:r},S("design-system:advancedSearch.search"))))))}Object.assign(Hf,{props:Vk,displayName:"SpsAdvancedSearch"});const $k={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>s.createElement(s.Fragment,null,s.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),s.createElement("p",null,"Advanced Search works in conjunction with the"," ",s.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",s.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),s.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",s.createElement("ul",null,s.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),s.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",s.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",s.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",s.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:y.code`
|
|
8931
8931
|
import {
|
|
8932
8932
|
SpsListToolbar,
|
|
8933
8933
|
SpsListToolbarSearch,
|
|
@@ -9158,7 +9158,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
|
|
|
9158
9158
|
</SpsAdvancedSearch>
|
|
9159
9159
|
</>;
|
|
9160
9160
|
}
|
|
9161
|
-
`}}}},Kk=function({viewing:e,in:t,onChange:n}){return s.createElement("div",{className:"sps-context-bar"},"Viewing",s.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&s.createElement(s.Fragment,null,"in",s.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&s.createElement(je,{className:"sps-context-bar__change-button",kind:H.ButtonKind.LINK,onClick:n},"Change"))},Hk={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function Wk(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function Gk(e){return typeof e=="number"?e.toFixed(2):""}function Wf({className:e,disabled:t=!1,formMeta:n,id:r,name:o,onChange:a,ref:l,title:c,value:p,...m}){const{wrapperId:f,controlId:u}=
|
|
9161
|
+
`}}}},Kk=function({viewing:e,in:t,onChange:n}){return s.createElement("div",{className:"sps-context-bar"},"Viewing",s.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&s.createElement(s.Fragment,null,"in",s.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&s.createElement(je,{className:"sps-context-bar__change-button",kind:H.ButtonKind.LINK,onClick:n},"Change"))},Hk={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function Wk(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function Gk(e){return typeof e=="number"?e.toFixed(2):""}function Wf({className:e,disabled:t=!1,formMeta:n,id:r,name:o,onChange:a,ref:l,title:c,value:p,...m}){const{wrapperId:f,controlId:u}=Tt(r,n),h=s.useRef(null);function S(N){n&&(n.setValue(N),n.markAsDirty()),a&&a(N)}function v(){S(null)}function E(N){S(Wk(N.target.value))}function T(N){N.currentTarget.setSelectionRange(N.currentTarget.value.length,N.currentTarget.value.length)}const C=W("sps-text-input",e);return s.createElement(ct,{id:f,className:C,formMeta:n,inputRef:h,ref:l},s.createElement("div",{className:W("sps-form-control",t&&"disabled")},s.createElement(Gt,{className:"sps-text-input__icon",icon:H.SpsIcon.DOLLAR_SIGN}),s.createElement("input",{type:"text",ref:h,onFocus:T,className:"sps-text-input__input",id:u,name:o,placeholder:"0.00",onChange:E,title:c,value:Gk(p),disabled:t,...m}),p!==null&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:v})))}Object.assign(Wf,{props:Hk,displayName:"SpsCurrencyInput"});const Yk={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
9162
9162
|
import {
|
|
9163
9163
|
useSpsForm,
|
|
9164
9164
|
SpsCurrencyInput,
|
|
@@ -9363,7 +9363,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
|
|
|
9363
9363
|
</>
|
|
9364
9364
|
);
|
|
9365
9365
|
}
|
|
9366
|
-
`}}}},Zk={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function Nl(e){const{children:t,className:n,imgSrc:r,kind:o=H.GrowlerKind.INFO,onClose:a,persist:l,title:c,unsafelyReplaceClassName:p,...m}=e,f=s.useRef(a);s.useEffect(()=>{f.current=a},[a]);const{t:u}=s.useContext($e),[h,S]=s.useState(!0),[v,E]=s.useState(!1);function T(){return[window.setTimeout(()=>E(!0),H.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{S(!1),f.current&&f.current()},H.GROWLER_VISIBLE_DURATION_MS+H.GROWLER_FADEOUT_DURATION_MS)]}const C=s.useRef([]);function N(){l||(C.current=T())}function I(){for(const R of C.current)window.clearTimeout(R);C.current=[]}function x(){I(),S(!0),E(!1)}function k(){x(),E(!1),S(!1),a&&a()}const A=o===H.GrowlerKind.PROGRESS?"sps-spinner":W("sps-icon",`sps-icon-${H.GrowlerIcon.get(o)}`),L=W(p||"sps-growler",h&&"show",v&&"fade",`sps-growler--${o}`,n);return s.useEffect(()=>(N(),()=>{I()}),[]),wr("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(s.createElement("div",{role:"alert",className:L,onMouseEnter:x,onMouseLeave:N,...m},s.createElement("div",{className:"sps-growler__icon-box"},r&&s.createElement("img",{src:r,alt:""}),!r&&s.createElement("i",{className:A,"aria-hidden":"true"})),s.createElement("div",{className:"sps-growler__message-box"},s.createElement("div",{className:"sps-growler__message-box-text"},c&&s.createElement("span",{className:"sps-growler__message-box-title d-block"},c),s.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),s.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:k},s.createElement("i",{className:"sps-icon sps-icon-x",title:u("design-system:growler.dismiss")})))))}Object.assign(Nl,{props:Zk,displayName:"SpsGrowler"});function Xk(){const[e,t]=s.useState([]),n=s.useCallback(()=>e.map(o=>s.createElement(Nl,{id:o.id,key:o.id,title:o.title,kind:o.kind,imgSrc:o.imgSrc,persist:o.persist,onClose:()=>{o.onClose&&o.onClose(),o.closed=!0,e.every(a=>a.closed)&&t([])}},
|
|
9366
|
+
`}}}},Zk={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function Nl(e){const{children:t,className:n,imgSrc:r,kind:o=H.GrowlerKind.INFO,onClose:a,persist:l,title:c,unsafelyReplaceClassName:p,...m}=e,f=s.useRef(a);s.useEffect(()=>{f.current=a},[a]);const{t:u}=s.useContext($e),[h,S]=s.useState(!0),[v,E]=s.useState(!1);function T(){return[window.setTimeout(()=>E(!0),H.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{S(!1),f.current&&f.current()},H.GROWLER_VISIBLE_DURATION_MS+H.GROWLER_FADEOUT_DURATION_MS)]}const C=s.useRef([]);function N(){l||(C.current=T())}function I(){for(const R of C.current)window.clearTimeout(R);C.current=[]}function x(){I(),S(!0),E(!1)}function k(){x(),E(!1),S(!1),a&&a()}const A=o===H.GrowlerKind.PROGRESS?"sps-spinner":W("sps-icon",`sps-icon-${H.GrowlerIcon.get(o)}`),L=W(p||"sps-growler",h&&"show",v&&"fade",`sps-growler--${o}`,n);return s.useEffect(()=>(N(),()=>{I()}),[]),wr("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(s.createElement("div",{role:"alert",className:L,onMouseEnter:x,onMouseLeave:N,...m},s.createElement("div",{className:"sps-growler__icon-box"},r&&s.createElement("img",{src:r,alt:""}),!r&&s.createElement("i",{className:A,"aria-hidden":"true"})),s.createElement("div",{className:"sps-growler__message-box"},s.createElement("div",{className:"sps-growler__message-box-text"},c&&s.createElement("span",{className:"sps-growler__message-box-title d-block"},c),s.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),s.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:k},s.createElement("i",{className:"sps-icon sps-icon-x",title:u("design-system:growler.dismiss")})))))}Object.assign(Nl,{props:Zk,displayName:"SpsGrowler"});function Xk(){const[e,t]=s.useState([]),n=s.useCallback(()=>e.map(o=>s.createElement(Nl,{id:o.id,key:o.id,title:o.title,kind:o.kind,imgSrc:o.imgSrc,persist:o.persist,onClose:()=>{o.onClose&&o.onClose(),o.closed=!0,e.every(a=>a.closed)&&t([])}},yt(o.content))),[e]),r=s.useCallback(o=>{t(a=>[...a,{...o,kind:o.kind||H.GrowlerKind.INFO,id:o.id||gt()}])},[]);return[n,r]}const Qk={writingGuidelines:{label:"Writing Guidelines",customSection:()=>s.createElement(s.Fragment,null,s.createElement("p",null,"Use the following guidelines to write an effective Growler message."),s.createElement("ul",null,s.createElement("li",null,"Write all messages in sentence case.",s.createElement("ul",null,s.createElement("li",null,"Capitalize the first word of the message."),s.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),s.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),s.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),s.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),s.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",s.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>s.createElement(s.Fragment,null,s.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),s.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:y.code`
|
|
9367
9367
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
9368
9368
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
9369
9369
|
|
|
@@ -10934,7 +10934,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
|
|
|
10934
10934
|
</SpsCard>
|
|
10935
10935
|
)
|
|
10936
10936
|
}
|
|
10937
|
-
`}}}},RI={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean"};function ch(e){const{className:t,href:n,target:r,icon:o,error:a=!1,errorIcon:l,title:c,unsafelyReplaceClassName:p,warning:m=!1,warningIcon:f,disabled:u=!1,...
|
|
10937
|
+
`}}}},RI={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean",tagElement:"ReactNodeOrRenderFn"};function ch(e){const{className:t,href:n,target:r,icon:o,error:a=!1,errorIcon:l,title:c,unsafelyReplaceClassName:p,warning:m=!1,warningIcon:f,disabled:u=!1,tagElement:h,...S}=e,v=W(p||"sps-tile",t,a&&"sps-tile--error",m&&"sps-tile--warning",u&&"sps-tile--disabled");return s.useEffect(()=>{if(m&&a)throw new Error("Tile should have warning or error, not both")},[m,a]),s.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},s.createElement("a",{className:v,href:u?void 0:n,target:r,rel:r==="_blank"?"noopener noreferrer":void 0,...S},(m||a)&&s.createElement("div",{className:"sps-tile--icon"},m&&(f?yt(f):s.createElement("i",{className:W("sps-icon","sps-icon-status-warning")})),a&&(l?yt(l):s.createElement("i",{className:W("sps-icon","sps-icon-ban")}))),h&&s.createElement("div",{className:"sps-tile--tag"},yt(h)),s.createElement("div",{className:"sps-tile--content"},s.createElement("div",{className:"sps-tile--image"},typeof o=="string"?s.createElement("img",{className:"sps-tile--image",src:o,alt:""}):yt(o)),s.createElement("div",{className:"sps-tile--title"},s.createElement("p",null,c,r==="_blank"&&s.createElement("i",{className:W("sps-icon","sps-icon-tabs")}))))))}Object.assign(ch,{props:RI,displayName:"SpsTile"});const OI={};function dh(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":r,className:o,...a}=e,l=W(n||"sps-tile-list",o||"sfg-row");return s.createElement("div",{className:l,"data-testid":r,...a},t)}Object.assign(dh,{props:OI,displayName:"SpsTileList"});const LI={basic:{label:"Basic",examples:{basic:{react:y.code`
|
|
10938
10938
|
import { SpsTileList, SpsTile } from "@spscommerce/ds-react";
|
|
10939
10939
|
function Component() {
|
|
10940
10940
|
const apps = [
|
|
@@ -11306,4 +11306,4 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
|
|
|
11306
11306
|
</SpsCard>
|
|
11307
11307
|
</div>
|
|
11308
11308
|
</div>
|
|
11309
|
-
`}}}};exports.AsTypingErrorKeys=Er;exports.ContentOrderExample=Qf;exports.DEFAULT_DATETIME_PRESETS=nm;exports.DEFAULT_PRESETS=$a;exports.DragDropContext=Vu;exports.Draggable=ju;exports.Droppable=Mi;exports.FauxChangeEvent=Dn;exports.I18nContext=$e;exports.MANIFEST=cx;exports.ModalAction=eh;exports.OnBlurErrorKeys=Nt;exports.OnSubmitErrorKeys=to;exports.PortalContext=Ot;exports.PreventativeErrorKeys=pn;exports.Provide=Ep;exports.SimpleDateUtils=X;exports.SpsAddRemoveFormRowExamples=eN;exports.SpsAdvancedSearch=Hf;exports.SpsAdvancedSearchExamples=$k;exports.SpsApp=Wv;exports.SpsAutocomplete=zt;exports.SpsAutocompleteExamples=Cp;exports.SpsButton=je;exports.SpsButtonExamples=LN;exports.SpsButtonGroup=Mm;exports.SpsCard=Ri;exports.SpsCardTabbedPane=_i;exports.SpsCardV2=$f;exports.SpsCardV2Footer=El;exports.SpsCardV2Header=wl;exports.SpsCardV2Title=Kf;exports.SpsCheckbox=Zn;exports.SpsCheckboxDropdown=$i;exports.SpsCheckboxExamples=Dp;exports.SpsClickableTag=ss;exports.SpsClickableTagExamples=Np;exports.SpsColumnChooser=Li;exports.SpsColumnChooserColumn=po;exports.SpsColumnChooserExamples=Zu;exports.SpsConditionalField=pl;exports.SpsConditionalFieldExamples=cf;exports.SpsContentRow=Pi;exports.SpsContentRowCol=Hn;exports.SpsContentRowExamples=Xu;exports.SpsContentRowExpansion=uo;exports.SpsContextBar=Kk;exports.SpsCurrencyInput=Wf;exports.SpsCurrencyInputExamples=Yk;exports.SpsDateRangePicker=Ai;exports.SpsDateRangePickerExamples=em;exports.SpsDateTime=Vi;exports.SpsDateTimeRangePicker=Fi;exports.SpsDateTimeRangePickerExamples=rm;exports.SpsDatepicker=Bi;exports.SpsDatepickerExamples=Qu;exports.SpsDatetimeExamples=sm;exports.SpsDd=lm;exports.SpsDescriptionList=ho;exports.SpsDescriptionListDefinition=So;exports.SpsDescriptionListExamples=pm;exports.SpsDescriptionListTerm=go;exports.SpsDl=am;exports.SpsDropdown=Qn;exports.SpsDropdownExamples=um;exports.SpsDt=dm;exports.SpsFeedbackBlock=Gf;exports.SpsFeedbackBlockExamples=jk;exports.SpsFieldset=Ki;exports.SpsFieldsetExamples=mm;exports.SpsFilterPanel=il;exports.SpsFilterPanelCap=cl;exports.SpsFilterPanelExamples=lf;exports.SpsFilterPanelFilterBox=dl;exports.SpsFilterPanelSection=ll;exports.SpsFilterTile=ph;exports.SpsFilterTileList=uh;exports.SpsFilterTileListExamples=AI;exports.SpsFocusedTask=Dl;exports.SpsFocusedTaskActions=Cl;exports.SpsFocusedTaskExamples=Jk;exports.SpsForm=ps;exports.SpsFormArrayMeta=gp;exports.SpsFormComponentWrapper=ct;exports.SpsFormExamples=Ju;exports.SpsFormFieldMeta=jr;exports.SpsFormGroupMeta=Sp;exports.SpsFormMetaBase=$n;exports.SpsFormSetMeta=Kn;exports.SpsGrowler=Nl;exports.SpsGrowlerExamples=Qk;exports.SpsI=Gt;exports.SpsIconButtonPanel=_m;exports.SpsIncrementor=Hi;exports.SpsIncrementorExamples=fm;exports.SpsInputGroup=Tr;exports.SpsInsightTile=Yf;exports.SpsInsights=eI;exports.SpsKeyValueList=Uf;exports.SpsKeyValueListItem=jf;exports.SpsKeyValueTag=zf;exports.SpsKeyValueTagExamples=oI;exports.SpsLabel=Wi;exports.SpsLabelExamples=hm;exports.SpsListActionBar=Gi;exports.SpsListActionBarExamples=Om;exports.SpsListToolbar=Zf;exports.SpsListToolbarExamples=mI;exports.SpsListToolbarSearch=kl;exports.SpsListToolbarSearchInfo=Il;exports.SpsListToolbarSortBy=Xf;exports.SpsMicroBlock=Yi;exports.SpsMicroBlockExamples=Lm;exports.SpsMicroZeroState=hh;exports.SpsModal=Ui;exports.SpsModalExamples=Bm;exports.SpsModalFooter=vo;exports.SpsMultiSelect=zi;exports.SpsMultiSelectExamples=Am;exports.SpsMultiValueTextInput=ul;exports.SpsMultiValueTextInputExamples=df;exports.SpsPageSelector=yo;exports.SpsPageSubtitle=nh;exports.SpsPageTitle=th;exports.SpsPageTitleExamples=bI;exports.SpsPagination=qi;exports.SpsPaginationExamples=Fm;exports.SpsProductBar=rh;exports.SpsProductBarExamples=TI;exports.SpsProductBarTab=Ml;exports.SpsProgressBar=sh;exports.SpsProgressBarExamples=wI;exports.SpsProgressRing=sl;exports.SpsRadioButton=Ji;exports.SpsRadioButtonExamples=Vm;exports.SpsScrollableContainer=oh;exports.SpsSearchResultsBar=Jf;exports.SpsSearchResultsBarExamples=lI;exports.SpsSearchResultsBarV2=xl;exports.SpsSelect=Un;exports.SpsSelectExamples=tm;exports.SpsSideNav=Km;exports.SpsSideNavExamples=Hm;exports.SpsSlackLink=ah;exports.SpsSlackLinkExamples=NI;exports.SpsSlideInPanel=ji;exports.SpsSlideInPanelExamples=Pm;exports.SpsSortingHeader=ih;exports.SpsSortingHeaderCell=_l;exports.SpsSortingHeaderExamples=II;exports.SpsSpinner=Ja;exports.SpsSplitButton=Zi;exports.SpsSplitButtonExamples=Wm;exports.SpsSteppedProgressBar=lh;exports.SpsSteppedProgressBarExamples=_I;exports.SpsSummaryListColumn=Qi;exports.SpsSummaryListExamples=Gm;exports.SpsSummaryListExpansion=ns;exports.SpsSummaryListRow=Xi;exports.SpsTab=Ff;exports.SpsTabPanel=Vf;exports.SpsTable=er;exports.SpsTableBody=kn;exports.SpsTableCell=ce;exports.SpsTableExamples=Rm;exports.SpsTableHead=xn;exports.SpsTableHeader=tt;exports.SpsTableRow=Ye;exports.SpsTabsV2=Tl;exports.SpsTag=Wt;exports.SpsTagExamples=AN;exports.SpsTaskQueue=el;exports.SpsTaskQueueExamples=Ym;exports.SpsTbody=xm;exports.SpsTd=Im;exports.SpsTextInput=Eo;exports.SpsTextInputExamples=Um;exports.SpsTextarea=tl;exports.SpsTextareaExamples=jm;exports.SpsTh=Tm;exports.SpsThead=wm;exports.SpsTile=ch;exports.SpsTileList=dh;exports.SpsTileListExamples=LI;exports.SpsTimeInput=ml;exports.SpsTimeInputExamples=pf;exports.SpsToggle=nl;exports.SpsToggleExamples=qm;exports.SpsTooltip=_t;exports.SpsTooltipExamples=Jm;exports.SpsTooltipTitle=rl;exports.SpsTr=Dm;exports.SpsValidators=no;exports.SpsVerticalRule=Rl;exports.SpsVr=fh;exports.SpsWf=Xm;exports.SpsWfDoc=tf;exports.SpsWfDs=rf;exports.SpsWfStep=of;exports.SpsWizardExamples=Qm;exports.SpsWizardSidebar=ol;exports.SpsWizardSubstep=al;exports.SpsWorkflow=wo;exports.SpsWorkflowDocument=Co;exports.SpsWorkflowDocumentStatus=Do;exports.SpsWorkflowExamples=af;exports.SpsWorkflowStep=No;exports.SpsZeroState=Sh;exports.SpsZeroStateExamples=$I;exports.TooltipVisibility=Ce;exports.ValidationMode=jt;exports.addOnChangeErrorKey=pp;exports.addOnSubmitErrorKey=up;exports.bindProps=Hv;exports.contentOf=
|
|
11309
|
+
`}}}};exports.AsTypingErrorKeys=Er;exports.ContentOrderExample=Qf;exports.DEFAULT_DATETIME_PRESETS=nm;exports.DEFAULT_PRESETS=$a;exports.DragDropContext=Vu;exports.Draggable=ju;exports.Droppable=Mi;exports.FauxChangeEvent=Dn;exports.I18nContext=$e;exports.MANIFEST=cx;exports.ModalAction=eh;exports.OnBlurErrorKeys=Nt;exports.OnSubmitErrorKeys=to;exports.PortalContext=Ot;exports.PreventativeErrorKeys=pn;exports.Provide=Ep;exports.SimpleDateUtils=X;exports.SpsAddRemoveFormRowExamples=eN;exports.SpsAdvancedSearch=Hf;exports.SpsAdvancedSearchExamples=$k;exports.SpsApp=Wv;exports.SpsAutocomplete=zt;exports.SpsAutocompleteExamples=Cp;exports.SpsButton=je;exports.SpsButtonExamples=LN;exports.SpsButtonGroup=Mm;exports.SpsCard=Ri;exports.SpsCardTabbedPane=_i;exports.SpsCardV2=$f;exports.SpsCardV2Footer=El;exports.SpsCardV2Header=wl;exports.SpsCardV2Title=Kf;exports.SpsCheckbox=Zn;exports.SpsCheckboxDropdown=$i;exports.SpsCheckboxExamples=Dp;exports.SpsClickableTag=ss;exports.SpsClickableTagExamples=Np;exports.SpsColumnChooser=Li;exports.SpsColumnChooserColumn=po;exports.SpsColumnChooserExamples=Zu;exports.SpsConditionalField=pl;exports.SpsConditionalFieldExamples=cf;exports.SpsContentRow=Pi;exports.SpsContentRowCol=Hn;exports.SpsContentRowExamples=Xu;exports.SpsContentRowExpansion=uo;exports.SpsContextBar=Kk;exports.SpsCurrencyInput=Wf;exports.SpsCurrencyInputExamples=Yk;exports.SpsDateRangePicker=Ai;exports.SpsDateRangePickerExamples=em;exports.SpsDateTime=Vi;exports.SpsDateTimeRangePicker=Fi;exports.SpsDateTimeRangePickerExamples=rm;exports.SpsDatepicker=Bi;exports.SpsDatepickerExamples=Qu;exports.SpsDatetimeExamples=sm;exports.SpsDd=lm;exports.SpsDescriptionList=ho;exports.SpsDescriptionListDefinition=So;exports.SpsDescriptionListExamples=pm;exports.SpsDescriptionListTerm=go;exports.SpsDl=am;exports.SpsDropdown=Qn;exports.SpsDropdownExamples=um;exports.SpsDt=dm;exports.SpsFeedbackBlock=Gf;exports.SpsFeedbackBlockExamples=jk;exports.SpsFieldset=Ki;exports.SpsFieldsetExamples=mm;exports.SpsFilterPanel=il;exports.SpsFilterPanelCap=cl;exports.SpsFilterPanelExamples=lf;exports.SpsFilterPanelFilterBox=dl;exports.SpsFilterPanelSection=ll;exports.SpsFilterTile=ph;exports.SpsFilterTileList=uh;exports.SpsFilterTileListExamples=AI;exports.SpsFocusedTask=Dl;exports.SpsFocusedTaskActions=Cl;exports.SpsFocusedTaskExamples=Jk;exports.SpsForm=ps;exports.SpsFormArrayMeta=gp;exports.SpsFormComponentWrapper=ct;exports.SpsFormExamples=Ju;exports.SpsFormFieldMeta=jr;exports.SpsFormGroupMeta=Sp;exports.SpsFormMetaBase=$n;exports.SpsFormSetMeta=Kn;exports.SpsGrowler=Nl;exports.SpsGrowlerExamples=Qk;exports.SpsI=Gt;exports.SpsIconButtonPanel=_m;exports.SpsIncrementor=Hi;exports.SpsIncrementorExamples=fm;exports.SpsInputGroup=Tr;exports.SpsInsightTile=Yf;exports.SpsInsights=eI;exports.SpsKeyValueList=Uf;exports.SpsKeyValueListItem=jf;exports.SpsKeyValueTag=zf;exports.SpsKeyValueTagExamples=oI;exports.SpsLabel=Wi;exports.SpsLabelExamples=hm;exports.SpsListActionBar=Gi;exports.SpsListActionBarExamples=Om;exports.SpsListToolbar=Zf;exports.SpsListToolbarExamples=mI;exports.SpsListToolbarSearch=kl;exports.SpsListToolbarSearchInfo=Il;exports.SpsListToolbarSortBy=Xf;exports.SpsMicroBlock=Yi;exports.SpsMicroBlockExamples=Lm;exports.SpsMicroZeroState=hh;exports.SpsModal=Ui;exports.SpsModalExamples=Bm;exports.SpsModalFooter=vo;exports.SpsMultiSelect=zi;exports.SpsMultiSelectExamples=Am;exports.SpsMultiValueTextInput=ul;exports.SpsMultiValueTextInputExamples=df;exports.SpsPageSelector=yo;exports.SpsPageSubtitle=nh;exports.SpsPageTitle=th;exports.SpsPageTitleExamples=bI;exports.SpsPagination=qi;exports.SpsPaginationExamples=Fm;exports.SpsProductBar=rh;exports.SpsProductBarExamples=TI;exports.SpsProductBarTab=Ml;exports.SpsProgressBar=sh;exports.SpsProgressBarExamples=wI;exports.SpsProgressRing=sl;exports.SpsRadioButton=Ji;exports.SpsRadioButtonExamples=Vm;exports.SpsScrollableContainer=oh;exports.SpsSearchResultsBar=Jf;exports.SpsSearchResultsBarExamples=lI;exports.SpsSearchResultsBarV2=xl;exports.SpsSelect=Un;exports.SpsSelectExamples=tm;exports.SpsSideNav=Km;exports.SpsSideNavExamples=Hm;exports.SpsSlackLink=ah;exports.SpsSlackLinkExamples=NI;exports.SpsSlideInPanel=ji;exports.SpsSlideInPanelExamples=Pm;exports.SpsSortingHeader=ih;exports.SpsSortingHeaderCell=_l;exports.SpsSortingHeaderExamples=II;exports.SpsSpinner=Ja;exports.SpsSplitButton=Zi;exports.SpsSplitButtonExamples=Wm;exports.SpsSteppedProgressBar=lh;exports.SpsSteppedProgressBarExamples=_I;exports.SpsSummaryListColumn=Qi;exports.SpsSummaryListExamples=Gm;exports.SpsSummaryListExpansion=ns;exports.SpsSummaryListRow=Xi;exports.SpsTab=Ff;exports.SpsTabPanel=Vf;exports.SpsTable=er;exports.SpsTableBody=kn;exports.SpsTableCell=ce;exports.SpsTableExamples=Rm;exports.SpsTableHead=xn;exports.SpsTableHeader=tt;exports.SpsTableRow=Ye;exports.SpsTabsV2=Tl;exports.SpsTag=Wt;exports.SpsTagExamples=AN;exports.SpsTaskQueue=el;exports.SpsTaskQueueExamples=Ym;exports.SpsTbody=xm;exports.SpsTd=Im;exports.SpsTextInput=Eo;exports.SpsTextInputExamples=Um;exports.SpsTextarea=tl;exports.SpsTextareaExamples=jm;exports.SpsTh=Tm;exports.SpsThead=wm;exports.SpsTile=ch;exports.SpsTileList=dh;exports.SpsTileListExamples=LI;exports.SpsTimeInput=ml;exports.SpsTimeInputExamples=pf;exports.SpsToggle=nl;exports.SpsToggleExamples=qm;exports.SpsTooltip=_t;exports.SpsTooltipExamples=Jm;exports.SpsTooltipTitle=rl;exports.SpsTr=Dm;exports.SpsValidators=no;exports.SpsVerticalRule=Rl;exports.SpsVr=fh;exports.SpsWf=Xm;exports.SpsWfDoc=tf;exports.SpsWfDs=rf;exports.SpsWfStep=of;exports.SpsWizardExamples=Qm;exports.SpsWizardSidebar=ol;exports.SpsWizardSubstep=al;exports.SpsWorkflow=wo;exports.SpsWorkflowDocument=Co;exports.SpsWorkflowDocumentStatus=Do;exports.SpsWorkflowExamples=af;exports.SpsWorkflowStep=No;exports.SpsZeroState=Sh;exports.SpsZeroStateExamples=$I;exports.TooltipVisibility=Ce;exports.ValidationMode=jt;exports.addOnChangeErrorKey=pp;exports.addOnSubmitErrorKey=up;exports.bindProps=Hv;exports.contentOf=yt;exports.date=Ur;exports.dateConstraint=hp;exports.dateRange=fp;exports.findParentBranches=To;exports.flipPosition=Za;exports.formArray=qD;exports.formControl=JD;exports.formGroup=ZD;exports.getMember=Oi;exports.getPosition=Gn;exports.resetServerContext=zC;exports.selectChildren=Lt;exports.setDateFormat=mp;exports.toggleTooltipState=$s;exports.useCheckDeprecatedProps=wp;exports.useColumnCellResizer=vm;exports.useColumnHeaderResizer=bm;exports.useCustomValidator=xv;exports.useDidUpdateEffect=Xa;exports.useDocumentEventListener=ka;exports.useElementId=wn;exports.useForm=XD;exports.useGrowlers=Xk;exports.useInputPopup=Cr;exports.useKeyboardSensor=Ou;exports.useModals=fI;exports.useMouseSensor=Ru;exports.usePatchReducer=Jt;exports.usePortal=wr;exports.useServerSideValidation=QD;exports.useSpsAction=hI;exports.useSpsForm=bp;exports.useTouchSensor=Lu;exports.validate=ro;
|