dga-ui-react 1.8.7 → 1.8.9
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/cjs/index.js +61 -52
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +62 -53
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1977,59 +1977,68 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
|
|
|
1977
1977
|
z-index: 2400;
|
|
1978
1978
|
background-color: rgba(0, 0, 0, 0.5);
|
|
1979
1979
|
inset: 0;
|
|
1980
|
-
`;const ei=r=>{var{style:i="neutral",icon:n=!0,leadText:a,link:l,dismissible:s=!0,button:d,helpText:c,onClose:p}=r,u=v(r,["style","icon","leadText","link","dismissible","button","helpText","onClose"]);const g=b(),h=i,[
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
background-image: url(${e=>e.$colors.icon});
|
|
1998
|
-
background-repeat: no-repeat;
|
|
1999
|
-
background-size: contain;
|
|
2000
|
-
min-width: 24px;
|
|
2001
|
-
height: 24px;
|
|
2002
|
-
margin-inline-end: 8px;
|
|
2003
|
-
}
|
|
2004
|
-
.content {
|
|
2005
|
-
color: ${e=>e.$colors.text};
|
|
2006
|
-
font-size: 16px;
|
|
2007
|
-
.title {
|
|
2008
|
-
margin-inline-end: 8px;
|
|
2009
|
-
font-weight: 700;
|
|
2010
|
-
}
|
|
2011
|
-
.message {
|
|
2012
|
-
word-wrap: normal;
|
|
2013
|
-
}
|
|
2014
|
-
}
|
|
2015
|
-
}
|
|
2016
|
-
.actions {
|
|
2017
|
-
display: flex;
|
|
2018
|
-
gap: 8px;
|
|
2019
|
-
flex-wrap: nowrap;
|
|
2020
|
-
align-items: center;
|
|
2021
|
-
}
|
|
2022
|
-
.close {
|
|
2023
|
-
margin-inline-start: 12px;
|
|
2024
|
-
cursor: pointer;
|
|
2025
|
-
background-image: url(${mr});
|
|
2026
|
-
background-repeat: no-repeat;
|
|
2027
|
-
min-width: 20px;
|
|
2028
|
-
height: 20px;
|
|
2029
|
-
&:hover {
|
|
2030
|
-
transform: scale(1.1);
|
|
2031
|
-
}
|
|
1980
|
+
`;const ei=r=>{var{style:i="neutral",icon:n=!0,leadText:a,link:l,dismissible:s=!0,button:d,helpText:c,onClose:p}=r,u=v(r,["style","icon","leadText","link","dismissible","button","helpText","onClose"]);const g=b(),{isMobile:h}=No(),A=i,[f,x]=o.useState(!0),y=t("div",{className:"content",children:[a&&e("span",{className:"title",children:a}),c&&e("span",{className:"message",children:c})]});return f?t(ti,Object.assign({$theme:g,$colors:(w=g,{neutral:{bg:w.palette.neutral[50],text:w.palette.neutral[700],border:w.textColor,icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBvVU7UsMwEH0SKUiXioHOnADKlA4nyNBShI6S3CDODUJJFwpaxicAp0uZG6AOhspdQmGbXUX22CH4MxZ5M7Zkr/Y9rVZaAf8MUWZ03WFvfYSRTOAmwCX9coxJkaeido4Ii2Xgq0YCTLyRuCfSMQ3ooRre8tWf1hLou0MHEm+52daFQozBbjTCEvmfIrJgbkcO7UscvMS/BPpXwwnakWcilL9x+qGXyCzNe5Xny/Ojbq9v7krH0eYIuzHOg8APtxFIuLAI3nlriVvud4zkqPxEbFE184JIoic9k0bSgW0IXHCTJtmp48M5SPNQAw6/OmiAs9MTNEUagYJ9qEyA8ruCbYicQAwsYBsRVdpU4DvGPEkQVvl8fH7ppyb0pLPdT6XCo2YCO5hS+fa4k9WiTYwZHTiFtiCOlLwgsKK6QcZBKxH2ZY4c9l84gsp209NtyEsvnIJQzZzw5hACD8e0xFw9d+2lJU5HQ1c0jRqZiBxjUgmfHYGgG+FpH/HB8ANrR4JKA6DRAwAAAABJRU5ErkJggg=="},critical:{bg:w.palette.error[50],text:w.palette.error[700],border:w.palette.error[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgBvVW9UsJAEN5NQLBLmUJnDsZeK1vB1qHgCfAN5A2AN9A3wCegYGz5aW30AfzJjONMynSKhKy3CYEDHS6YyDeT3N/efne3t98B/DNw02BPWNaeUWhIq0pAeIIIgvuJwJF1R1a70xmM647rbEUQOS5eEVJTmligWyVB++LF7SQi6Alb5AwYxqtNCgJw/BlU13eDWTjfRGKoBmmcM+RqRc6EIR/xD4K7st1K43yFxCg2lXZ0NHkTXnWTz0f3YTmonGosyZvOJqW643nhDkwTKpAA+weH4acHWnmjcMk1Y/5rQNbAaNEhgUwcARmDAI8XBFkEdx0cbC5z20z6eH+DbRESzLVF6IwHZ7rbswQnHZdRkJEeIWOgSiB3ME4yifMgzoUE6C4IpsGky8mhnYKgEfglWMZBNe+X7baMQwsyACF0ak9ue4WABUpqyEPaK8vBrT27pbi9EDvWDT+AKt8o+CNiuVb7dvvgqOgfyZhQkpiQR4g3vv95zaewPqp59G3BSstiyHqlPvph7hCMvoLJ7W+Od4Zv9VKZiJJSgxIAAAAASUVORK5CYII="},warning:{bg:w.palette.warning[50],text:w.palette.warning[700],border:w.palette.warning[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgB5ZS7TsMwFECvA6ipukSsLOUHEIiFBSkMgQjEwAcgOjGXLwgzEhJ8AQMbC0OVQGFoNkbEF3RiYCIbBCk2sZWkzsOPCDEgzuI8fH2de3wD8K/wHXMQbJtHbWKQ7sQ71+xjAlN6jRFs7d9/hjpxBmiSLj7Jr+cIeLpxWgloadKhn98TADvY6Qx1YpUlykoz4RNkaaKvuLt8EEaRLF75BQmG0/ribG9Wp/OhLJX0C3ixlMWVTVjoWfD2NCrmqITPgwReLGXj7IGNgdstnmXCQ9EawhJVxYpQCW9MQEuTvtE+imkS79a2LO0EYrEixMJrCejuEYJWvwMKATQcuaZdfV6TXBXL83J+DDKahJeOKRNrwBX8AATkZHccX8zuM8QdO6OpD+qUO7xwoCOW9sG6dwNyysIRt/upIhKWnEM2vj5eq6YWHc4ky8Ty6CyckwtHvtNbBSN5ht8AJ2usRL5rDjBu01hqDETe98bxJfx5vgHxJocZugq6oAAAAABJRU5ErkJggg=="},success:{bg:w.palette.success[50],text:w.palette.success[700],border:w.palette.success[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH9SURBVHgBvVU9S/NQFD4n79vb+gHWSXQxRWcVnNzqoPYXuEndXAQF8WOzjtalIg6Cg/4CwcmPQR3EwUUFF1EaF8HJCgoxxV7PSdIa07QmtvrATXI5l+e55+Te5wD8MrBqdDoeDYXCSUSI06yPhmpHNClBA5RbeVROYHlPCyZAxEKIKUlfCBiFbyFTRvpgyZ/AfEIVUh45dusXmoE46M4G60ReUURxRmskZ1gbpBKXCYi54cUayT9FQmK6OLFKZJUmC/VDzjDeYpA5zpkZhArvcfgBNkdn4GZhG6KRJncoGhbhcf6wS6QkISCYfKx/CFoams3hBt2TeEmALpLqRdLZ2laVPKe/wtDGHNw/PZYvQugtCYDHz2VyTv98av1LCdzkVw93UAGqU6AMz/qLubOeji44nEibIgHIHYkAH9GRLFTIgsn5zaQsEoBcM9L7MTsDeeG1gjMo1jggOZhmSPjHj/8D3e2US8Jr4TOR7l6fQUukGSZ31nyRm0BMFU5vL62LxrYsRNafc/qDghjTyZOsEtGNQwmrUC9IXNJtwyudIiNvZOilQe3QjJW9VHHyeUzZN9hqaxPRbI4SyhpOhIyv8MOGw+R61YbjgJhNpKjnLsI3kCDp/ymrjXk9k6MquONVmz5n815g05JJ26/U4m5pXNBZP27Kv217Ef8ZPgAOAtiZl+lFiAAAAABJRU5ErkJggg=="},info:{bg:"#EFF8FF",text:w.palette.info[700],border:w.palette.info[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBvZU/TsMwFMbfc9J2zYAqFqSysKHSoXt6C4ZK7Q0oXKDtCSg3CFIHRm5QOjMUCbGwEImlgiVDB9o4edhuEjUU5Y8S+ElxbCXv+2y/5Bngj8Gkh0Z/YdS43hNdExDPgKixjUJb9G2f0NIq7nxptexcBlK4yvUL0R2IFwxIgQBGH9PTcSaDw/6iQW5lBhjMNiuENlbczs/VYCniCSYs9ryIuETESg25xXsG9e7LsJD4jkmVs0E0lI3aGq6/pcU+Xp+oe/vyNe1VZ63zY8dqOWoF3kYzIQsUXOkYNZf1ZUeXDWPYyxLVvkqd+Q5oimayzQFiA8qGsaa6qQFlS67MQZiHVAJNHXJwdFCFvIRbZEPZBJrKgIieoGxEMYwMkPw5lAyKShsZrCu+RUBOWtD750ZdmfBcNemo2NW7zyMxGEIJIPjj5bQ5kv2oFm10Pgn3rRBCIxSPGci6gZ7XKWQiYpXGDvsHzrkofJo2y/13B+LLu4QDJ2YkckIZciI/DgZ487XiE+e+tfehJB76cjXANJNkMZQrih/68t95WK/47W/C/8Y3LR2435JQAzIAAAAASUVORK5CYII="}})[A]},u,{className:m("dgaui dgaui_notification "+(h?"mobile":""),u.className),children:[t("div",{className:"contentContainer",children:[n&&e("div",{className:"icon"}),!h&&y,t("div",{className:"actions",children:[l&&l,d&&d,s&&e("div",{className:"close",onClick:()=>{x(!1),null==p||p()}})]})]}),h&&y]})):null;var w},ti=sr.div`
|
|
1981
|
+
direction: ${e=>e.$theme.direction};
|
|
1982
|
+
padding: 8px 24px;
|
|
1983
|
+
width: 100%;
|
|
1984
|
+
min-height: 56px;
|
|
1985
|
+
border-radius: 2px;
|
|
1986
|
+
border-bottom: 2px solid ${e=>e.$colors.border};
|
|
1987
|
+
background-color: ${e=>e.$colors.bg};
|
|
1988
|
+
display: flex;
|
|
1989
|
+
justify-content: space-between;
|
|
1990
|
+
align-items: center;
|
|
1991
|
+
|
|
1992
|
+
&.mobile {
|
|
1993
|
+
display: block;
|
|
1994
|
+
|
|
1995
|
+
.content{
|
|
1996
|
+
margin-top: 8px;
|
|
2032
1997
|
}
|
|
1998
|
+
}
|
|
1999
|
+
|
|
2000
|
+
.contentContainer {
|
|
2001
|
+
display: flex;
|
|
2002
|
+
justify-content: space-between;
|
|
2003
|
+
align-items: center;
|
|
2004
|
+
gap: 8px;
|
|
2005
|
+
.icon {
|
|
2006
|
+
background-image: url(${e=>e.$colors.icon});
|
|
2007
|
+
background-repeat: no-repeat;
|
|
2008
|
+
background-size: contain;
|
|
2009
|
+
min-width: 24px;
|
|
2010
|
+
height: 24px;
|
|
2011
|
+
margin-inline-end: 8px;
|
|
2012
|
+
}
|
|
2013
|
+
.content {
|
|
2014
|
+
color: ${e=>e.$colors.text};
|
|
2015
|
+
font-size: 16px;
|
|
2016
|
+
.title {
|
|
2017
|
+
margin-inline-end: 8px;
|
|
2018
|
+
font-weight: 700;
|
|
2019
|
+
}
|
|
2020
|
+
.message {
|
|
2021
|
+
word-wrap: normal;
|
|
2022
|
+
}
|
|
2023
|
+
}
|
|
2024
|
+
}
|
|
2025
|
+
.actions {
|
|
2026
|
+
display: flex;
|
|
2027
|
+
gap: 8px;
|
|
2028
|
+
flex-wrap: nowrap;
|
|
2029
|
+
align-items: center;
|
|
2030
|
+
}
|
|
2031
|
+
.close {
|
|
2032
|
+
margin-inline-start: 12px;
|
|
2033
|
+
cursor: pointer;
|
|
2034
|
+
background-image: url(${mr});
|
|
2035
|
+
background-repeat: no-repeat;
|
|
2036
|
+
min-width: 20px;
|
|
2037
|
+
height: 20px;
|
|
2038
|
+
&:hover {
|
|
2039
|
+
transform: scale(1.1);
|
|
2040
|
+
}
|
|
2041
|
+
}
|
|
2033
2042
|
`,ri={small:{w:73,h:36,p:"8px 12px"},medium:{w:81,h:44,p:"12px 16px"},large:{w:81,h:52,p:"16px"}},oi=t=>{var{children:r,size:o,selected:i,vertical:n}=t,a=v(t,["children","size","selected","vertical"]);const l=b(),s=null!=o?o:"large";return e(ii,Object.assign({},a,{className:m("dgaui dgaui_tab",a.className),$theme:l,$customStyle:{w:ri[s].w,h:ri[s].h,p:ri[s].p},$selected:i,$vertical:n,children:r}))},ii=sr.button`
|
|
2034
2043
|
direction: ${e=>e.$theme.direction};
|
|
2035
2044
|
min-width: ${e=>e.$customStyle.w}px;
|
|
@@ -2217,7 +2226,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
|
|
|
2217
2226
|
width: 12px;
|
|
2218
2227
|
height: 12px;
|
|
2219
2228
|
`;default:return""}})(e.$theme,e.$status)}
|
|
2220
|
-
`,ci=r=>{var{children:o,alignment:i,steps:n,activeStepIndex:a,dot:l,onStepClick:s}=r,d=v(r,["children","alignment","steps","activeStepIndex","dot","onStepClick"]);const c=b();return e(ui,Object.assign({},d,{className:m("dgaui dgaui_progressIndicator",d.className),$theme:c,$alignment:i||"horizontal",$dot:l,children:n.map(((r,o)=>{const i=o<a?"completed":o===a?"active":"upComing";return t("div",{className:"step "+i,onClick:()=>null==s?void 0:s(o),children:[e(li,{dot:l,status:i,children:l?void 0:o+1}),t("div",{className:"stepContent",children:[e("div",{className:"title",children:r.title}),e("div",{className:"description",children:r.description})]})]},o)}))}))},pi=(e,t)=>{switch(t){case"completed":return{bg:e.palette.primary[600],bgHover:e.palette.primary[700]};case"active":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[300]};case"upComing":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[400]}}},ui=sr.div`
|
|
2229
|
+
`,ci=r=>{var{children:o,alignment:i,steps:n,activeStepIndex:a,dot:l,onStepClick:s}=r,d=v(r,["children","alignment","steps","activeStepIndex","dot","onStepClick"]);const c=b();return e(ui,Object.assign({},d,{className:m("dgaui dgaui_progressIndicator",d.className),$theme:c,$alignment:i||"horizontal",$dot:l,children:n.map(((r,o)=>{const i=o<a?"completed":o===a?"active":"upComing";return t("div",{className:"step "+i,onClick:()=>null==s?void 0:s(o),children:[e("div",{className:"dgaui_stepperBaseContainer",children:e(li,{dot:l,status:i,children:l?void 0:o+1})}),t("div",{className:"stepContent",children:[e("div",{className:"title",children:r.title}),e("div",{className:"description",children:r.description})]})]},o)}))}))},pi=(e,t)=>{switch(t){case"completed":return{bg:e.palette.primary[600],bgHover:e.palette.primary[700]};case"active":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[300]};case"upComing":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[400]}}},ui=sr.div`
|
|
2221
2230
|
direction: ${e=>e.$theme.direction};
|
|
2222
2231
|
display: flex;
|
|
2223
2232
|
flex-direction: ${e=>"horizontal"===e.$alignment?"row":"column"};
|