@elliemae/pui-app-sdk 6.0.0-alpha.2 → 6.0.0-alpha.4

package/demo/docs/9488.af21db24.iframe.bundle.js

@@ -0,0 +1,214 @@
+(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[9488],{"./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.production.min.js"(yt,qe,b){(function(n,o){o(qe,b("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"))})(this,function(n,o){"use strict";function Y(){return(Y=Object.assign||function(i){for(var O=1;O<arguments.length;O++){var T=arguments[O];for(var I in T)Object.prototype.hasOwnProperty.call(T,I)&&(i[I]=T[I])}return i}).apply(this,arguments)}o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o;var fe,xe=["bottom","height","left","right","top","width"],ee=new Map,et=function i(){var O=[];ee.forEach(function(T,I){var k,W,se=I.getBoundingClientRect();k=se,W=T.rect,k===void 0&&(k={}),W===void 0&&(W={}),xe.some(function(J){return k[J]!==W[J]})&&(T.rect=se,O.push(T))}),O.forEach(function(T){T.callbacks.forEach(function(I){return I(T.rect)})}),fe=window.requestAnimationFrame(i)},X=typeof window<"u"?o.useLayoutEffect:o.useEffect;function he(i,O){O===void 0&&(O={width:0,height:0});var T=o.useState(i.current),I=T[0],k=T[1],W=o.useReducer(Te,O),se=W[0],J=W[1],ue=o.useRef(!1);return X(function(){i.current!==I&&k(i.current)}),X(function(){if(I&&!ue.current){ue.current=!0;var $=I.getBoundingClientRect();J({rect:$})}},[I]),o.useEffect(function(){if(I){var $,re,ye=($=I,re=function(j){J({rect:j})},{observe:function(){var j=ee.size===0;ee.has($)?ee.get($).callbacks.push(re):ee.set($,{rect:void 0,hasRectChanged:!1,callbacks:[re]}),j&&et()},unobserve:function(){var j=ee.get($);if(j){var le=j.callbacks.indexOf(re);le>=0&&j.callbacks.splice(le,1),j.callbacks.length||ee.delete($),ee.size||cancelAnimationFrame(fe)}}});return ye.observe(),function(){ye.unobserve()}}},[I]),se}function Te(i,O){var T=O.rect;return i.height!==T.height||i.width!==T.width?T:i}var Ee=function(){return 50},s=function(i){return i},tt=function(i,O){return i[O?"offsetWidth":"offsetHeight"]},Pe=function(i){for(var O=Math.max(i.start-i.overscan,0),T=Math.min(i.end+i.overscan,i.size-1),I=[],k=O;k<=T;k++)I.push(k);return I};n.defaultRangeExtractor=Pe,n.useVirtual=function(i){var O,T=i.size,I=T===void 0?0:T,k=i.estimateSize,W=k===void 0?Ee:k,se=i.overscan,J=se===void 0?1:se,ue=i.paddingStart,$=ue===void 0?0:ue,re=i.paddingEnd,ye=re===void 0?0:re,j=i.parentRef,le=i.horizontal,y=i.scrollToFn,ke=i.useObserver,nt=i.initialRect,We=i.onScrollElement,be=i.scrollOffsetFn,ge=i.keyExtractor,$e=ge===void 0?s:ge,Oe=i.measureSize,Ce=Oe===void 0?tt:Oe,Re=i.rangeExtractor,ot=Re===void 0?Pe:Re,mt=le?"width":"height",ae=le?"scrollLeft":"scrollTop",F=o.useRef({scrollOffset:0,measurements:[]}),Be=o.useState(0),st=Be[0],Me=Be[1];F.current.scrollOffset=st;var rt=(ke||he)(j,nt)[mt];F.current.outerSize=rt;var ce=o.useCallback(function(g){j.current&&(j.current[ae]=g)},[j,ae]),Fe=y||ce;y=o.useCallback(function(g){Fe(g,ce)},[ce,Fe]);var ze=o.useState({}),De=ze[0],Ne=ze[1],lt=o.useCallback(function(){return Ne({})},[]),_e=o.useRef([]),de=o.useMemo(function(){var g=_e.current.length>0?Math.min.apply(Math,_e.current):0;_e.current=[];for(var S=F.current.measurements.slice(0,g),v=g;v<I;v++){var w=$e(v),D=De[w],V=S[v-1]?S[v-1].end:$,C=typeof D=="number"?D:W(v),N=V+C;S[v]={index:v,start:V,size:C,end:N,key:w}}return S},[W,De,$,I,$e]),ve=(((O=de[I-1])==null?void 0:O.end)||$)+ye;F.current.measurements=de,F.current.totalSize=ve;var pe=We?We.current:j.current,Ie=o.useRef(be);Ie.current=be,X(function(){if(pe){var g=function(S){var v=Ie.current?Ie.current(S):pe[ae];Me(v)};return g(),pe.addEventListener("scroll",g,{capture:!1,passive:!0}),function(){pe.removeEventListener("scroll",g)}}Me(0)},[pe,ae]);var me=function(g){for(var S=g.measurements,v=g.outerSize,w=g.scrollOffset,D=S.length-1,V=function(N,Z,ie,L){for(;N<=Z;){var z=(N+Z)/2|0,q=ie(z);if(q<L)N=z+1;else{if(!(q>L))return z;Z=z-1}}return N>0?N-1:0}(0,D,function(N){return S[N].start},w),C=V;C<D&&S[C].end<w+v;)C++;return{start:V,end:C}}(F.current),M=me.start,Q=me.end,Ae=o.useMemo(function(){return ot({start:M,end:Q,overscan:J,size:de.length})},[M,Q,J,de.length,ot]),He=o.useRef(Ce);He.current=Ce;var Ge=o.useMemo(function(){for(var g=[],S=function(D,V){var C=Ae[D],N=Y(Y({},de[C]),{},{measureRef:function(Z){if(Z){var ie=He.current(Z,le);if(ie!==N.size){var L=F.current.scrollOffset;N.start<L&&ce(L+(ie-N.size)),_e.current.push(C),Ne(function(z){var q;return Y(Y({},z),{},((q={})[N.key]=ie,q))})}}}});g.push(N)},v=0,w=Ae.length;v<w;v++)S(v);return g},[Ae,ce,le,de]),we=o.useRef(!1);X(function(){we.current&&Ne({}),we.current=!0},[W]);var je=o.useCallback(function(g,S){var v=(S===void 0?{}:S).align,w=v===void 0?"start":v,D=F.current,V=D.scrollOffset,C=D.outerSize;w==="auto"&&(w=g<=V?"start":g>=V+C?"end":"start"),w==="start"?y(g):w==="end"?y(g-C):w==="center"&&y(g-C/2)},[y]),Le=o.useCallback(function(g,S){var v=S===void 0?{}:S,w=v.align,D=w===void 0?"auto":w,V=function(q,at){if(q==null)return{};var Ue,Se,Ke={},Ye=Object.keys(q);for(Se=0;Se<Ye.length;Se++)Ue=Ye[Se],at.indexOf(Ue)>=0||(Ke[Ue]=q[Ue]);return Ke}(v,["align"]),C=F.current,N=C.measurements,Z=C.scrollOffset,ie=C.outerSize,L=N[Math.max(0,Math.min(g,I-1))];if(L){if(D==="auto")if(L.end>=Z+ie)D="end";else{if(!(L.start<=Z))return;D="start"}var z=D==="center"?L.start+L.size/2:D==="end"?L.end:L.start;je(z,Y({align:D},V))}},[je,I]),Ve=o.useCallback(function(){for(var g=arguments.length,S=new Array(g),v=0;v<g;v++)S[v]=arguments[v];Le.apply(void 0,S),requestAnimationFrame(function(){Le.apply(void 0,S)})},[Le]);return{virtualItems:Ge,totalSize:ve,scrollToOffset:je,scrollToIndex:Ve,measure:lt}},Object.defineProperty(n,"__esModule",{value:!0})})},"./node_modules/.pnpm/@elliemae+ds-form-layout-autocomplete@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-autocomplete/dist/esm/Autocomplete.js"(yt,qe,b){"use strict";b.d(qe,{A:()=>ut});var n=b("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),o=b("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),Y=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),fe=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),xe=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js"),ee=b("./node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/lodash.js"),et=b("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs");const X="DSAutocomplete",he={CONTAINER:"container",INPUT:"input",MENU_LIST:"menu-list",OPTION:"option"};var Te=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),Ee=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),s=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const tt={zIndex:10,withoutPortal:!1,forceFocusFirstOptionOnType:!1,startPlacementPreference:"bottom-start",placementOrderPreference:["bottom-start","top-start"]},Pe={...Te.P,...Ee.w,options:s.A.oneOfType([s.A.array,s.A.object]).isRequired.description("List of options").defaultValue([]),filter:s.A.string.isRequired.description("String value to filter the options").defaultValue(""),onSelect:s.A.func.isRequired.description("function triggered when an option is selected it will send the options selected").defaultValue(""),children:s.A.node.description("React component to apply autocomplete functionality").defaultValue("").deprecated({version:"3.x"}),inputProps:s.A.object.description("Props to pass to the input component").defaultValue({}),onValueChange:s.A.func.description("Function triggered when the value of the input changes").defaultValue(""),renderInput:s.A.func.description("Function to render the input").defaultValue(""),startPlacementPreference:s.A.string.description("Ideal preference for context placement").defaultValue("bottom-start"),placementOrderPreference:s.A.arrayOf(s.A.string).description("Placement preferences for the context menu in order of most preferred to least preferred").defaultValue("['bottom-start', 'bottom-end']"),withoutPortal:s.A.bool.description("Whether to render the context menu in a react portal or next to the input DOM element").defaultValue("false (next to the input)"),forceFocusFirstOptionOnType:s.A.bool.description("Whether to focus the first option when typing (NOT RECOMMENDED AND BREAKING A11Y STANDARDS + ALL USERS USABILITY)").defaultValue("false")},i=Pe,O=e=>e?e.filter(t=>t.type==="option"&&!t.disabled):[],T=e=>e?e.filter(t=>t.type==="option"):[],I=e=>Array.isArray(e)?e.length===0:!e,k=e=>Array.isArray(e),W=(e,t,r,l=1)=>{let a=t===-1?l>0?0:e.length-1:(t+l+e.length)%e.length;for(;a!==t;){if(r(e[a]))return a;a=(a+l+e.length)%e.length}return t},se=e=>{for(let t=0;t<e.length;t+=1)if(!["section","separator"].includes(e[t].type))return e[t].dsId;return""},J=e=>!["section","separator"].includes(e.type),ue=({options:e,forceFocusFirstOptionOnType:t,isShowingPopover:r,setCurrentOption:l})=>{const a=se(e),p=n.useRef(a);p.current=a??"",(0,n.useEffect)(()=>{r&&l(t?p.current:"")},[t,r,l])},$=(e,t)=>{const{options:r,filter:l,forceFocusFirstOptionOnType:a}=e,[p,m]=(0,n.useState)(!1),[c,h]=(0,n.useState)(!1),[f,d]=(0,n.useState)(!1),[u,A]=(0,n.useState)(!1),_=u&&!c,B=r.length>0&&l.length>0,x=!p&&B&&!_&&(c||f),E=n.useRef(x);E.current=x;const P=n.useCallback(U=>{const{key:K}=U;[...U.key].length===1||K==="Backspace"||K==="Delete"?(h(!0),m(!1),A(!1)):h(!1)},[]),te=n.useCallback(U=>{const{key:K}=U;E.current&&(K==="ArrowUp"||K==="ArrowDown")?d(!0):d(!1)},[]),ne=n.useCallback(U=>{const{key:K}=U;K==="Enter"&&E.current&&A(!0)},[]),oe=n.useCallback(U=>{P(U),te(U),ne(U)},[P,te,ne]),R=n.useCallback(()=>{m(!0),t("")},[t]);return(0,n.useEffect)(()=>(window.addEventListener("blur",R),()=>{window.removeEventListener("blur",R)}),[R]),ue({options:r,forceFocusFirstOptionOnType:a,isShowingPopover:x,setCurrentOption:t}),n.useMemo(()=>({isShowingPopover:x,forceClosePopover:p,setForceClosePopover:m,userTypedSomething:c,setUserTypedSomething:h,setUserJustSelectedAnOption:A,userIsNavigatingWithArrows:f,setUserIsNavigatingWithArrows:d,trackUserInteractingViaKeyboard:oe}),[x,p,c,f,oe])},re=()=>{const e=(0,n.useRef)(null),t=(0,n.useRef)(null);return n.useMemo(()=>({inputRef:e,listRef:t}),[e,t])};var ye=b("./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.production.min.js");const j=({references:e,options:t})=>{const{listRef:r}=e,l=(0,ye.useVirtual)({size:t.length,parentRef:r,overscan:15,paddingStart:0}),a=(0,n.useCallback)((p,m={align:"center"})=>{l.scrollToIndex(t.findIndex(c=>c.dsId===p),m)},[t,l]);return n.useMemo(()=>({virtualListHelpers:l,scrollOptionIntoView:a}),[l,a])},le=e=>{const t=(0,fe.b)(e,tt);(0,xe.D)(t,Pe,X);const{options:r}=t,[l,a]=(0,n.useState)(null),[p,m]=(0,n.useState)(""),c=re(),h=(0,n.useCallback)(()=>t,[t]),f=(0,n.useMemo)(()=>(0,ee.cloneDeep)(r),[r]),d=(0,n.useMemo)(()=>{const x=[];let E=null;return f.forEach(P=>{P.type==="section"?(E={dsId:P.dsId,type:P.type,label:P.label,options:[]},x.push(E)):P.type==="option"&&E?E.options.push(P):P.type==="option"&&x.push(P)}),x},[f]),u=j({references:c,options:d}),A=(0,n.useMemo)(()=>(0,et.L)(4),[]),_=$(t,m);return(0,n.useMemo)(()=>({props:t,referenceElement:l,focusOptionIdx:p,setCurrentOption:m,setReferenceElement:a,autoCompleteId:A,optionsPerSection:d,getOwnerProps:h,...c,..._,...u}),[t,A,l,p,_,c,h,u,d])};var y=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),ke=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/mergeRefs.js"),nt=b("./node_modules/.pnpm/@elliemae+ds-icon@3.57.10/node_modules/@elliemae/ds-icon/dist/esm/DSIconColor.js"),We=b("./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-icons/dist/esm/CloseMedium.js"),be=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),ge=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),$e=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/useOwnerProps/index.js"),Oe=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const Ce="DSInputtext",Re={INPUT_WRAPPER:"root",INPUT:"input",CLEAR_BUTTON:"input-clear-button"},ot=(0,Oe.lD)(Ce,Re),mt=null,ae="DSInputtext",F={INPUT_WRAPPER:"root",INPUT:"input",CLEAR_BUTTON:"input-clear-button"};var Be=b("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js");const st={onValueChange:()=>{},onClear:()=>{},placeholder:"",disabled:!1,readOnly:!1,hasError:!1,inputSize:"m",clearable:!1,applyAriaDisabled:!1},Me={...(0,Be.Y)(Ce,Re),...Te.P,...Ee.w,value:s.A.oneOfType([s.A.string,s.A.number,s.A.arrayOf(s.A.string)]).description("Value of the input").defaultValue(""),onValueChange:s.A.func.description("Callback triggered when the value changes").defaultValue(()=>null).signature("((newValue: string, e: React.ChangeEvent) => void)"),placeholder:s.A.string.description("Value of the placeholder").defaultValue(""),innerRef:s.A.oneOfType([s.A.object,s.A.func.signature("((ref: HTMLInputElement) => void)")]).description("Reference to the input").defaultValue(null),disabled:s.A.bool.description("Whether the input is disabled").defaultValue(!1),readOnly:s.A.bool.description("Whether the input is readonly").defaultValue(!1),hasError:s.A.bool.description("Whether the input has error").defaultValue(!1),inputSize:s.A.oneOf(["s","m"]).description("Size of the input").defaultValue("m"),clearable:s.A.bool.description("Whether the input is clearable").defaultValue(!1),applyAriaDisabled:s.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION").defaultValue(!1),ariaDescribedBy:s.A.string.description("Value passed to the aria-describedby attribute"),onClear:s.A.func.description("Callback triggered when the clearable button is pressed").defaultValue(()=>null).signature("(() => void)")},rt=Me,ce=e=>{const t=(0,fe.b)(e,st);(0,xe.D)(e,Me,ae);const{onValueChange:r,applyAriaDisabled:l,onChange:a}=t,p=n.useRef(a);p.current=a;const m=n.useRef(r);m.current=r;const[c,h]=(0,n.useState)(!1),f=(0,n.useCallback)(x=>{l||(p?.current?.(x),m?.current?.(x.target.value,x))},[l]),d=(0,n.useCallback)(()=>{h(!0)},[]),u=(0,n.useCallback)(()=>{h(!1)},[]),A=(0,be.u)(t,{onFocus:d,onBlur:u}),_=(0,ge.d)(t),B=(0,$e.j)(t,{...e});return(0,n.useMemo)(()=>({globalAttributes:A,hasFocus:c,handleOnFocus:d,handleOnBlur:u,handleOnChange:f,propsWithDefault:t,xstyledProps:_,ownerPropsConfig:B}),[A,c,d,u,f,t,_,B])};var Fe=b("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-button-v2/dist/esm/parts/SharedButtonBaseline/DSButton.js"),ze=b("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-button-v2/dist/esm/parts/SharedButtonBaseline/react-desc-prop-types.js");const De="DSButtonv3",Ne={ROOT:"root"},lt={...(0,Oe.lD)(De,Ne),ROOT:"ds-button"},de={...ze.i,"data-testid":s.A.string.description("Root element data-testid.").defaultValue(lt.ROOT)},ve=({children:e,...t})=>(0,o.jsx)(Fe.I,{...t,isV3:!0,children:e});ve.displayName=De;const pe=(0,Y.A)(ve);pe.propTypes=de;var Ie=b("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),me=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),M=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/th.js"),Q=b("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1_styled-components@5.3.11/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const Ae=(0,Q.AH)`
+  border: 1px solid ${M.th.color("neutral-400")};
+`,He=(0,Q.AH)`
+  background-color: ${M.th.color("neutral-050")};
+  border: 1px solid ${M.th.color("neutral-080")};
+  border-bottom: 1px solid ${M.th.color("neutral-400")};
+`,Ge=Ae,we=(0,Q.AH)`
+  border: 1px solid ${M.th.color("danger-900")};
+`,je=(0,Q.AH)`
+  border: 1px solid ${M.th.color("brand-700")};
+`,Le=(0,Q.AH)`
+  border: 1px solid ${M.th.color("brand-600")};
+`,Ve=(0,Q.AH)`
+  border: 1px solid transparent;
+  outline: 2px solid ${M.th.color("brand-700")};
+  outline-offset: -2px;
+`,g=e=>e.isDisabled?Ge:e.hasFocus?Ve:e.hasError?we:e.isReadOnly||e.applyAriaDisabled?He:Ae,S=e=>e.isDisabled?Ge:e.hasFocus?Ve:e.hasError?we:e.isReadOnly||e.applyAriaDisabled?e.hasFocus?Ve:Le:je,v=(0,y.I)(Ie.Ay,{name:ae,slot:F.INPUT_WRAPPER})`
+  ${g}
+  border-radius: 2px;
+  :hover {
+    ${S}
+  }
+  min-height: ${({inputSize:e})=>e==="m"?"28px":"24px"};
+  ${me.L1}
+`,w=(0,y.I)("input",{name:ae,slot:F.INPUT})`
+  padding: ${({inputSize:e})=>e==="m"?"4px":"3px"} ${M.th.space("xxs")};
+  @media (max-width: ${M.th.breakpoint("small")}) {
+    padding: ${({inputSize:e})=>e==="m"?"3px":"1.25px"} ${M.th.space("xxs")};
+  }
+  border: none;
+  outline: none;
+  border-radius: 2px;
+
+  width: 100%;
+  height: 100%;
+  color: ${M.th.color("neutral-800")};
+
+  ::placeholder {
+    font-weight: ${M.th.fontWeight("regular")};
+    font-style: italic;
+    color: ${M.th.color("neutral-500")};
+  }
+
+  :disabled {
+    background-color: ${M.th.color("neutral-080")};
+    color: #616b7f;
+    cursor: not-allowed;
+    caret-color: transparent;
+  }
+
+  &[aria-disabled='true'],
+  &[aria-readonly='true'] {
+    background-color: ${M.th.color("neutral-050")};
+    caret-color: transparent;
+    cursor: text;
+  }
+`,D=(0,y.I)(ve,{name:ae,slot:F.CLEAR_BUTTON})`
+  height: 100%;
+
+  &:after {
+    border-top-left-radius: 0px !important;
+    border-bottom-left-radius: 0px !important;
+  }
+  :focus {
+    border-width: 0px;
+  }
+
+  &:hover:not(:disabled),
+  &:hover:not([aria-disabled='true']) {
+    background-color: transparent;
+  }
+`,V=e=>{const{globalAttributes:{className:t,id:r,value:l,...a},hasFocus:p,handleOnFocus:m,handleOnBlur:c,handleOnChange:h,propsWithDefault:f,xstyledProps:d,ownerPropsConfig:u}=ce(e),{clearable:A,disabled:_,hasError:B,innerRef:x,placeholder:E,readOnly:P,inputSize:te,onClear:ne,value:oe,applyAriaDisabled:R,ariaDescribedBy:U}=f,K=(0,n.useRef)(null),Qe=A&&!_&&oe!==""&&!R&&!P,Ze=(0,n.useMemo)(()=>r!==void 0?`${r}_feedback_message ${r}_error_message`:void 0,[r]),ct=(0,n.useCallback)(()=>{ne(),K?.current?.focus()},[ne]);return(0,o.jsxs)(v,{className:t,cols:Qe?["auto","min-content"]:["auto"],isDisabled:_,applyAriaDisabled:R,isReadOnly:P,hasError:B,hasFocus:p,inputSize:te,...d,...u,children:[(0,o.jsx)(w,{inputSize:te,disabled:_,placeholder:E,readOnly:P,innerRef:(0,ke.Px)(x,K),"aria-describedby":Ze||U?`${Ze} ${U}`:void 0,"aria-invalid":B,id:r,"aria-disabled":R,"aria-readonly":P,onFocus:m,onBlur:c,...a,onChange:h,value:oe===void 0&&R?"":oe,...u}),Qe&&(0,o.jsx)(D,{disabled:_||R||P,"aria-label":`Clear input value ${oe}`,"aria-controls":r,"aria-describedby":`${r}_block_label`,buttonType:"icon",onClick:ct,size:"s",...u,children:(0,o.jsx)(We.A,{color:nt.A.PRIMARY,size:"s"})})]})};V.displayName="DSInputText";const C=(0,Y.A)(V);C.propTypes=rt;var N=b("./node_modules/.pnpm/@elliemae+ds-floating-context@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-floating-context/dist/esm/DSFloatingContext.js"),Z=b("./node_modules/.pnpm/@elliemae+ds-floating-context@3.57.10_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-floating-context/dist/esm/parts/FloatingWrapper/FloatingWrapper.js");const ie={},L=(0,n.createContext)(ie);var z=L;const q=(0,y.I)("div",{name:X,slot:he.CONTAINER})`
+  width: 100%;
+  height: 28px;
+  position: relative;
+`,at=y.I.div`
+  background: #fff;
+  overflow: auto;
+  position: relative;
+`,Ue=y.I.div`
+  display: none;
+`,Se=y.I.div`
+  min-width: ${({minWidth:e})=>e?`${e}px`:"100%"};
+`,Ke=(0,y.I)("ul",{name:X,slot:he.MENU_LIST})`
+  position: relative;
+  padding: 0;
+`,Ye=y.I.div`
+  overflow-y: auto;
+  max-height: ${({maxHeight:e})=>`${e||"400"}px`};
+`,Xe={LIST:"autocomplete-menu-list",OPTION:"autocomplete-option",CONTAINER:"autocomplete-container",INPUT:"ds-autocomplete-input"},H="DSMenuitem",G={MENU_ITEM_WRAPPER:"menu-item-wrapper",MENU_ITEM_LABEL:"menu-item-label",MENU_ITEM_SECONDARY_LABEL:"menu-item-secondary-label",MENU_ITEM_ICON:"menu-item-icon",MENU_ITEM_ELLIPSIS_BUTTON:"menu-item-ellipsis-button",MENU_ITEM_CONTENT:"menu-item-content",MENU_ITEM_SEPARATOR:"menu-item-separator",MENU_ITEM_SEPARATOR_WRAPPER:"menu-item-separator-wrapper",MENU_ITEM_GROUP_LABEL:"menu-item-group-label",MENU_ITEM_SECTION_WRAPPER:"menu-item-section-wrapper",MENU_ITEM_VERTICAL_SEPARATOR:"menu-item-vertical-separator",MENU_ITEM_CONTENT_WRAPPER:"menu-item-content-wrapper"},it=()=>(0,Q.AH)`
+  :after {
+    display: block;
+    content: ' ';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 1px solid ${({theme:e})=>e.colors.brand[500]};
+    pointer-events: none;
+    z-index: 7;
+  }
+`,dt=()=>(0,Q.AH)`
+  color: ${({theme:e})=>e.colors.neutral[500]};
+  :hover {
+    color: ${({theme:e})=>e.colors.neutral[600]};
+    // lets target the label to controll the checkbox for multi select menu item.
+    label {
+      color: ${({theme:e})=>e.colors.neutral[600]};
+    }
+  }
+  cursor: not-allowed;
+  * {
+    cursor: not-allowed;
+  }
+`,bt=(0,y.I)("li",{name:H,slot:G.MENU_ITEM_WRAPPER})`
+  cursor: pointer;
+  min-height: 32px;
+
+  padding-left: 16px;
+  padding-right: 16px;
+  display: grid;
+  align-items: center;
+  list-style: none;
+  position: relative;
+
+  ${e=>e.isActive?it():""};
+
+  ${e=>e.disabled||e.applyAriaDisabled?dt():""};
+
+  background-color: ${e=>e.isActive?e.theme.colors.brand[200]:e.theme.colors.neutral["000"]};
+
+  // focus style for standalone version
+  &:focus {
+    ${e=>e.disabled?dt():e.disabled?"":it()};
+    outline: none;
+    background-color: ${e=>e.disabled?e.theme.colors.neutral["000"]:e.theme.colors.brand[200]};
+  }
+  &:hover {
+    background-color: ${e=>(!e.disabled||!e.applyAriaDisabled||!e.readOnly)&&e.theme.colors.brand[200]};
+  }
+
+  &[aria-disabled='true'] {
+    ${dt()}
+  }
+
+  ${me.L1}
+`,gt=(0,y.I)("span",{name:H,slot:G.MENU_ITEM_LABEL})`
+  padding: 8px 0;
+  font-size: 1rem;
+`,vt=(0,y.I)("span",{name:H,slot:G.MENU_ITEM_SECONDARY_LABEL})`
+  padding: 8px 0;
+  font-size: 0.8462rem;
+  font-style: italic;
+  color: ${e=>e.disabled?e.theme.colors.neutral[500]:e.theme.colors.brand[800]};
+  text-align: right;
+`,Gt=(0,y.I)("div",{name:H,slot:G.MENU_ITEM_ICON})`
+  width: 25px;
+  height: 24px;
+  display: grid;
+  grid-template-columns: min-content auto;
+  place-items: center;
+`,Kt=(0,y.I)("div",{name:H,slot:G.MENU_ITEM_ELLIPSIS_BUTTON})`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  background: transparent;
+  :active {
+    ${e=>e.disabled||e.applyAriaDisabled?"":it()}
+  }
+`,Yt=(0,y.I)("div",{name:H,slot:G.MENU_ITEM_CONTENT})`
+  display: flex;
+  width: 100%;
+  margin: 8px 0px;
+`,Xt=(0,y.I)("hr",{name:H,slot:G.MENU_ITEM_SEPARATOR})`
+  border: 0;
+  border-top: 1px solid #697489;
+  margin: 4px 0px;
+  padding: 0;
+`,Jt=(0,y.I)("li",{name:H,slot:G.MENU_ITEM_SEPARATOR_WRAPPER})`
+  list-style: none;
+  padding: 0px 16px;
+
+  ${me.L1}
+`,Qt=(0,y.I)("span",{name:H,slot:G.MENU_ITEM_GROUP_LABEL})`
+  font-size: 1rem;
+  color: neutral-500;
+`,Zt=(0,y.I)("li",{name:H,slot:G.MENU_ITEM_SECTION_WRAPPER})`
+  list-style: none;
+  padding: 0px 16px;
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+
+  ${me.L1}
+`,qt=(0,y.I)("div",{name:H,slot:G.MENU_ITEM_VERTICAL_SEPARATOR})`
+  width: 1px;
+  height: 18px;
+  background-color: neutral-300;
+`,It=(0,y.I)(Ie.Ay,{name:H,slot:G.MENU_ITEM_CONTENT_WRAPPER})``,ft={innerRef:()=>{},wrapperStyles:{}},At={dsId:s.A.string.description("unique identifier that MUST NOT be repeated to ensure all functionalities works as expected").isRequired,wrapperStyles:s.A.object.description("Styles to be applied to the wrapper element.").defaultValue(ft.wrapperStyles),render:s.A.func.description("A React component that can be used to render the menu item.").signature("React.ComponentType"),innerRef:s.A.oneOfType([s.A.shape({current:s.A.node}),s.A.func.description(" A ref object or callback function to access the main underlying DOM element of the menu item.")]).defaultValue("(() => {})"),original:s.A.object.description("")},en=null,St={...ft,label:"",value:void 0,disabled:!1,isActive:!1,onClick:()=>{},onKeyDown:()=>{},optionsShouldHavePadding:!1,tabIndex:0,applyAriaDisabled:!1,as:"li"},{tabIndex:tn,label:nn,value:on,...xt}=Te.P,ht={...xt,...Ee.w,...At,tabIndex:s.A.oneOfType([s.A.number,s.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."),label:s.A.string.description("The label of the menu item."),value:s.A.any.description("The value of the menu item."),isActive:s.A.bool.description("Whether the menu item is active."),optionsShouldHavePadding:s.A.bool.description("Whether the menu item should have padding. This is used in the context of a menu with options."),secondaryLabel:s.A.string.description("The secondary label of the menu item."),applyAriaDisabled:s.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1),as:s.A.string.description("The HTML element to render the menu item as.")},Tt=ht,Et=`${H}Action`,Pt=(e,t)=>{(0,xe.D)(e,t,Et)},Ot=e=>{const t=(0,fe.b)(e,St);Pt(t,ht);const r=(0,be.u)(t),l=(0,ge.d)(t);return n.useMemo(()=>({propsWithDefault:t,globalProps:r,xstyledProps:l}),[t,r,l])},Je=e=>{const{propsWithDefault:t,globalProps:r,xstyledProps:l}=Ot(e),{dsId:a,label:p,secondaryLabel:m,onClick:c,onKeyDown:h,isActive:f,disabled:d,innerRef:u,wrapperStyles:A,optionsShouldHavePadding:_,render:B,applyAriaDisabled:x,readOnly:E,as:P}=t,te=n.useCallback(R=>{d||x||E||c?.(R)},[d,x,E,c]),ne=n.useCallback(R=>{(x||E)&&(R.code==="Space"||R.code==="Enter")||h?.(R)},[x,E,h]),oe=n.useMemo(()=>{const R=["auto"];return m&&R.push("min-content"),R},[m]);return(0,o.jsx)(bt,{id:a,role:"option",isActive:f,disabled:d,innerRef:u,pl:_?40:16,style:A,"data-type":"action","aria-disabled":x,...r,onClick:te,onKeyDown:ne,...l,as:P,children:B!==void 0?(0,o.jsx)(B,{...t}):(0,o.jsx)(It,{cols:oe,minHeight:"16px",gutter:"xxs",alignItems:"center",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(gt,{children:p}),m!==void 0&&(0,o.jsx)(vt,{children:m})]})})})};Je.displayName="DSActionMenuItem";const Ct=(0,Y.A)(Je);Ct.propTypes=Tt;const Rt=(0,y.I)("section")`
+  list-style: none;
+  min-height: 24px;
+  display: grid;
+  align-items: center;
+`,Mt=(0,y.I)("header")`
+  display: flex;
+  align-items: center;
+  padding: 0px 16px;
+  min-height: 24px;
+  font-size: 1rem;
+  color: neutral-500;
+`,Dt=n.memo(e=>{const{label:t,wrapperStyles:r,focusOptionIdx:l,innerRef:a,options:p,handleClick:m}=e,c=`${t.replace(/ /g,"")}-section`;return(0,o.jsxs)(Rt,{role:"group","aria-labelledby":c,style:r,innerRef:a,children:[(0,o.jsx)(Mt,{id:c,role:"presentation",children:t}),p?.map(h=>(0,o.jsx)(Je,{as:"div",dsId:h.dsId,id:h.dsId,label:h.label,"data-testid":Xe.OPTION,disabled:h.disabled,onClick:f=>m(h,f),isActive:h.dsId===l,"aria-selected":"false"},h.dsId))]})}),Nt=(0,y.I)(Je,{name:X,slot:he.OPTION})``,_t=()=>{const{props:{onSelect:e},inputRef:t,setUserTypedSomething:r,setUserJustSelectedAnOption:l,focusOptionIdx:a,optionsPerSection:p,virtualListHelpers:m,getOwnerProps:c}=(0,n.useContext)(z),h=(0,n.useCallback)((f,d)=>{e(f.label,d),l(!0),r(!1),d.stopPropagation(),d.preventDefault()},[e,r,l]);return(0,n.useMemo)(()=>m?m.virtualItems.map(f=>{const d=p[f.index],u={wrapperStyles:{position:"absolute",top:f.start,left:0,width:"100%"},key:`${d.dsId}`,innerRef:f.measureRef,dsId:d.dsId},A=()=>d;return d.type==="section"?(0,o.jsx)(Dt,{label:d.label,...u,options:d.options,handleClick:h,focusOptionIdx:a}):d.type==="option"?(0,o.jsx)(Nt,{id:d.dsId,label:d.label,"data-testid":Xe.OPTION,disabled:d.disabled,tabIndex:0,onClick:_=>h(d,_),isActive:d.dsId===a,"aria-selected":"false",...u,getOwnerProps:c,getOwnerPropsArguments:A}):null}):null,[p,a,t,m])},wt=e=>{const[t,r]=(0,n.useState)(e?.offsetWidth??0),[l,a]=(0,n.useState)(e?.offsetHeight??0),p=(0,n.useRef)();return(0,n.useEffect)(()=>{function m(){r(e?.offsetWidth??0),a(e?.offsetHeight??0)}p.current=new ResizeObserver(m);const c=e;return c&&p.current.observe(c),()=>{c&&p.current&&p.current.disconnect()}},[e]),(0,n.useMemo)(()=>({width:t,height:l}),[t,l])},jt=()=>{const{props:{options:e},referenceElement:t,inputRef:r,listRef:l,autoCompleteId:a,getOwnerProps:p,virtualListHelpers:{totalSize:m,measure:c}}=(0,n.useContext)(z),h=_t(),{width:f}=wt(t),d=(0,n.useCallback)(()=>{r.current?.focus()},[r]),u=(0,n.useCallback)(A=>{A.preventDefault()},[]);return(0,n.useEffect)(()=>{c&&c()},[f]),(0,o.jsx)(Se,{onMouseDown:u,minWidth:t?.offsetWidth,children:e.length>0&&(0,o.jsx)(Ye,{tabIndex:-1,innerRef:l,children:(0,o.jsx)(Ke,{role:"listbox",id:`menu-list-${a}`,"aria-label":"autocomplete option lists",onFocus:d,"data-testid":Xe.LIST,style:{height:m,margin:"8px 0px"},getOwnerProps:p,children:h},e.length)})})},Lt=()=>{const{props:{onSelect:e,options:t},trackUserInteractingViaKeyboard:r,setForceClosePopover:l,isShowingPopover:a,focusOptionIdx:p,setCurrentOption:m,scrollOptionIntoView:c}=(0,n.useContext)(z),h=t.findIndex(u=>u.dsId===p),f=t.find(u=>u.type==="option"&&u.dsId===p);return{onInputKeyDown:(0,n.useCallback)(u=>{if(r(u),(u.key==="Tab"||u.key==="Escape")&&l(!0),u.key==="Enter"&&a&&f?.label!==void 0&&(u.preventDefault(),e(f?.label,u)),u.key==="ArrowDown"&&(u.preventDefault(),a)){const A=W(t,h,J);m(t[A].dsId),c(t[A].dsId)}if(u.key==="ArrowUp"&&(u.preventDefault(),a)){const A=W(t,h,J,-1);m(t[A].dsId),c(t[A].dsId)}},[r,l,a,e,f?.label,t,h,m,c])}};function Vt(e,t,r){(0,n.useEffect)(()=>{const l=a=>{!e||e?.contains?.(a.target)||r&&r.contains(a.target)||t(a)};return document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l)}},[e,t,r])}const Ut=(0,y.I)(V,{name:X,slot:he.INPUT})``,kt=()=>{const{props:{startPlacementPreference:e,onValueChange:t,inputProps:r,children:l,filter:a,placementOrderPreference:p,renderInput:m,zIndex:c,...h},isShowingPopover:f,referenceElement:d,getOwnerProps:u,setReferenceElement:A,setUserJustSelectedAnOption:_,setUserTypedSomething:B,setUserIsNavigatingWithArrows:x,setForceClosePopover:E,autoCompleteId:P,focusOptionIdx:te}=(0,n.useContext)(z),ne=(0,n.useCallback)(()=>{E(!0)},[E]),{onSelect:oe,id:R,...U}=(0,be.u)(h),K=(0,ge.d)(h),{onInputKeyDown:Qe}=Lt(),Ze=!t&&!m?n.Children.only(l):null,ct=(0,n.useMemo)(()=>({placement:"bottom",withoutAnimation:!0,startPlacementPreference:e,placementOrderPreference:p,zIndex:c,customOffset:[0,5],handleCloseMenu:ne,externallyControlledIsOpen:f}),[e,p,c,ne,f]),{refs:pt,floatingStyles:$t,context:Bt}=(0,N.N)(ct),Ft=(0,ke.Px)(A,pt.setReference),zt=(0,n.useCallback)(()=>{E(!0)},[E]);Vt(d,zt,pt.floating);const Ht=(0,n.useCallback)(()=>{E(!1),_(!1),B(!1),x(!1)},[E,x,_,B]);return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(q,{id:R,innerRef:Ft,onKeyDown:Qe,onFocus:Ht,"data-testid":Xe.CONTAINER,getOwnerProps:u,...U,...K,children:[Ze||m&&m({value:a,role:"combobox","aria-expanded":f,"aria-controls":`menu-list-${P}`,"aria-activedescendant":f?te:void 0,"aria-autocomplete":"list",autoComplete:"off",autoCorrect:"off",spellCheck:"false",...r})||(0,o.jsx)(Ut,{onValueChange:t,value:a,role:"combobox","aria-expanded":f,"aria-controls":`menu-list-${P}`,"aria-activedescendant":f?te:void 0,"aria-autocomplete":"list",autoComplete:"off",autoCorrect:"off",spellCheck:"false",...r,getOwnerProps:u}),a&&(0,o.jsx)(Z.M,{innerRef:pt.setFloating,floatingStyles:$t,isOpen:f,context:Bt,children:(0,o.jsx)(at,{tabIndex:-1,children:(0,o.jsx)(jt,{})})})]})})},ut=e=>{const t=le(e);return(0,o.jsx)(L.Provider,{value:t,children:(0,o.jsx)(kt,{})})};ut.displayName=X;const Wt=(0,Y.A)(ut);Wt.propTypes=i}}]);

package/demo/docs/9576.77449673.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[9576],{"./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js"(d,e,a){var o=a("./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js");if(!0)e.createRoot=o.createRoot,e.hydrateRoot=o.hydrateRoot;else var _}}]);