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

package/demo/3421.cb9d4b03.iframe.bundle.js

@@ -0,0 +1,230 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[3421],{"./node_modules/.pnpm/@elliemae+ds-form-checkbox@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-checkbox/dist/esm/index.js"(pe,Q,l){l.d(Q,{$W:()=>ye,Lt:()=>Ce});var i=l("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=l("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),Z=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),_=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),q=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),ee=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),p=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js"),re=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const h="DSCheckbox",C={CONTAINER:"root",INPUT:"input",INPUT_WRAPPER:"input-wrapper",LABEL:"label"},ne={...(0,re.lD)(h,C),CONTAINER:"ds-checkbox-container",INPUT:"ds-checkbox"},te={MOBILE:"mobile",DESKTOP:"desktop"},B={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,applyAriaDisabled:!1,readOnly:!1,tabIndex:0,onChange:()=>{},visualOnly:!1,withRelatedBlockLabel:!1},oe={..._.P,...q.w,...(0,ee.Y)(h,C),checked:p.A.oneOfType([p.A.bool,p.A.string]).description("Wheter the checkbox is set as bool or mixed").isRequiredIf(e=>!e.disabled&&!e.readOnly).defaultValue(!1),onChange:p.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":p.A.string.description('a11y required attribute when "mixed" state is to be supported').isRequiredIf(e=>e.checked==="mixed"&&typeof e.ariaControls!="string"),ariaControls:p.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:p.A.string.description("Checkbox Label property. This label is also going to be used as an aria-label for screen readers."),hasError:p.A.bool.description("Whether the checkbox has error or not.").defaultValue(!1),disabled:p.A.bool.description("Whether the checkbox is disabled or not.").defaultValue(!1),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),readOnly:p.A.bool.description("Whether the checkbox is readOnly or not.").defaultValue(!1),wrapLabel:p.A.bool.description("Whether to wrap or truncate the label").defaultValue(!1),withRelatedBlockLabel:p.A.bool.description("wheter the autogenerated aria-labelledby should also include a reference to the block label").defaultValue(!1),device:p.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:p.A.oneOfType([p.A.func,p.A.object]).description("Checkbox input ref.")};var f=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),u=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),v=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),A=l("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),T=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");const g=(e,t)=>{(0,T.D)(e,t,h)},se=e=>{const{checked:t,onChange:o,onKeyDown:s,readOnly:a,applyAriaDisabled:r}=e,n=i.useCallback(m=>{r||o&&!a&&(t==="mixed"&&o(!0,m),t===!0&&o(!1,m),t===!1&&o(!0,m))},[t,o,a,r]),c=i.useCallback(m=>{s&&s(m),(m.code==="Space"||m.code==="Enter")&&!a&&(n(m),m.preventDefault())},[n,s,a]);return i.useMemo(()=>({handleOnChange:n,handleMixedCheckboxOnKeyDown:c}),[c,n])},L=e=>{const t=(0,f.b)(e,B);g(e,oe);const o=(0,u.u)(t),s=(0,v.d)(t),{id:a}=o,r=i.useMemo(()=>a||(0,A.L)(5),[a]),n=se(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s,instanceUid:r,...n}),[n,o,r,t,s])},x={},I=(0,i.createContext)(x);var ie=null,F=l("./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"),$=l("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/useOwnerProps/index.js"),y=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),V=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),U=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/th.js"),R=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js");const j=({colors:e},t,o,s,a,r,n)=>n?e.danger[900]:r||s||a?e.neutral[500]:e.brand[600],N=(e,t,o,s,a,r,n=!1,c=void 0)=>{const m=`
+    position: absolute;
+    content: '';
+    border-left: 0.154rem solid ${j(e,t,n,o,s,a,r)};
+    border-bottom: 0.154rem solid ${j(e,t,n,o,s,a,r)};
+  `,P=`
+  position: absolute;
+  content: '';
+  top: 0.538rem; /* 7px / baseFontSize */
+  left: 0.308rem; /* 4px / baseFontSize */
+  background: ${j(e,t,n,o,s,a,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 */
+  }
+`,D=`
+  ${P}
+  @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 */
+  }
+`,O=`
+  ${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 ${j(e,t,n,o,s,a,r)};
+border-bottom: 0.154rem solid ${j(e,t,n,o,s,a,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 */
+}
+`,S=`
+
+  ${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 */
+  }
+`,b=`
+    ${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?D:c==="mobile"?O:P}
+}`:t?`&:before {
+    ${c===void 0?S:c==="mobile"?b:k}
+}`:""},G=({colors:e},t,o,s)=>t?e.neutral["080"]:o||s?e.neutral["050"]:e.neutral["000"],de=(0,y.I)("span",{name:h,slot:C.INPUT_WRAPPER})`
+  position: relative;
+  background: ${({theme:e,disabled:t,applyAriaDisabled:o,readOnly:s})=>G(e,t,o,s)};
+
+  ${({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:s,readOnly:a,hasError:r,device:n})=>N(e,t,o,s,a,r,!1,n)}
+
+  &: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:s})=>!o&&!t&&!s?e.colors.brand[200]:void 0};
+
+    &:after {
+      border: 1px solid
+        ${({theme:e,hasError:t,disabled:o,applyAriaDisabled:s,readOnly:a})=>t?e.colors.danger[900]:s||a?e.colors.brand[700]:o?e.colors.neutral[400]:e.colors.brand[600]};
+    }
+  }
+  &:focus-within {
+    &:hover {
+      ${({theme:e,checked:t,disabled:o,applyAriaDisabled:s,readOnly:a,hasError:r,device:n})=>N(e,t,o,s,a,r,!0,n)}
+    }
+    &: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]}`};
+    }
+  }
+`,w=(0,V.AH)`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  z-index: 1;
+`,le=(0,y.I)("input",{name:h,slot:C.INPUT})`
+  ${w}
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+`,W=(0,y.I)("div",{name:h,slot:C.INPUT})`
+  ${w}
+  ${({"aria-disabled":e})=>e?`&:hover {
+    cursor: not-allowed;
+  }`:""}
+`,me=(0,y.I)("label",{name:h,slot:C.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: ${U.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,y.I)("span")``,ue=(0,y.I)("div",{name:h,slot:C.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"};
+  ${R.L1}
+`,he=y.I.p`
+  display: none;
+`,xe=()=>{const{propsWithDefault:e,globalProps:t,instanceUid:o,handleOnChange:s,handleMixedCheckboxOnKeyDown:a}=i.useContext(I),{disabled:r,tabIndex:n,innerRef:c,checked:m,visualOnly:P,ariaControls:D,withRelatedBlockLabel:O,hasError:k,applyAriaDisabled:S}=e,{readOnly:b,...X}=t,{"aria-controls":M}=X,{getOwnerProps:E,getOwnerPropsArguments:Y}=(0,$.j)(e),H=M||D,ae=t["aria-label"]?void 0:`${o}_label${O?` ${o}_block_label`:""}`,z={id:o,"data-testid":"ds-checkbox","aria-checked":m,"aria-labelledby":ae,...X};return b&&(z["aria-readonly"]="true"),P?null:H?(0,d.jsx)(W,{...z,role:"checkbox","aria-controls":M||D,"aria-disabled":r||S||b,"aria-invalid":k,onClick:!r&&!b?s:void 0,onKeyDown:a,tabIndex:r?-1:n,innerRef:c,onMouseDown:J=>{r&&J.preventDefault()},"aria-describedby":b?`${o}-read-only-helper-msg`:void 0,getOwnerProps:E,getOwnerPropsArguments:Y}):(0,d.jsx)(le,{...z,type:"checkbox",checked:m,onChange:s,onKeyDown:a,disabled:r,tabIndex:n,innerRef:c,"aria-invalid":k,"aria-disabled":S||b,"aria-describedby":b?`${o}-read-only-helper-msg`:void 0,getOwnerProps:E,getOwnerPropsArguments:Y})},be=()=>{const{propsWithDefault:e,globalProps:t,instanceUid:o,xstyledProps:s,handleOnChange:a}=i.useContext(I),{checked:r,device:n,label:c,hasError:m,wrapLabel:P,ariaControls:D,applyAriaDisabled:O}=e,{disabled:k,readOnly:S,"aria-controls":b,className:X}=t,{getOwnerProps:M,getOwnerPropsArguments:E}=(0,$.j)(e),{ariaControls:Y}=e,H=b||Y,ae=i.useCallback(z=>{if(a(z),H){const J=document.getElementById(o);J&&J.focus()}},[H,a,o]);return(0,d.jsxs)(ue,{wrapLabel:P,device:n,"data-testid":"ds-checkbox-container",className:X,hasLabel:Boolean(c),...s,getOwnerProps:M,getOwnerPropsArguments:E,children:[(0,d.jsx)(de,{device:n,checked:r,hasError:m,disabled:k,applyAriaDisabled:O,readOnly:S,getOwnerProps:M,getOwnerPropsArguments:E,children:(0,d.jsx)(xe,{})}),c&&(0,d.jsx)(me,{id:`${o}_label`,htmlFor:o,disabled:k,applyAriaDisabled:O,readOnly:S,checked:r,"data-testid":"ds-checkbox-label",wrapLabel:P,device:n,...!k&&(b||D)?{onClick:ae}:{},getOwnerProps:M,getOwnerPropsArguments:E,children:P?(0,d.jsx)(ce,{children:c}):(0,d.jsx)(F.n,{value:c})}),S?(0,d.jsx)(he,{id:`${o}-read-only-helper-msg`,children:"Read only"}):null]})},K=e=>{const t=L(e);return(0,d.jsx)(I.Provider,{value:t,children:(0,d.jsx)(be,{})})};K.displayName="DSControlledCheckbox";const fe=(0,Z.A)(K);fe.propTypes=oe;const ye=({...e})=>(0,d.jsx)(K,{...e}),Ce=({...e})=>(0,d.jsx)(K,{...e,visualOnly:!0})},"./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"(pe,Q,l){l.d(Q,{n:()=>B});var i=l("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=l("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),Z=l("./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"),_=l("./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"),q=l("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),ee=l("./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.cjs.js");const p=(f,u)=>{const v=(0,i.useRef)(),A=(0,i.useCallback)(()=>{const g=v.current;g&&(v.current=void 0,clearTimeout(g))},[v]);return[(0,i.useCallback)((...g)=>{v.current=setTimeout(()=>f(...g),u)},[f,u]),A]};var re=null;const h="DS-SimpleTruncateText",C=({offsetWidth:f,scrollWidth:u})=>f<u,ne=(f="",u={})=>({reference:null,visible:!1,value:f,options:u}),te=q.I.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`,B=f=>{const{containerProps:u,tooltipDelay:v,placement:A,value:T,zIndex:g,tooltipOptions:se,textOptions:L}=f,[x,I]=(0,i.useState)(ne(T,se)),ie=(0,i.useCallback)(w=>{I({...x,...w,visible:!0})},[x]),F=(0,i.useCallback)(w=>{I({...x,...w,visible:!1})},[x]),[$,y]=p(ie,v),V=(0,i.useCallback)(w=>{const{target:le}=w,W=le.closest(`[data-testid="${h}"]`);W&&C(W)&&$({value:T,reference:W})},[$,T]),U=(0,i.useCallback)(()=>{y(),F({reference:null})},[F,y]),R=(0,i.useMemo)(()=>$?{onMouseEnter:V,onMouseLeave:U}:{},[$,V,U]),j=(0,i.useContext)(ee.ThemeContext),N=(0,i.useMemo)(()=>(0,d.jsx)(d.Fragment,{children:x.visible?(0,d.jsx)(Z.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:g??j.zIndex.tooltip},placement:A,content:x.value,referenceEl:x.reference,visible:x.visible,showArrow:!0}):null}),[x,A,g]),G=(0,i.useMemo)(()=>(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(te,{...u&&{...u},...L&&{...L},...R&&{...R},"data-testid":h,children:T})}),[u,L,R,T]);return(0,i.useMemo)(()=>(0,d.jsxs)(d.Fragment,{children:[G,N]}),[G,N])};B.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:_.y.TOP,tooltipDelay:200};var oe=null}}]);