@elliemae/pui-app-sdk 5.31.0 → 5.31.4

package/demo/docs/2371.a29dfdf6.iframe.bundle.js

@@ -0,0 +1,230 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2371],{"./node_modules/.pnpm/@elliemae+ds-form-checkbox@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-checkbox/dist/esm/index.js":(me,J,a)=>{a.d(J,{$W:()=>ye,Lt:()=>Te});var d=a("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),p=a("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),h=a("./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"),Q=a("./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"),Z=a("./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"),q=a("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),s=a("./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"),ee=a("./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/helpers.js");const C="DSCheckbox",y={CONTAINER:"root",INPUT:"input",INPUT_WRAPPER:"input-wrapper",LABEL:"label"},de={...(0,ee.lD)(C,y),CONTAINER:"ds-checkbox-container",INPUT:"ds-checkbox"},te={MOBILE:"mobile",DESKTOP:"desktop"},oe={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,applyAriaDisabled:!1,readOnly:!1,tabIndex:0,onChange:()=>{},visualOnly:!1,withRelatedBlockLabel:!1},O={...Q.P,...Z.w,...(0,q.Y)(C,y),checked:s.A.oneOfType([s.A.bool,s.A.string]).description("Wheter the checkbox is set as bool or mixed").isRequiredIf(e=>!e.disabled&&!e.readOnly).defaultValue(!1),onChange:s.A.func.description("function executed when the checkbox changes state").signature("(( newIsChecked: boolean, e: React.SyntheticEvent ) => void )").isRequiredIf(e=>!e.disabled&&!e.readOnly&&!e.applyAriaDisabled),"aria-controls":s.A.string.description('a11y required attribute when "mixed" state is to be supported').isRequiredIf(e=>e.checked==="mixed"&&typeof e.ariaControls!="string"),ariaControls:s.A.string.description('deprecated equivalent of "aria-controls", please use "aria-controls" instead').deprecated({version:"3.x",message:'use "aria-controls" instead'}).isRequiredIf(e=>e.checked==="mixed"&&typeof e["aria-controls"]!="string"),label:s.A.string.description("Checkbox Label property. This label is also going to be used as an aria-label for screen readers."),hasError:s.A.bool.description("Whether the checkbox has error or not.").defaultValue(!1),disabled:s.A.bool.description("Whether the checkbox is disabled or not.").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),readOnly:s.A.bool.description("Whether the checkbox is readOnly or not.").defaultValue(!1),wrapLabel:s.A.bool.description("Whether to wrap or truncate the label").defaultValue(!1),withRelatedBlockLabel:s.A.bool.description("wheter the autogenerated aria-labelledby should also include a reference to the block label").defaultValue(!1),device:s.A.oneOf(Object.values(te)).description("When not provide will scale via css breakpoint media queries, if provided, breakpoint will be ignored in favor of explicit devide declaration"),innerRef:s.A.oneOfType([s.A.func,s.A.object]).description("Checkbox input ref.")};var pe=a("./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"),T=a("./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"),x=a("./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"),w=a("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),A=a("./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 P=(e,t)=>{(0,A.D)(e,t,C)},g=e=>{const{checked:t,onChange:o,onKeyDown:l,readOnly:n,applyAriaDisabled:r}=e,i=d.useCallback(m=>{r||o&&!n&&(t==="mixed"&&o(!0,m),t===!0&&o(!1,m),t===!1&&o(!0,m))},[t,o,n,r]),c=d.useCallback(m=>{l&&l(m),(m.code==="Space"||m.code==="Enter")&&!n&&(i(m),m.preventDefault())},[i,l,n]);return d.useMemo(()=>({handleOnChange:i,handleMixedCheckboxOnKeyDown:c}),[c,i])},se=e=>{const t=(0,pe.b)(e,oe);P(e,O);const o=(0,T.u)(t),l=(0,x.d)(t),{id:n}=o,r=d.useMemo(()=>n||(0,w.L)(5),[n]),i=g(t);return d.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:l,instanceUid:r,...i}),[i,o,r,t,l])},R={},u=(0,d.createContext)(R);var le=null,ae=a("./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"),L=a("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/useOwnerProps/index.js"),b=a("./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"),W=a("./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"),z=a("./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"),F=a("./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");const v=({colors:e},t,o,l,n,r,i)=>i?e.danger[900]:r||l||n?e.neutral[500]:e.brand[600],U=(e,t,o,l,n,r,i=!1,c=void 0)=>{const m=`
+    position: absolute;
+    content: '';
+    border-left: 0.154rem solid ${v(e,t,i,o,l,n,r)};
+    border-bottom: 0.154rem solid ${v(e,t,i,o,l,n,r)};
+  `,S=`
+  position: absolute;
+  content: '';
+  top: 0.538rem; /* 7px / baseFontSize */
+  left: 0.308rem; /* 4px / baseFontSize */
+  background: ${v(e,t,i,o,l,n,r)};
+  width: 0.615rem; /* theme.space.xxs / baseFontSize */
+  height: 0.154rem; /* 2px / baseFontSize */
+  @media (max-width: ${e.breakpoints.small}) {
+    top: 0.4375rem; /* 7px / 16 */
+    left: 0.25rem; /* 4px / 16 */
+    height: 0.125rem;  /* 8px / 16 */
+    width: 0.5rem;/* 2px / 16 */
+  }
+`,I=`
+  ${S}
+  @media (max-width: ${e.breakpoints.small}) {
+    top: 0.6875rem; /* 11px / 16 */
+    left: 0.375rem; /* 6px / 16 */
+    height: 0.125rem; /* 2px / 16 */
+    width: 0.75rem; /* 12px / 16 */
+  }
+`,D=`
+  ${m}
+  @media (max-width: ${e.breakpoints.small}) {
+    top: 0.6875rem; /* 11px / 16 */
+    left: 0.375rem; /* 6px / 16 */
+    height: 0.125rem; /* 2px / 16 */
+    width: 0.75rem; /* 12px / 16 */
+  }
+  top: 0.8461rem; /* 11px / 13 */
+  left: 0.4615rem; /* 6px / 13 */
+  height: 0.1538rem; /* 2px / 13 */
+  width: 0.9231rem; /* 12px / 13 */
+
+`,k=`
+position: absolute;
+content: '';
+top: 0.308rem; /* 4px / baseFontSize */
+left: 0.231rem; /* 3px / baseFontSize */
+border-left: 0.154rem solid ${v(e,t,i,o,l,n,r)};
+border-bottom: 0.154rem solid ${v(e,t,i,o,l,n,r)};
+height: 0.385rem; /* 5px / baseFontSize */
+width: 0.769rem; /* 10px / baseFontSize */
+transform: rotate(-45deg);
+
+@media (max-width: ${e.breakpoints.small}) {
+  top: 0.25rem; /* 4px / 16 */
+  left: 0.1875rem; /* 3px / 16 */
+  height: 0.3125rem; /* 5px / 16 */
+  width: 0.625rem; /* 10px / 16 */
+}
+`,j=`
+
+  ${k}
+  @media (max-width: ${e.breakpoints.small}) {
+    top: 0.375rem; /* 6px / 16 */
+    left: 0.25rem; /* 4px / 16 */
+    height: 0.5rem; /* 8px / 16 */
+    width: 1.0625rem; /* 17px / 16 */
+  }
+`,f=`
+    ${m}
+    @media (max-width: ${e.breakpoints.small}) {
+      top: 0.375rem; /* 6px / 16 */
+      left: 0.25rem; /* 4px / 16 */
+      height: 0.5rem; /* 8px / 16 */
+      width: 1.0625rem; /* 17px / 16 */
+    }
+    top: 0.4615rem; /* 6px / 13 */
+    left: 0.3077rem; /* 4px / 13 */
+    height: 0.6154rem; /* 8px / 13 */
+    width: 1.3077rem; /* 17px / 13 */
+    transform: rotate(-45deg);
+`;return t==="mixed"?`&:before {
+  ${c===void 0?I:c==="mobile"?D:S}
+}`:t?`&:before {
+    ${c===void 0?j:c==="mobile"?f:k}
+}`:""},V=({colors:e},t,o,l)=>t?e.neutral["080"]:o||l?e.neutral["050"]:e.neutral["000"],G=(0,b.I)("span",{name:C,slot:y.INPUT_WRAPPER})`
+  position: relative;
+  background: ${({theme:e,disabled:t,applyAriaDisabled:o,readOnly:l})=>V(e,t,o,l)};
+
+  ${({device:e,theme:t})=>e==="mobile"?`    
+      @media (max-width: ${t.breakpoints.small}) {
+        width: 1.5rem;  /* 24px / 16 */
+        height: 1.5rem;  /* 24px / 16 */
+      }
+      width: 1.846rem; /* 24px / 13 */
+      height: 1.846rem;  /* 24px / 13 */`:e===void 0?`
+        @media (max-width: ${t.breakpoints.small}) {
+          width: 1.5rem;  /* 24px / 16 */
+          height: 1.5rem;  /* 24px / 16 */
+        }
+        width: 1.2307rem;
+        height: 1.2307rem;
+      `:`
+    @media (max-width: ${t.breakpoints.small}) {
+      width: 1rem;  /* 16px / 16 */
+      height: 1rem;  /* 16px / 16 */
+    }
+    width: 1.2307rem; /* 16px / 13 */
+    height: 1.2307rem; /* 16px / 13 */
+  `}
+
+  ${({theme:e,checked:t,disabled:o,applyAriaDisabled:l,readOnly:n,hasError:r,device:i})=>U(e,t,o,l,n,r,!1,i)}
+
+  &:after {
+    content: '';
+    border-radius: 2px;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    border: 1px solid ${({theme:e,hasError:t})=>t?e.colors.danger[900]:e.colors.neutral[400]};
+  }
+  &:hover {
+    background: ${({theme:e,applyAriaDisabled:t,disabled:o,readOnly:l})=>!o&&!t&&!l?e.colors.brand[200]:void 0};
+
+    &:after {
+      border: 1px solid
+        ${({theme:e,hasError:t,disabled:o,applyAriaDisabled:l,readOnly:n})=>t?e.colors.danger[900]:l||n?e.colors.brand[700]:o?e.colors.neutral[400]:e.colors.brand[600]};
+    }
+  }
+  &:focus-within {
+    &:hover {
+      ${({theme:e,checked:t,disabled:o,applyAriaDisabled:l,readOnly:n,hasError:r,device:i})=>U(e,t,o,l,n,r,!0,i)}
+    }
+    &:after {
+      border: 2px solid ${({theme:e})=>e.colors.brand[700]};
+    }
+  }
+  &:active {
+    &:after {
+      border: ${({disabled:e,theme:t})=>e?`1px solid ${t.colors.neutral[400]}`:`2px solid ${t.colors.brand[600]}`};
+    }
+  }
+`,ne=(0,W.AH)`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  z-index: 1;
+`,$=(0,b.I)("input",{name:C,slot:y.INPUT})`
+  ${ne}
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+`,re=(0,b.I)("div",{name:C,slot:y.INPUT})`
+  ${ne}
+  ${({"aria-disabled":e})=>e?`&:hover {
+    cursor: not-allowed;
+  }`:""}
+`,N=(0,b.I)("label",{name:C,slot:y.LABEL})`
+  ${({wrapLabel:e})=>e&&`
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+    word-break: break-word;
+`};
+  width: fit-content;
+  color: ${({theme:e,disabled:t})=>t?e.colors.neutral[500]:e.colors.neutral[800]};
+  line-height: 1.2307rem;
+  @media (max-width: ${z.th.breakpoint("small")}) {
+    line-height: 1rem; /* 13px / 16 */
+  }
+  ${({device:e,theme:t})=>e==="mobile"?`
+      @media (max-width: ${t.breakpoints.small}) {
+        font-size: 1rem;  /* 16px / 16 */
+      }
+      font-size: 1.2307rem; /* 16px / 13 */
+      `:e===void 0?`
+        font-size: 1rem; 
+      `:`
+    @media (max-width: ${t.breakpoints.small}) {
+      font-size: 0.8125rem;  /* 13px / 16 */
+    }
+
+    font-size: 1rem;  /* 13px / 13 */
+  `}
+  display: inherit;
+  ${({disabled:e,applyAriaDisabled:t})=>e||t?`&:hover {
+    cursor: not-allowed;
+  }`:`&:hover {
+    cursor: pointer;
+  }`}
+`,ce=(0,b.I)("span")``,ue=(0,b.I)("div",{name:C,slot:y.CONTAINER})`
+  ${({device:e,theme:t})=>e==="mobile"?`    
+      @media (max-width: ${t.breakpoints.small}) {
+      grid-template-columns: 1.5rem auto; /* 24px / 16px */
+    }
+      grid-template-columns: 1.846rem auto;
+      `:e===void 0?`
+        @media (max-width: ${t.breakpoints.small}) {
+          grid-template-columns: 1.5rem auto;
+        }
+        grid-template-columns: 1.23rem auto;
+    `:`
+    @media (max-width: ${t.breakpoints.small}) {
+      grid-template-columns: 1rem auto; /* 16px / 16px */
+    }
+    grid-template-columns: 1.2307rem auto; /* 16px / 13 */
+
+    `}
+  column-gap: ${({hasLabel:e})=>e?"8px":"0px}"};
+  display: inline-grid;
+  grid-template-rows: min-content;
+  align-items: ${({wrapLabel:e})=>e?"flex-start":"center"};
+  ${F.L1}
+`,he=b.I.p`
+  display: none;
+`,xe=()=>{const{propsWithDefault:e,globalProps:t,instanceUid:o,handleOnChange:l,handleMixedCheckboxOnKeyDown:n}=d.useContext(u),{disabled:r,tabIndex:i,innerRef:c,checked:m,visualOnly:S,ariaControls:I,withRelatedBlockLabel:D,hasError:k,applyAriaDisabled:j}=e,{readOnly:f,...K}=t,{"aria-controls":E}=K,{getOwnerProps:M,getOwnerPropsArguments:H}=(0,L.j)(e),X=E||I,ie=t["aria-label"]?void 0:`${o}_label${D?` ${o}_block_label`:""}`,B={id:o,"data-testid":"ds-checkbox","aria-checked":m,"aria-labelledby":ie,...K};return f&&(B["aria-readonly"]="true"),S?null:X?(0,p.jsx)(re,{...B,role:"checkbox","aria-controls":E||I,"aria-disabled":r||j||f,"aria-invalid":k,onClick:!r&&!f?l:void 0,onKeyDown:n,tabIndex:r?-1:i,innerRef:c,onMouseDown:Y=>{r&&Y.preventDefault()},"aria-describedby":f?`${o}-read-only-helper-msg`:void 0,getOwnerProps:M,getOwnerPropsArguments:H}):(0,p.jsx)($,{...B,type:"checkbox",checked:m,onChange:l,onKeyDown:n,disabled:r,tabIndex:i,innerRef:c,"aria-invalid":k,"aria-disabled":j||f,"aria-describedby":f?`${o}-read-only-helper-msg`:void 0,getOwnerProps:M,getOwnerPropsArguments:H})},be=()=>{const{propsWithDefault:e,globalProps:t,instanceUid:o,xstyledProps:l,handleOnChange:n}=d.useContext(u),{checked:r,device:i,label:c,hasError:m,wrapLabel:S,ariaControls:I,applyAriaDisabled:D}=e,{disabled:k,readOnly:j,"aria-controls":f,className:K}=t,{getOwnerProps:E,getOwnerPropsArguments:M}=(0,L.j)(e),{ariaControls:H}=e,X=f||H,ie=d.useCallback(B=>{if(n(B),X){const Y=document.getElementById(o);Y&&Y.focus()}},[X,n,o]);return(0,p.jsxs)(ue,{wrapLabel:S,device:i,"data-testid":"ds-checkbox-container",className:K,hasLabel:Boolean(c),...l,getOwnerProps:E,getOwnerPropsArguments:M,children:[(0,p.jsx)(G,{device:i,checked:r,hasError:m,disabled:k,applyAriaDisabled:D,readOnly:j,getOwnerProps:E,getOwnerPropsArguments:M,children:(0,p.jsx)(xe,{})}),c&&(0,p.jsx)(N,{id:`${o}_label`,htmlFor:o,disabled:k,applyAriaDisabled:D,readOnly:j,checked:r,"data-testid":"ds-checkbox-label",wrapLabel:S,device:i,...!k&&(f||I)?{onClick:ie}:{},getOwnerProps:E,getOwnerPropsArguments:M,children:S?(0,p.jsx)(ce,{children:c}):(0,p.jsx)(ae.n,{value:c})}),j?(0,p.jsx)(he,{id:`${o}-read-only-helper-msg`,children:"Read only"}):null]})},_=e=>{const t=se(e);return(0,p.jsx)(u.Provider,{value:t,children:(0,p.jsx)(be,{})})};_.displayName="DSControlledCheckbox";const fe=(0,h.A)(_);fe.propTypes=O;const ye=({...e})=>(0,p.jsx)(_,{...e}),Te=({...e})=>(0,p.jsx)(_,{...e,visualOnly:!0})},"./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":(me,J,a)=>{a.d(J,{n:()=>O});var d=a("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),p=a("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),h=a("./node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js"),Q=a("./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"),Z=a("./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"),q=a("./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"),s=a("./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 ee=(T,x)=>{const w=(0,d.useRef)(),A=(0,d.useCallback)(()=>{const g=w.current;g&&(w.current=void 0,clearTimeout(g))},[w]);return[(0,d.useCallback)((...g)=>{w.current=setTimeout(()=>T(...g),x)},[T,x]),A]};var C=null;const y="DS-SimpleTruncateText",de=({offsetWidth:T,scrollWidth:x})=>T<x,te=(T="",x={})=>({reference:null,visible:!1,value:T,options:x}),oe=Q.I.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`,O=T=>{const{containerProps:x,tooltipDelay:w,placement:A,value:P,zIndex:g,tooltipOptions:se,textOptions:R}=T,[u,le]=(0,d.useState)(te(P,se)),ae=(0,d.useCallback)($=>{le({...u,...$,visible:!0})},[u]),L=(0,d.useCallback)($=>{le({...u,...$,visible:!1})},[u]),[b,W]=ee(ae,w),z=(0,d.useCallback)($=>{const{target:re}=$,N=re.closest(`[data-testid="${y}"]`);N&&de(N)&&b({value:P,reference:N})},[b,P]),F=(0,d.useCallback)(()=>{W(),L({reference:null})},[L,W]),v=(0,d.useMemo)(()=>b?{onMouseEnter:z,onMouseLeave:F}:{},[b,z,F]),U=(0,d.useContext)(Z.Dx),V=(0,d.useMemo)(()=>(0,p.jsx)(p.Fragment,{children:u.visible?(0,p.jsx)(q.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:g??U.zIndex.tooltip},placement:A,content:u.value,referenceEl:u.reference,visible:u.visible,showArrow:!0}):null}),[u,A,g]),G=(0,d.useMemo)(()=>(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(oe,{...x&&{...x},...R&&{...R},...v&&{...v},"data-testid":y,children:P})}),[x,R,v,P]);return(0,d.useMemo)(()=>(0,p.jsxs)(p.Fragment,{children:[G,V]}),[G,V])};O.propTypes={containerProps:h.object,tooltipOptions:h.object,textOptions:h.object,value:h.oneOfType([h.string,h.number,h.node]),placement:h.oneOf([s.y.AUTO_START,s.y.AUTO_END,s.y.AUTO,s.y.TOP_START,s.y.TOP,s.y.TOP_END,s.y.RIGHT_START,s.y.RIGHT,s.y.RIGHT_END,s.y.BOTTOM_START,s.y.BOTTOM,s.y.BOTTOM_END,s.y.LEFT_START,s.y.LEFT,s.y.LEFT_END]),tooltipDelay:h.number,zIndex:h.number},O.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:s.y.TOP,tooltipDelay:200};var pe=null}}]);