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

package/demo/docs/2167.7e435a04.iframe.bundle.js

@@ -0,0 +1,3 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2167],{"./node_modules/.pnpm/@elliemae+ds-legacy-common@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-common/dist/esm/Input/DSInput.js"(Z,j,s){s.d(j,{_C:()=>be});var u=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),r=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),e=s("./node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js"),x=s("./node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/lodash.js"),l=s("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/aggregatedClasses.js"),b=s("./node_modules/.pnpm/@elliemae+ds-legacy-icons@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-icons/dist/esm/utils/createIcon.js"),v=(0,b.w)({paths:["M15 10.5c0 3.038-2.462 5.5-5.5 5.5S4 13.538 4 10.5 6.462 5 9.5 5 15 7.462 15 10.5zm-2.672-2.121l-.707-.707L9.5 9.793 7.379 7.672l-.707.707L8.793 10.5l-2.121 2.121.707.707L9.5 11.207l2.121 2.121.707-.707-2.121-2.121 2.121-2.121z"],height:20,width:20}),E=s("./node_modules/.pnpm/@elliemae+ds-legacy-button-v1@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v1/dist/esm/DSButton.js"),M=s("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/classNameManager.js"),W=s("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.7.0_react-dom@17.0.2/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/useDeprecateComponent/index.js"),F=s("./node_modules/.pnpm/@elliemae+ds-legacy-utilities@1.0.16/node_modules/@elliemae/ds-legacy-utilities/dist/esm/getComponentFromProps.js"),i=s("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/PropTypes.js"),ce=s("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/describe.js");const q=200,ee=300,we=null,Me="am",We="pm",Fe="ArrowUp",Ne="ArrowDown",Be="Backspace",Ue="Escape",He="Home",Ve="Shift",$e="End",Ke={min:0,max:12},ze={min:0,max:24},Ge={min:0,max:59},ke={hour:"hour",minutes:"minutes",seconds:"seconds",meridiem:"meridiem"};var N=s("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/positions.js"),B=s("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/interaction.js"),me=s("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/DSPopper.js");const U={TOOLTIP:"tooltip",TOOLBAR:"toolbar"},H="tooltip",ue=(0,l.A)("div")(H,!1,!1,{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),he=(0,l.A)("span")(H,"text",!1,{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),D=({containerProps:a={},innerRef:o,placement:t=N.y.TOP,title:n="",delayClose:p=ee,delayOpen:d=q,interactionType:c=B.N.HOVER,triggerComponent:m=null,className:h="",isOpen:C=void 0,onOpen:f=()=>null,springAnimationComponent:T=void 0,tooltipType:g=U.TOOLTIP,showArrow:y=!0,zIndex:O,...P})=>{(0,W.y)({componentName:"ds-tooltip",version:"TBD Date: 2023 Q3"});const{cssClassName:A}=(0,M.Ay)(H);let _=n;return typeof n=="string"&&(_=(0,r.jsx)(he,{children:n})),(0,r.jsx)(me.Cj,{blockName:A,contentComponent:(0,r.jsx)(ue,{...a,...P,className:`tooltip-container--${g} ${h}`,innerRef:o,children:_}),delayClose:p,delayOpen:d,interactionType:c,isOpen:C,onOpen:f,placement:t,showArrow:g===U.TOOLTIP?y:!1,springAnimationComponent:T,triggerComponent:(0,F.A)(m),zIndex:O})},te={containerProps:i.A.object.description("Set of Properties attached to the main container"),placement:i.A.oneOf(N.X).description("Tooltip position").defaultValue(N.y.TOP),title:i.A.oneOfType([i.A.string,i.A.element]).description("Tooltip content").isRequired,delayClose:i.A.string.description("Delay to close the tooltip").defaultValue(ee),delayOpen:i.A.string.description("Delay to open the tooltip ").defaultValue(q),interactionType:i.A.oneOf(B.y).description("A type indicating how to open/close the tooltip").defaultValue(B.N.HOVER),triggerComponent:i.A.element.description(`The component that will open/close the tooltip. 
+    Cannot be used with disabled elements. 
+    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,isOpen:i.A.bool.description("Whether the tooltip is visible or not").defaultValue(void 0),onOpen:i.A.func.description("Handler when the tooltip opens"),springAnimationComponent:i.A.element.description("Spring animation component"),showArrow:i.A.bool.description("Whether to show an arrow or not").defaultValue(!0),className:i.A.string.description("css class"),tooltipType:i.A.oneOf(["tooltip","toolbar"]).description("Type of tooltip").defaultValue(U.TOOLTIP),zIndex:i.A.number.description("z-index value assigned to the tooltip").defaultValue(void 0),innerRef:i.A.oneOfType([i.A.func,i.A.object]).description("Ref to the tooltip container element")};D.propTypes=te,D.displayName="DSTooltip";const fe=(0,ce.A)(D);fe.propTypes=te;var Qe=null;const oe="input-addon-wrapper",ge=(0,l.A)("div")(oe),ye=(0,l.A)("span")(oe,"addon",({left:a,right:o,variant:t,hasError:n})=>({left:a,right:o,error:n,[t]:t}));class ne extends u.Component{constructor(o){super(o),this.renderAddonComponent=this.renderAddonComponent.bind(this),this.getLeftAddon=this.getLeftAddon.bind(this),this.getRightAddon=this.getRightAddon.bind(this)}getLeftAddon(o){return this.renderAddonComponent(!0,o)}getRightAddon(o){return this.renderAddonComponent(!1,o)}renderAddonComponent(o=!0,t){if(!t||Array.isArray(t)&&!t.filter(c=>c).length)return null;const{containerProps:n,hasError:p}=this.props,d=o?{left:!0}:{right:!0};return(0,r.jsx)(ye,{classProps:d,hasError:p,...n,children:t.map((c,m)=>c&&u.cloneElement(c,{...c.props,key:m}))})}render(){const{className:o,innerRef:t,rightComponents:n,leftComponents:p,children:d,variant:c,containerProps:m}=this.props,h=u.Children.only(d),{hasError:C,readOnly:f,disabled:T}=h.props,g=this.getRightAddon([...n]),y=this.getLeftAddon([...p]);return(0,r.jsxs)(ge,{className:o,classProps:{hasError:C,readOnly:f,disabled:T,variant:c},innerRef:t,...m,children:[y,h,g]})}}ne.defaultProps={rightComponents:[],leftComponents:[],containerProps:{}};var Ye=null;const S="input",Ae=(0,l.A)("input")(S,null,({clearable:a,value:o})=>({clearable:a,value:o})),se=(0,l.A)("div")(S,"tooltip-ref"),ve=(0,l.A)("div")(S,null,({clearable:a,value:o})=>({clearable:a,value:o})),Ce=(0,l.A)(E.IF)(S,"clearable"),le=a=>a,ie=()=>null;class V extends u.Component{constructor(o){super(o),this.handleOnChange=t=>{const{onChange:n,max:p}=this.props,{value:d}=t.target;p&&d>p||(n&&n(t),this.ref.current&&this.setState({isEllipsisOn:this.ref.current.offsetWidth<this.ref.current.scrollWidth}))},this.handleBlur=t=>{const{onBlur:n,onChange:p,min:d}=this.props,{value:c}=t.target;d&&c<d&&c!==""&&p({target:{value:d.toString()}}),n(t),this.setState({active:!1})},this.handleFocus=t=>{const{onFocus:n}=this.props;n(t),this.setState({active:!0})},this.handleMouseEnter=()=>{this.state.showTooltip||this.setState({showTooltip:!0})},this.handleMouseLeave=()=>{this.state.showTooltip&&this.setState({showTooltip:!1})},this.setWidth=()=>{const t=this.refTooltip.current.getBoundingClientRect();this.setState({width:t.width})},this.handleClear=()=>{const{onClear:t,onChange:n,clearable:p}=this.props;p&&t?t():n({target:{value:""}}),(this.ref||{}).current&&this.ref.current.focus()},this.state={width:-1,isEllipsisOn:!1,active:!1,showTooltip:!1},this.ref=u.createRef(),this.refTooltip=u.createRef(),this.renderClearableComponent=this.renderClearableComponent.bind(this)}componentDidMount(){this.setWidth(),window.addEventListener("resize",this.setWidth),this.setState({isEllipsisOn:this.ref.current?this.ref.current.offsetWidth<this.ref.current.scrollWidth:!1})}componentWillUnmount(){window.removeEventListener("resize",this.setWidth)}renderClearableComponent(){const{clearable:o,value:t,disabled:n}=this.props;return n?null:o&&t?(0,r.jsx)(Ce,{buttonType:"text","data-testid":"ds-input_clearable-btn",disabled:n,icon:(0,r.jsx)(v,{}),onClick:this.handleClear}):null}render(){const{role:o,id:t,isShowElipsisActive:n,autoFocus:p,className:d,name:c,innerRef:m,maxLength:h,minLength:C,placeholder:f,leftComponent:T,rightComponent:g,disableTooltip:y,readOnly:O,disabled:P,value:A,onClick:_,onChange:$,onKeyDown:K,onKeyUp:z,onFocus:G,onBlur:k,onPaste:Q,required:L,type:I,customInputType:re,min:Ee,max:Oe,clearable:Y,onMouseLeave:_e,onMouseOut:Ie,style:je,containerProps:X,tabIndex:xe,hasError:Pe,...R}=this.props,{width:De,active:Se,showTooltip:Le,isEllipsisOn:Re}=this.state,ae=[this.renderClearableComponent(),g].filter(le),de=[T].filter(le),pe={"aria-label":R["aria-label"],"aria-invalid":R["aria-invalid"],"aria-placeholder":f,"aria-required":L,"aria-multiline":!1,"aria-autocomplete":"none","data-testid":R["data-testid"],"aria-describedby":R["aria-describedby"],role:o,id:t,innerRef:J=>{this.ref={current:J},m&&(typeof m=="function"?m(J):m.current=J)},className:d,autoFocus:p,disabled:P,maxLength:h,minLength:C,name:c,onBlur:k,onChange:$,onClick:_,onFocus:G,onKeyDown:K,onKeyUp:z,onPaste:Q,onMouseLeave:_e,disableTooltip:y,onMouseOut:Ie,placeholder:f,required:L,type:I,value:A,min:Ee,max:Oe,style:je,tabIndex:xe,readOnly:O,...X};let w=(0,r.jsx)(se,{ref:this.refTooltip,style:{width:"100%"},children:re?(0,r.jsx)(ve,{className:d,...X,clearable:Y,value:A,children:re({...pe})}):(0,r.jsx)(Ae,{...(0,x.omit)(pe,["disableTooltip"]),autoComplete:"off",clearable:`${Y}`,onChange:this.handleOnChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onMouseOver:this.handleMouseEnter,onMouseOut:this.handleMouseLeave,value:A})});return n&&(w=(0,r.jsx)(D,{isOpen:!y&&Re&&!Se&&Le&&De,title:String(A),zIndex:11,triggerComponent:(0,r.jsx)(se,{style:{width:"100%"},children:w})})),ae.length||de.length||Y?(0,r.jsx)(ne,{className:d,leftComponents:de,rightComponents:ae,hasError:Pe,...X,children:w}):w}}V.defaultProps={onBlur:ie,onFocus:ie};const Te={className:e.string,customInputType:e.func,id:e.oneOfType([e.string,e.number]),isShowElipsisActive:e.bool,max:e.oneOfType([e.string,e.number]),min:e.oneOfType([e.string,e.number]),name:e.string,onBlur:e.func,onChange:e.func,onClick:e.func,onFocus:e.func,onKeyDown:e.func,onKeyUp:e.func,onMouseLeave:e.func,onMouseOut:e.func,onPaste:e.func,onClear:e.func,placeholder:e.string,required:e.bool,role:e.string,innerRef:e.oneOfType([e.func,e.shape({current:e.any})]),maxLength:e.number,minLength:e.number,leftComponent:e.element,rightComponent:e.element,hasError:e.bool,disableTooltip:e.bool,readOnly:e.bool,disabled:e.bool,autoFocus:e.bool,type:e.string,clearable:e.bool,containerProps:e.object,style:e.object,tabIndex:e.oneOfType([e.string,e.number]),value(a,o,t){if(a.isShowElipsisActive&&typeof a[o]!="string")return new Error(`Invalid prop \`${o}\` of type \`${typeof a[o]}\` supplied to \`${t}\`. Prop \`value\` should be of type \`string\` if prop \`isShowElipsisActive\` is set to \`true\`. Either set \`isShowElipsisActive\` to \`false\`, or properly format your \`value\` prop to \`string\`.`)}};V.propTypes=Te;var Xe=null;const be=({containerProps:a={},id:o,autoFocus:t=!1,disabled:n=!1,className:p="",clearable:d=!1,name:c="",maxLength:m=255,minLength:h=0,fluidWidth:C=!1,disableTooltip:f=!0,placeholder:T,value:g="",hasError:y=!1,readOnly:O=!1,innerRef:P=null,type:A="text",min:_=void 0,max:$=void 0,leftComponent:K=null,rightComponent:z=null,required:G=!1,customInputType:k=null,variant:Q,isShowElipsisActive:L=!0,...I})=>((0,W.y)({componentName:"ds-form/Input",version:"3.x Date: 2023 Q1"}),(0,r.jsx)(V,{...I,"aria-label":I["aria-label"],"aria-describedby":I["aria-describedby"],autoFocus:t,className:`${p} ${n?"input-disabled":""}${O?"read-only":""}`,clearable:d,containerProps:a,customInputType:k,"data-testid":I["data-testid"]||"ds-input_main-component",disabled:n,disableTooltip:f,fluidWidth:C,hasError:y,id:o,innerRef:P,isShowElipsisActive:L,leftComponent:K,max:$,maxLength:m,min:_,minLength:h,name:c,placeholder:T,readOnly:O,required:G,rightComponent:z,type:A,value:g,variant:Q}));var Je=null},"./node_modules/.pnpm/@elliemae+ds-legacy-icons@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-icons/dist/esm/utils/createIcon.js"(Z,j,s){s.d(j,{w:()=>x});var u=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),r=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),e=s("./node_modules/.pnpm/@elliemae+ds-legacy-icons@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-icons/dist/esm/utils/SvgIcon.js");const x=({containerProps:b={},paths:v,height:E,width:M})=>F=>(0,r.jsx)(e.Ah,{...F,...b,paths:v,viewBox:`0 0 ${M} ${E}`});var l=null},"./node_modules/.pnpm/@elliemae+ds-legacy-utilities@1.0.16/node_modules/@elliemae/ds-legacy-utilities/dist/esm/getComponentFromProps.js"(Z,j,s){s.d(j,{A:()=>x});var u=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),r=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),x=(l,b,v=[])=>{if(!l)return null;const E=typeof l!="function"&&l.props?Array.isArray(l.props.children)?l.props.children:[l.props.children]:null;return typeof l=="function"?(0,r.jsx)(l,{...b,children:v}):u.cloneElement(l,{...l.props,...b},E?[...E,...v]:[...v])}}}]);