dga-ui-react 1.8.15 → 1.8.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -2812,8 +2812,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
2812
2812
  border-inline-end: ${e=>e.$headerColumnDivider?"1":"0"}px solid
2813
2813
  ${e=>e.$theme.palette.neutral[300]};
2814
2814
  border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
2815
- border-top: 1px solid
2816
- ${e=>e.$contained?0:e.$theme.palette.neutral[300]};
2815
+ border-top: 1px solid ${e=>e.$contained?0:e.$theme.palette.neutral[300]};
2817
2816
  color: ${e=>e.$theme.palette.neutral[700]};
2818
2817
  font-size: 12px;
2819
2818
  font-weight: 500;
@@ -2890,9 +2889,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
2890
2889
  border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
2891
2890
  color: ${e=>e.$theme.palette.neutral[700]};
2892
2891
  font-weight: 600;
2892
+ word-break: break-all;
2893
2893
  }
2894
2894
  .value {
2895
2895
  flex: 2;
2896
+ word-break: break-all;
2896
2897
 
2897
2898
  &.even {
2898
2899
  background-color: ${e=>e.$theme.palette.neutral[50]};
@@ -3226,7 +3227,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
3226
3227
  @media screen and (max-width: 640px) {
3227
3228
  width: calc(100% - 32px);
3228
3229
  }
3229
- `;const Ti=i=>{var{title:n,content:a,jsxContents:l,children:s,beakPlacement:d="top",beakAlignment:c="center",noBeak:p,inverted:u,backgroundColor:g,icon:h=!1}=i,A=v(i,["title","content","jsxContents","children","beakPlacement","beakAlignment","noBeak","inverted","backgroundColor","icon"]);const f=b(),[x,y]=o.useState(!1),[w,C]=o.useState(!1),$=o.useRef(null),k=o.useRef(null),[S,B]=o.useState({top:0,left:0,caret:{top:0,left:0,color:""}}),E=x||w;let N=u?f.palette.neutral[800]:"#fff";g&&(N=g);const I={toBottom:`${N} transparent transparent transparent`,toTop:`transparent transparent ${N} transparent`,toLeft:`transparent ${N} transparent transparent`,toRight:`transparent transparent transparent ${N}`},z=()=>{if($.current&&k.current){let e=0,t=0,r={top:0,left:0,color:""};const o=$.current.clientWidth,i=$.current.clientHeight,n=$.current.offsetTop,a=$.current.offsetLeft,l=k.current.clientWidth,s=k.current.clientHeight;"top"===d&&"start"===c&&(e=n-s-6,t=a,r={top:n-6,left:a+6,color:I.toBottom}),"top"===d&&"center"===c&&(e=n-s-6,t=a-l/2,r={top:n-6,left:a,color:I.toBottom}),"top"===d&&"end"===c&&(e=n-s-6,t=a+18-l,r={top:n-6,left:a,color:I.toBottom}),"bottom"===d&&"start"===c&&(e=n+i+6,t=a,r={top:n+i-6,left:a+6,color:I.toTop}),"bottom"===d&&"center"===c&&(e=n+i+6,t=a-l/2,r={top:n+i-6,left:a,color:I.toTop}),"bottom"===d&&"end"===c&&(e=n+i+6,t=a+24-l,r={top:n+i-6,left:a+6,color:I.toTop}),"left"===d&&"start"===c&&(e=n,t=a-l-6,r={top:n+6,left:a-6,color:I.toRight}),"left"===d&&"center"===c&&(e=n+9-s/2,t=a-l-6,r={top:n+6,left:a-6,color:I.toRight}),"left"===d&&"end"===c&&(e=n-s+24,t=a-l-6,r={top:n+6,left:a-6,color:I.toRight}),"right"===d&&"start"===c&&(e=n,t=a+o+6,r={top:n+6,left:a+o-6,color:I.toLeft}),"right"===d&&"center"===c&&(e=n-s/2+12,t=a+o+6,r={top:n+6,left:a+o-6,color:I.toLeft}),"right"===d&&"end"===c&&(e=n-s+24,t=a+o+6,r={top:n+6,left:a+o-6,color:I.toLeft}),B({top:e,left:t,caret:r})}};return o.useEffect((()=>{if($.current){z();const e=()=>{z()},t=e=>{var t;(null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||(y(!1),C(!1))},r=e=>{z(),y(!0)},o=()=>{y(!1)};return window.addEventListener("click",t),window.addEventListener("resize",e),$.current.addEventListener("mouseover",r),$.current.addEventListener("mouseleave",o),$.current.addEventListener("click",r),()=>{var i,n,a;window.removeEventListener("resize",e),window.removeEventListener("click",t),null===(i=null==$?void 0:$.current)||void 0===i||i.removeEventListener("mouseover",r),null===(n=null==$?void 0:$.current)||void 0===n||n.removeEventListener("mouseleave",o),null===(a=null==$?void 0:$.current)||void 0===a||a.removeEventListener("click",r)}}}),[$,k,d,c]),t(Oi,Object.assign({className:m("dgaui dgaui_tooltip",A.className),$theme:f,$inverted:u},A,{ref:$,onClick:()=>{C(!0)},$position:S,children:[s,t(Qi,{ref:k,$theme:f,$position:S,$inverted:u,$backgroundColor:g,className:"dgaui_tooltipContent"+(E?" show-tooltip":""),children:[l&&l,!l&&t(r,{children:[h&&e("div",{className:"dgaui_tooltipContentIcon",children:e("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHaSURBVHgBjVQ9SMNAFP4SOxR0cHAQFJv6Ax3rIAqK1CIqiFh0UFC04uAgojiog2JxchJdBEGFujmZxcFBzVgQtIKCqGA2fwYpmEqp0PjuMDWkSdoPrne59/L1fXffiwAXtIUiEk1swAskFUVOOeUK1o1QKFKZETFPy6hBYoJKb8QS53LclaglFAmWiTixIUABYQ5dCUVWC4iYDF3EDW1UogToQCpHZFeKnGTPZUagtj7ASKrNyU0NfnSHO+Crq4GmfUNLp81SvKKAvkZfIK6qDxkPryYciVrl9PeGsbo0l39+ffvA7OIaXt8/zGkSnecCzTHxb2PdWvr0xAienl/QMziOobEZVFSUY3V5DjaYZD+eIN0SbA734OgY17d3+NLSfNzQmkm1gcTOVyR/BO2ip2cXXA7DyPAAOttbObEDJA+K4GhvC02Nflwn77Cze+iYx4hUN6J9kqiRNJdquOu5j+jWXlDchPbQoSYuZb9xa3GnvM2NFX6DLkQxNnFDVvkCSdI4Si4rcHU2+4P7h0d8fqbsq1HkKbbMtwjrM3LqpSCU2CI6UoKOZqPfDGlgPcMC7F+Ks0DN6Q5NawYZLEqRdRqSJcRejHtz2LZ+m2yJDPBv079hVXMFVvwCXOukAPYYzukAAAAASUVORK5CYII="})}),t("div",{className:"dgaui_tooltipContentText",children:[e("div",{className:"dgaui_tooltipTitle",children:n}),e("div",{className:"dgaui_tooltipDescription",children:a})]})]})]}),!p&&e("span",{className:E?"show":""})]}))},Oi=sr.div`
3230
+ `;const Ti=i=>{var{title:n,content:a,jsxContents:l,children:s,beakPlacement:d="top",beakAlignment:c="center",noBeak:p,inverted:u,backgroundColor:g,icon:h=!1}=i,A=v(i,["title","content","jsxContents","children","beakPlacement","beakAlignment","noBeak","inverted","backgroundColor","icon"]);const f=b(),[x,y]=o.useState(!1),[w,C]=o.useState(!1),$=o.useRef(null),k=o.useRef(null),[S,B]=o.useState({top:0,left:0,caret:{top:0,left:0,color:""}}),E=x||w;let N=u?f.palette.neutral[800]:"#fff";g&&(N=g);const I={toBottom:`${N} transparent transparent transparent`,toTop:`transparent transparent ${N} transparent`,toLeft:`transparent ${N} transparent transparent`,toRight:`transparent transparent transparent ${N}`},z=()=>{if($.current&&k.current){let e=0,t=0,r={top:0,left:0,color:""};const o=$.current.getBoundingClientRect(),i=o.top+window.scrollY,n=o.left+window.scrollX,a=$.current.clientWidth,l=$.current.clientHeight,s=i,p=n,u=k.current.clientWidth,g=k.current.clientHeight;"top"===d&&"start"===c&&(e=s-g-6,t=p,r={top:s-6,left:p+6,color:I.toBottom}),"top"===d&&"center"===c&&(e=s-g-6,t=p-u/2,r={top:s-6,left:p,color:I.toBottom}),"top"===d&&"end"===c&&(e=s-g-6,t=p+18-u,r={top:s-6,left:p,color:I.toBottom}),"bottom"===d&&"start"===c&&(e=s+l+6,t=p,r={top:s+l-6,left:p+6,color:I.toTop}),"bottom"===d&&"center"===c&&(e=s+l+6,t=p-u/2,r={top:s+l-6,left:p,color:I.toTop}),"bottom"===d&&"end"===c&&(e=s+l+6,t=p+24-u,r={top:s+l-6,left:p+6,color:I.toTop}),"left"===d&&"start"===c&&(e=s,t=p-u-6,r={top:s+6,left:p-6,color:I.toRight}),"left"===d&&"center"===c&&(e=s+9-g/2,t=p-u-6,r={top:s+6,left:p-6,color:I.toRight}),"left"===d&&"end"===c&&(e=s-g+24,t=p-u-6,r={top:s+6,left:p-6,color:I.toRight}),"right"===d&&"start"===c&&(e=s,t=p+a+6,r={top:s+6,left:p+a-6,color:I.toLeft}),"right"===d&&"center"===c&&(e=s-g/2+12,t=p+a+6,r={top:s+6,left:p+a-6,color:I.toLeft}),"right"===d&&"end"===c&&(e=s-g+24,t=p+a+6,r={top:s+6,left:p+a-6,color:I.toLeft}),B({top:e,left:t,caret:r})}};return o.useEffect((()=>{if($.current){z();const e=()=>{z()},t=e=>{var t;(null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||(y(!1),C(!1))},r=e=>{z(),y(!0)},o=()=>{y(!1)};return window.addEventListener("click",t),window.addEventListener("resize",e),$.current.addEventListener("mouseover",r),$.current.addEventListener("mouseleave",o),$.current.addEventListener("click",r),()=>{var i,n,a;window.removeEventListener("resize",e),window.removeEventListener("click",t),null===(i=null==$?void 0:$.current)||void 0===i||i.removeEventListener("mouseover",r),null===(n=null==$?void 0:$.current)||void 0===n||n.removeEventListener("mouseleave",o),null===(a=null==$?void 0:$.current)||void 0===a||a.removeEventListener("click",r)}}}),[$,k,d,c]),t(Oi,Object.assign({className:m("dgaui dgaui_tooltip",A.className),$theme:f,$inverted:u},A,{ref:$,onClick:()=>{C(!0)},$position:S,children:[s,t(Qi,{ref:k,$theme:f,$position:S,$inverted:u,$backgroundColor:g,className:"dgaui_tooltipContent"+(E?" show-tooltip":""),children:[l&&l,!l&&t(r,{children:[h&&e("div",{className:"dgaui_tooltipContentIcon",children:e("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHaSURBVHgBjVQ9SMNAFP4SOxR0cHAQFJv6Ax3rIAqK1CIqiFh0UFC04uAgojiog2JxchJdBEGFujmZxcFBzVgQtIKCqGA2fwYpmEqp0PjuMDWkSdoPrne59/L1fXffiwAXtIUiEk1swAskFUVOOeUK1o1QKFKZETFPy6hBYoJKb8QS53LclaglFAmWiTixIUABYQ5dCUVWC4iYDF3EDW1UogToQCpHZFeKnGTPZUagtj7ASKrNyU0NfnSHO+Crq4GmfUNLp81SvKKAvkZfIK6qDxkPryYciVrl9PeGsbo0l39+ffvA7OIaXt8/zGkSnecCzTHxb2PdWvr0xAienl/QMziOobEZVFSUY3V5DjaYZD+eIN0SbA734OgY17d3+NLSfNzQmkm1gcTOVyR/BO2ip2cXXA7DyPAAOttbObEDJA+K4GhvC02Nflwn77Cze+iYx4hUN6J9kqiRNJdquOu5j+jWXlDchPbQoSYuZb9xa3GnvM2NFX6DLkQxNnFDVvkCSdI4Si4rcHU2+4P7h0d8fqbsq1HkKbbMtwjrM3LqpSCU2CI6UoKOZqPfDGlgPcMC7F+Ks0DN6Q5NawYZLEqRdRqSJcRejHtz2LZ+m2yJDPBv079hVXMFVvwCXOukAPYYzukAAAAASUVORK5CYII="})}),t("div",{className:"dgaui_tooltipContentText",children:[e("div",{className:"dgaui_tooltipTitle",children:n}),e("div",{className:"dgaui_tooltipDescription",children:a})]})]})]}),!p&&e("span",{className:E?"show":""})]}))},Oi=sr.div`
3230
3231
  direction: ${e=>e.$theme.direction};
3231
3232
  display: inline-block;
3232
3233
 
@@ -4410,7 +4411,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
4410
4411
  }
4411
4412
  }
