@elliemae/pui-app-sdk 5.31.1 → 5.31.4

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

@@ -0,0 +1,142 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[3043],{"./node_modules/.pnpm/@elliemae+ds-form-radio@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js":(le,V,s)=>{s.d(V,{vz:()=>r});var d=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),x=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),H=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),U=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),K=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),m=s("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),_=s("./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"),D=s("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),M=s("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),l=s("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),B=s("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/th.js");const Y=({colors:e},o,a,n,c,y)=>y?e.danger[900]:n||c?e.neutral[500]:e.brand[600],w=(e,o,a,n,c,y=!1,b="mediaquery")=>{const G=`
+  content:"";
+  width: 0.615rem; /* 8px / 13 */
+  height: 0.615rem; /* 8px / 13 */
+  border-radius:50%;
+  display:inline-block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  background: ${Y(e,o,y,a,n,c)};
+`,S=`
+    @media (max-width: ${e.breakpoints.small}) {
+      width: 0.75rem; /* 12px / 16 */
+      height: 0.75rem; /* 12px / 16 */
+    }
+    ${G}
+`,z=`
+    ${G}
+    width: 0.923rem; /* 12px / 13 */
+    height: 0.923rem; /* 12px / 13 */
+    @media (max-width: ${e.breakpoints.small}) {
+      width: 0.75rem; /* 12px / 16 */
+      height: 0.75rem; /* 12px / 16 */
+    }
+  `;return o?`&:before {
+        ${b==="mediaquery"?S:b==="mobile"?z:G}
+    }`:""},J=({colors:e},o,a)=>o?e.neutral["080"]:a?e.neutral["050"]:e.neutral["000"],f="DSRadio",i={CONTAINER:"root",INPUT:"input",LABEL:"label"},v=(0,D.I)("div",{name:f,slot:i.CONTAINER})`
+  ${({device:e,theme:o})=>e==="mobile"?`    
+      @media (max-width: ${o.breakpoints.small}) {
+      grid-template-columns: 1.5rem auto; /* 24px / 16px */
+    }
+      grid-template-columns: 1.846rem auto;
+      `:e==="mediaquery"?`
+        @media (max-width: ${o.breakpoints.small}) {
+          grid-template-columns: 1.5rem auto;
+        }
+        grid-template-columns: 1.23rem auto;
+    `:`
+    @media (max-width: ${o.breakpoints.small}) {
+      grid-template-columns: 1rem auto; /* 16px / 16px */
+    }
+    grid-template-columns: 1.2307rem auto; /* 16px / 13 */
+
+    `}
+  ${({hasLabel:e})=>e?"column-gap: 8px;":""}
+  display: inline-grid;
+  grid-template-rows: min-content;
+
+  align-items: center;
+  ${M.L1}
+`,k=(0,D.I)("span")`
+  ${({device:e,theme:o})=>e==="mobile"?`    
+      @media (max-width: ${o.breakpoints.small}) {
+        width: 1.5rem;  /* 24px / 16 */
+        height: 1.5rem;  /* 24px / 16 */
+      }
+      width: 1.846rem; /* 24px / 13 */
+      height: 1.846rem;  /* 24px / 13 */`:e==="mediaquery"?`
+        @media (max-width: ${o.breakpoints.small}) {
+          width: 1.5rem;  /* 24px / 16 */
+          height: 1.5rem;  /* 24px / 16 */
+        }
+        width: 1.2307rem; /* 16px / 13 */
+        height: 1.2307rem; /* 16px / 13 */
+      `:`
+    @media (max-width: ${o.breakpoints.small}) {
+      width: 1rem;  /* 16px / 16 */
+      height: 1rem;  /* 16px / 16 */
+    }
+    width: 1.2307rem; /* 16px / 13 */
+    height: 1.2307rem; /* 16px / 13 */
+  `}
+  border: 1px solid ${({theme:e,hasError:o})=>o?e.colors.danger[900]:e.colors.neutral[400]};
+  border-radius: 50px;
+  position: relative;
+  background: ${({theme:e,disabled:o,applyAriaDisabled:a,readOnly:n})=>J(e,o,n||a)};
+  ${({theme:e,checked:o,disabled:a,applyAriaDisabled:n,readOnly:c,hasError:y,device:b})=>w(e,o,a||n,c,y,!1,b)}
+  &:focus-within {
+    ${({theme:e,hasError:o,disabled:a})=>a?void 0:`border: 1px solid ${o?e.colors.danger[900]:e.colors.brand[700]}; outline : 1px solid ${o?e.colors.danger[900]:e.colors.brand[700]} `};
+    &:hover {
+      ${({theme:e,checked:o,disabled:a,applyAriaDisabled:n,readOnly:c,hasError:y,device:b})=>w(e,o,a||n,c,y,!0,b)}
+    }
+  }
+  &:hover {
+    background: ${({theme:e,applyAriaDisabled:o,readOnly:a,disabled:n})=>o||a?e.colors.neutral["050"]:!n&&!o?e.colors.brand[200]:void 0};
+    ${({theme:e,hasError:o,disabled:a})=>!o&&!a?` border: 1px solid  ${e.colors.brand[600]}`:void 0};
+  }
+`,P=(0,l.AH)`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`,j=(0,D.I)("input",{name:f,slot:i.INPUT})`
+  ${P}
+  &:disabled, &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+`,W=(0,D.I)("label",{name:f,slot:i.LABEL})`
+  color: ${({theme:e,disabled:o,readOnly:a})=>o||a?e.colors.neutral[700]:e.colors.neutral[800]};
+  line-height: 1.2307rem;
+  @media (max-width: ${B.th.breakpoint("small")}) {
+    line-height: 1rem; /* 13px / 16 */
+  }
+  ${({device:e,theme:o})=>e==="mobile"?`
+        @media (max-width: ${o.breakpoints.small}) {
+          font-size: 1rem;  /* 16px / 16 */
+        }
+        font-size: 1.2307rem; /* 16px / 13 */
+        `:e===void 0?`
+          font-size: 1rem; 
+        `:`
+      @media (max-width: ${o.breakpoints.small}) {
+        font-size: 0.8125rem;  /* 13px / 16 */
+      }
+  
+      font-size: 1rem;  /* 13px / 13 */
+    `}
+  display: inherit;
+  width: fit-content;
+
+  ${({disabled:e})=>e?`&:hover {
+    cursor: not-allowed;
+  }`:`&:hover {
+    cursor: pointer;
+  }`}
+`,L=(0,D.I)("span")``,g=D.I.p`
+  display: none;
+`;var O=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),Q=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),p=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const $={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,visualOnly:!1,applyAriaDisabled:!1,device:"mediaquery"},F={...O.P,...Q.w,value:p.A.string.description("Radio value"),onChange:p.A.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),label:p.A.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),checked:p.A.bool.description("Whether the radio is checked or not"),hasError:p.A.bool.description("Whether the radio has error or not."),innerRef:p.A.oneOfType([p.A.func,p.A.object]).description("Radio input ref."),wrapLabel:p.A.bool.description("Whether to wrap or truncate the label"),device:p.A.oneOf(["mobile","desktop","mediaquery"]).description("used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect").defaultValue("mediaquery"),applyAriaDisabled:p.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION").defaultValue(!1)},u=F;var h=s("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");const A=e=>{throw new Error(`DSControlledRadio:: ${e}
+  `)},N=(e,o)=>{(0,h.D)(e,o,f),typeof e.label>"u"&&typeof e["aria-label"]>"u"&&A("Please provide a label or ariaLabel property to use this component.")},E={CONTAINER:"ds-radio-container",INPUT:"ds-radio",READONLY_HELPER_MSG:"ds-radio-readonly-helper-msg"},R=e=>{const o=(0,x.b)(e,$);N(e,F);const{checked:a,applyAriaDisabled:n,visualOnly:c,device:y,hasError:b,innerRef:G,value:S,wrapLabel:z,onChange:C}=o,oe=(0,d.useCallback)(ee=>{C&&S&&!n&&C(S,ee)},[n,C,S]),te=(0,d.useCallback)(ee=>{ee.key==="Enter"&&oe(ee)},[oe]),ae=d.useMemo(()=>({onKeyDown:te}),[te]),{id:ne,disabled:se,readOnly:X,label:Z,className:de,...re}=(0,H.u)(o,ae),q=(0,d.useMemo)(()=>ne||`ds-form-radio-${(0,m.L)(5)}`,[ne]),ie=(0,U.d)(o);return(0,t.jsxs)(v,{device:y,"data-testid":"ds-radio-container",hasLabel:Boolean(Z),className:de,...ie,children:[(0,t.jsx)(k,{device:y,checked:a,hasError:b,disabled:se,applyAriaDisabled:n,readOnly:X,children:c?null:(0,t.jsx)(j,{"data-testid":"ds-radio",type:"radio",...ae,...re,id:q,innerRef:G,onChange:oe,checked:a,disabled:se,"aria-disabled":n||X,"aria-invalid":b,"aria-describedby":X?`${q}-read-only-helper-msg`:void 0})}),Z&&(0,t.jsx)(W,{device:y,htmlFor:q,disabled:se||n,readOnly:X,checked:a,"data-testid":"ds-radio-label",children:z?(0,t.jsx)(L,{children:Z}):(0,t.jsx)(_.n,{value:Z})}),X?(0,t.jsx)(g,{"data-testid":E.READONLY_HELPER_MSG,id:`${q}-read-only-helper-msg`,children:"Read only"}):null]})};R.displayName="DSControlledRadio";const I=(0,K.A)(R);I.propTypes=u;const r=({...e})=>(0,t.jsx)(R,{...e}),T=({...e})=>jsx(Radio,{...e,visualOnly:!0})},"./node_modules/.pnpm/@elliemae+ds-legacy-form@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-form/dist/esm/RadioGroup/DSRadioGroup.js":(le,V,s)=>{s.d(V,{Q_:()=>p});var d=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),x=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"),H=s("./node_modules/.pnpm/@elliemae+ds-legacy-shared@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-shared/dist/esm/GroupContext/GroupContext.js");const{Consumer:U}=H.t,K=({render:u})=>(0,t.jsx)(U,{children:h=>u(h)});var m=null,_=s("./node_modules/.pnpm/@elliemae+ds-legacy-shared@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-shared/dist/esm/GroupContext/Group.js"),D=s("./node_modules/.pnpm/@elliemae+ds-legacy-form@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-form/dist/esm/FormItem/DSFormItemLayout.js"),M=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"),l=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"),B=s("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16/node_modules/@elliemae/ds-legacy-classnames/dist/esm/classNameManager.js"),Y=s("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js");const w=({checked:u,theme:h})=>{const A=h.breakpoints.medium.split("px")[0]-window.innerWidth>=0?6:4;return(0,t.jsx)("svg",{width:"100%",height:"100%",children:(0,t.jsx)("circle",{className:u?"checked":"unchecked",r:A,cx:"50%",cy:"50%"})})},J=(0,Y.SL)(w);var f=null;const i=({containerProps:u,className:h,style:A,labelText:N,htmlFor:E,hasError:R,readOnly:I,disabled:r,checked:T,value:e,name:o,onChange:a,children:n,tabIndex:c,innerRef:y,...b})=>{(0,M.y)({componentName:"ds-form/DSRadio",version:"3.x Date: 2023 Q1"});const{cssClassName:G,classNameElement:S}=(0,B.Ay)("form-element-radio",h,{hasError:R,readOnly:I,disabled:r}),z=(0,d.useRef)(null);return(0,t.jsxs)("div",{...u,className:G,children:[(0,t.jsxs)("label",{className:S("label"),htmlFor:E,children:[(0,t.jsx)("input",{...b,ref:z,"aria-disabled":r,checked:r?!1:T,className:S("input"),disabled:r,name:o,onChange:C=>{!I&&!r&&a(C)},readOnly:I,tabIndex:-1,type:"radio",value:e}),(0,t.jsx)("span",{ref:y,"aria-checked":T,"aria-disabled":r,className:S("input-button"),onKeyDown:C=>{C.target=z.current,!r&&(C.key==="Enter"||C.keyCode===32?a(C):b.onKeyDown&&b.onKeyDown(C))},role:"radio",style:A,tabIndex:r?-1:c,children:(0,t.jsx)(J,{checked:T})}),(0,t.jsx)("span",{className:S("label-text"),children:N})]}),n&&(0,t.jsx)("div",{className:S("radio-children"),children:n})]})};i.defaultProps={containerProps:{},className:"",hasError:!1,readOnly:!1,disabled:!1,checked:!1,name:"",onChange:()=>null,children:null,tabIndex:0};const v={containerProps:l.A.object.description("Injected props to wrapper element of component"),className:l.A.string.description("css class prop"),name:l.A.string.description("name property to manage form"),labelText:l.A.string.description("Displayable label for the radio"),htmlFor:l.A.element.description("HTMLFOR property to manage form"),hasError:l.A.bool.description("Whether the radio has error or not"),readOnly:l.A.bool.description("Whether the radio is read only or not"),disabled:l.A.bool.description("Whether the radio is disabled or not"),checked:l.A.bool.description("Whether the radio is checked or not"),value:l.A.oneOfType([l.A.string,l.A.number,l.A.object]).description("Value that takes the checkbox if it is checked").isRequired,onChange:l.A.func.description("Allows a function that is triggered once the radio changes"),children:l.A.node.description("Optional, if you want a checkbox customized"),tabIndex:l.A.number.description("HTML tabindex to manage focus"),style:l.A.object.description("style override object")};i.propTypes=v,i.displayName="DSRadio";const k=(0,x.A)(i);k.propTypes=v;var P=null,j=s("./node_modules/.pnpm/@elliemae+ds-legacy-shared@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-shared/dist/esm/prop-types.js");const W={containerProps:l.A.object.description("Inject props to component wrapper"),onChange:l.A.func.description("Allows a function that is triggered once the radio group changes"),activeValue:l.A.oneOfType([l.A.string,l.A.number]).description("Selected default active value"),children:l.A.arrayOf(l.A.element).isRequired.description("Radio group items to show of type DSRadio"),orientation:l.A.oneOf(j.JW).description("['horizontal', 'vertical']"),disabled:l.A.bool.description(""),labelProps:l.A.shape({feedbackMessage:l.A.string,labelText:l.A.oneOfType([l.A.string,l.A.element]),required:l.A.bool}).description("Whether the radio group is disabled or not")},L={containerProps:{},onChange:()=>null,orientation:"vertical",disabled:!1,truncateText:!1,labelProps:{feedbackMessage:"",labelText:"",required:!1}},O="em-ds-radio-group",Q=u=>(0,t.jsx)(K,{render:h=>(0,t.jsx)(i,{...u,checked:h.activeValue===u.value,disabled:h.disabled||u.disabled,onChange:h.onChange})}),p=({containerProps:u,onChange:h,activeValue:A,children:N,orientation:E,disabled:R,truncateText:I,labelProps:r})=>{const T=[],e=d.Children.count(N),o=(n,c)=>{(n.key==="ArrowLeft"||n.key==="ArrowUp")&&(c===0?T[e-1].focus():T[c-1].focus()),(n.key==="ArrowRight"||n.key==="ArrowDown")&&(c===e-1?T[0].focus():T[c+1].focus())},a=(0,t.jsx)(_.Y,{activeValue:A,disabled:R,onChange:h,children:(0,t.jsx)("div",{"data-testid":"ds-radiogroup",...r&&r.labelText?{}:u,className:`${O} ${O}--${E}`,role:"group",children:d.Children.map(N,(n,c)=>(0,t.jsx)(Q,{...n.props,innerRef:y=>{T.push(y)},onKeyDown:y=>o(y,c)}),null)})});return r&&r.labelText?(0,t.jsx)("div",{className:`${O}-form-item-layout-wrapper`,...u,role:"group",children:(0,t.jsx)(D.T4,{...r,inputComponent:a,onChange:h,truncateText:I})}):a};p.propTypes=W,p.defaultProps=L,p.displayName="DSRadioGroup";const $=(0,x.A)(p);$.propTypes=W;var F=null},"./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js":(le,V,s)=>{s.d(V,{n:()=>w});var d=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),x=s("./node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js"),H=s("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),U=s("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),K=s("./node_modules/.pnpm/@elliemae+ds-legacy-popover@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popover/dist/esm/DSPopover.js"),m=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");const _=(f,i)=>{const v=(0,d.useRef)(),k=(0,d.useCallback)(()=>{const j=v.current;j&&(v.current=void 0,clearTimeout(j))},[v]);return[(0,d.useCallback)((...j)=>{v.current=setTimeout(()=>f(...j),i)},[f,i]),k]};var D=null;const M="DS-SimpleTruncateText",l=({offsetWidth:f,scrollWidth:i})=>f<i,B=(f="",i={})=>({reference:null,visible:!1,value:f,options:i}),Y=H.I.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`,w=f=>{const{containerProps:i,tooltipDelay:v,placement:k,value:P,zIndex:j,tooltipOptions:W,textOptions:L}=f,[g,O]=(0,d.useState)(B(P,W)),Q=(0,d.useCallback)(r=>{O({...g,...r,visible:!0})},[g]),p=(0,d.useCallback)(r=>{O({...g,...r,visible:!1})},[g]),[$,F]=_(Q,v),u=(0,d.useCallback)(r=>{const{target:T}=r,e=T.closest(`[data-testid="${M}"]`);e&&l(e)&&$({value:P,reference:e})},[$,P]),h=(0,d.useCallback)(()=>{F(),p({reference:null})},[p,F]),A=(0,d.useMemo)(()=>$?{onMouseEnter:u,onMouseLeave:h}:{},[$,u,h]),N=(0,d.useContext)(U.Dx),E=(0,d.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:g.visible?(0,t.jsx)(K.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:j??N.zIndex.tooltip},placement:k,content:g.value,referenceEl:g.reference,visible:g.visible,showArrow:!0}):null}),[g,k,j]),R=(0,d.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(Y,{...i&&{...i},...L&&{...L},...A&&{...A},"data-testid":M,children:P})}),[i,L,A,P]);return(0,d.useMemo)(()=>(0,t.jsxs)(t.Fragment,{children:[R,E]}),[R,E])};w.propTypes={containerProps:x.object,tooltipOptions:x.object,textOptions:x.object,value:x.oneOfType([x.string,x.number,x.node]),placement:x.oneOf([m.y.AUTO_START,m.y.AUTO_END,m.y.AUTO,m.y.TOP_START,m.y.TOP,m.y.TOP_END,m.y.RIGHT_START,m.y.RIGHT,m.y.RIGHT_END,m.y.BOTTOM_START,m.y.BOTTOM,m.y.BOTTOM_END,m.y.LEFT_START,m.y.LEFT,m.y.LEFT_END]),tooltipDelay:x.number,zIndex:x.number},w.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:m.y.TOP,tooltipDelay:200};var J=null}}]);