4412
4413
  }
4413
- `;const Ln=r=>{var{open:i=!1,backdrop:n=!0,backgroundColor:a="gray",navHeader:l,onCloseClicked:s,onClose:d,border:c=!0,children:p}=r,u=v(r,["open","backdrop","backgroundColor","navHeader","onCloseClicked","onClose","border","children"]);const g=b(),h=o.useRef(null),[A,f]=o.useState();return o.useEffect((()=>{if(h.current){const e=h.current.getBoundingClientRect();f(e)}}),[h.current]),t(Mn,{$open:i,$backdrop:n,children:[e("div",{className:"backdrop",onClick:()=>null==d?void 0:d()}),t(jn,Object.assign({},u,{ref:h,$open:i,$theme:g,$border:c,$showNavHeaderDivider:null==l?void 0:l.showDivider,$backgroundColor:a,$rect:A,className:m("dgaui dgaui_slideoutMenu",u.className),children:[l&&t("div",{className:"dgaui dgaui_slideoutMenuHeader",children:[l.showFeaturedIcon&&e("div",{className:"iconContainer",children:l.icon}),t("div",{className:"contentContainer",children:[t("div",{className:"title",children:[e("span",{children:l.titleText}),e("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBrdSxCsQgDABQ4+DsJI7+Sr/8PuUcHR3FQe5StIhojNAMVRL7WiUoxIsB+DDGfHHMOV8xRn/wvtBaO6XUB+eyy99JLDKdHnIPJqW8/oM/AQfIowGtaK11pZSnSG15BoUQPPSLOOAKwhqMX6VACppiKxDzFLTEZmBNLyESm4CCgjAkhaWUWLntn42HXdP3fNU2wIFqU4td2wAHame060PgQi0oEE6gHQinEAX29xkbWoF9nx1BGLi2u77EDwcz3kn4IV7cAAAAAElFTkSuQmCC",alt:"close",onClick:()=>null==s?void 0:s()})]}),l.showDescription&&e("div",{className:"descriptionText",children:l.descriptionText})]})]}),e("div",{className:"dgaui dgaui_slideoutMenuContent",children:p})]}))]})},Mn=sr.div`
4414
+ `;const Ln=r=>{var{open:i=!1,backdrop:n=!0,backgroundColor:a="gray",navHeader:l,onCloseClicked:s,onClose:d,border:c=!0,children:p}=r,u=v(r,["open","backdrop","backgroundColor","navHeader","onCloseClicked","onClose","border","children"]);const g=b(),h=o.useRef(null),[A,f]=o.useState(),x=()=>{if(h.current){const e=h.current.getBoundingClientRect();f(e)}};return o.useEffect((()=>{x();const e=()=>{x()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[h.current]),t(Mn,{$open:i,$backdrop:n,children:[e("div",{className:"backdrop",onClick:()=>null==d?void 0:d()}),t(jn,Object.assign({},u,{ref:h,$open:i,$theme:g,$border:c,$showNavHeaderDivider:null==l?void 0:l.showDivider,$backgroundColor:a,$rect:A,className:m("dgaui dgaui_slideoutMenu",u.className),children:[l&&t("div",{className:"dgaui dgaui_slideoutMenuHeader",children:[l.showFeaturedIcon&&e("div",{className:"iconContainer",children:l.icon}),t("div",{className:"contentContainer",children:[t("div",{className:"title",children:[e("span",{children:l.titleText}),e("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBrdSxCsQgDABQ4+DsJI7+Sr/8PuUcHR3FQe5StIhojNAMVRL7WiUoxIsB+DDGfHHMOV8xRn/wvtBaO6XUB+eyy99JLDKdHnIPJqW8/oM/AQfIowGtaK11pZSnSG15BoUQPPSLOOAKwhqMX6VACppiKxDzFLTEZmBNLyESm4CCgjAkhaWUWLntn42HXdP3fNU2wIFqU4td2wAHame060PgQi0oEE6gHQinEAX29xkbWoF9nx1BGLi2u77EDwcz3kn4IV7cAAAAAElFTkSuQmCC",alt:"close",onClick:()=>null==s?void 0:s()})]}),l.showDescription&&e("div",{className:"descriptionText",children:l.descriptionText})]})]}),e("div",{className:"dgaui dgaui_slideoutMenuContent",children:p})]}))]})},Mn=sr.div`
4414
4415
  position: relative;
4415
4416
 
4416
4417
  .backdrop {