hisd3-ui-kit 4.2.0 → 4.2.1
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/README.md +4 -3
- package/dist/index.cjs.js +111 -59
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.js +123 -71
- package/dist/index.js.map +1 -1
- package/package.json +7 -8
package/dist/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigProvider as n,App as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigProvider as n,App as o,Layout as i,Dropdown as a,Spin as l,Menu as d,Breadcrumb as s,Empty as p,Table as c,Pagination as h,Tabs as g,Button as u,Input as b}from"antd";import m,{createContext as x,useContext as f,useMemo as y,createElement as v,useState as w,useEffect as k}from"react";import S,{ThemeProvider as $}from"styled-components";import{SettingOutlined as I,LogoutOutlined as C,DownOutlined as E,ExclamationCircleOutlined as z,MenuUnfoldOutlined as D,MenuFoldOutlined as T,RightOutlined as L,LeftOutlined as N,BellFilled as B,SearchOutlined as A}from"@ant-design/icons";function F(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}F('body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}');F('@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--hisd3-rule-width:1px;--hisd3-control-bg:#e6e4e1;--hisd3-control-bg-hover:#dbd8d4;--hisd3-popup-radius:10px;--font-body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:var(--font-body);--font-weight-heading:800}body{-webkit-font-smoothing:antialiased;font-family:var(--font-body)}body,html{overscroll-behavior:none}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:-.01em}');const O={siderWidth:260,siderCollapsedWidth:64,topBarHeight:60,pageGutter:28},R={red:"#E5401C",orange:"#F26B1D",teal:"#00796B",blue:"#1D5FD1",green:"#2E7D32",purple:"#6A3FD6"},U={bgLayout:"#F3F2F0",bgContainer:"#F3F2F0",bgElevated:"#FFFFFF",bgFilled:"#E6E4E1",bgFilledHover:"#DBD8D4",text:"#171717",textSecondary:"#4A4A4A",textTertiary:"#6E6E6E",border:"#D9D5CE",borderSecondary:"#E7E4DE",borderStrong:"#1F1F1F",white:"#FFFFFF"},H={hairline:{width:1,border:"#D9D5CE",borderSecondary:"#E7E4DE"},bold:{width:2,border:"#1F1F1F",borderSecondary:"#CFCDC9"}},M="'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",j=800,G=400,W=(e="red")=>R[e]??e,_=(e,t)=>{const r=e.replace("#",""),n=3===r.length?r.split("").map((e=>e+e)).join(""):r,o=parseInt(n,16),i=o>>8&255,a=255&o,l=e=>Math.round(e+(255-e)*t);return`#${[l(o>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},P=({primary:e,radius:t=0,borders:r="hairline",lineWidth:n,overrides:o}={})=>{const i=W(e),a=H[r]??H.hairline,l=n??a.width,d={...U,border:a.border,borderSecondary:a.borderSecondary},s={cssVar:{key:"hisd3"},token:{colorPrimary:i,colorInfo:i,colorLink:i,colorPrimaryBg:_(i,.92),colorPrimaryBgHover:_(i,.86),colorPrimaryBorder:_(i,.6),fontFamily:M,fontSize:14,fontWeightStrong:700,borderRadius:t,borderRadiusLG:t,borderRadiusSM:t,borderRadiusXS:t,lineWidth:l,colorBgLayout:d.bgLayout,colorBgContainer:d.bgContainer,colorBgElevated:d.bgElevated,colorText:d.text,colorTextSecondary:d.textSecondary,colorTextTertiary:d.textTertiary,colorTextHeading:d.text,colorBorder:d.border,colorBorderSecondary:d.borderSecondary,colorSplit:d.borderSecondary,controlHeight:40,controlHeightLG:52,controlHeightSM:32,boxShadow:"none",boxShadowSecondary:"0 2px 6px rgba(16,15,14,0.06), 0 12px 32px rgba(16,15,14,0.14)"},components:{Layout:{siderBg:d.bgLayout,headerBg:d.bgLayout,bodyBg:d.bgLayout,headerPadding:`0 ${O.pageGutter}px`},Menu:{itemBg:"transparent",subMenuItemBg:"transparent",itemColor:d.text,itemHoverColor:d.text,itemHoverBg:"rgba(0,0,0,0.04)",itemSelectedBg:_(i,.9),itemSelectedColor:i,itemActiveBg:_(i,.86),subMenuItemSelectedColor:i,groupTitleColor:d.textTertiary,groupTitleFontSize:12,itemBorderRadius:0,itemMarginInline:0,itemMarginBlock:0,itemHeight:40,itemPaddingInline:O.pageGutter,iconSize:16,collapsedIconSize:18,activeBarBorderWidth:0,activeBarWidth:0},Button:{fontWeight:600,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",defaultBorderColor:d.border,defaultColor:d.text,defaultBg:d.bgLayout,defaultHoverBg:d.white,defaultHoverBorderColor:d.borderStrong,defaultHoverColor:d.text,defaultActiveBorderColor:d.borderStrong,paddingInline:16,contentFontSize:14,contentFontSizeLG:16,contentFontSizeSM:13},Input:{activeShadow:"none",colorBorder:d.border,hoverBorderColor:d.borderStrong,activeBorderColor:d.borderStrong,paddingInline:16},Select:{optionSelectedBg:_(i,.9),colorBorder:d.border},Table:{headerBg:"transparent",headerColor:d.textTertiary,headerSplitColor:"transparent",headerBorderRadius:0,borderColor:d.borderSecondary,rowHoverBg:"rgba(0,0,0,0.03)",cellPaddingBlock:20,cellPaddingInline:16,cellFontSize:16,footerBg:"transparent"},Tabs:{inkBarColor:i,itemColor:d.text,itemSelectedColor:i,itemHoverColor:i,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:d.bgLayout,itemActiveBg:i,itemSize:48,itemInputBg:d.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:d.textTertiary,lastItemColor:d.text,linkColor:d.textTertiary,linkHoverColor:i,separatorColor:d.textTertiary},Card:{headerFontSize:20}}};return o?{...s,...o,token:{...s.token,...o.token},components:{...s.components,...o.components}}:s},K=(e="hairline",t)=>`:root{--hisd3-rule-width:${t??(H[e]??H.hairline).width}px;--hisd3-control-bg:${U.bgFilled};--hisd3-control-bg-hover:${U.bgFilledHover};}`,X=P(),V={primary:R.red,primaryLight:_(R.red,.9),headerSelectedBg:"rgba(0,0,0,0.04)"},Y=x(!1),q=()=>f(Y),J=({primary:r,radius:i,borders:a="hairline",lineWidth:l,overrides:d,theme:s,styledTheme:p={},children:c})=>{const h=y((()=>s??P({primary:r,radius:i,borders:a,lineWidth:l,overrides:d})),[s,r,i,a,l,d]),g=y((()=>K(a,l)),[a,l]);return e(Y.Provider,{value:!0,children:[t("style",{dangerouslySetInnerHTML:{__html:g}}),t(n,{theme:h,children:t($,{theme:p,children:t(o,{component:!1,children:c})})})]})},{Header:Q,Content:Z}=i,ee=O.siderWidth,te=O.siderCollapsedWidth,re=O.topBarHeight,ne=S(i)`
|
|
2
|
+
position: relative; /* anchor for the edge collapse trigger */
|
|
2
3
|
background: var(--ant-color-bg-layout);
|
|
3
4
|
|
|
4
5
|
/*
|
|
@@ -26,12 +27,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
26
27
|
height: 100%;
|
|
27
28
|
}
|
|
28
29
|
}
|
|
29
|
-
`,oe=
|
|
30
|
+
`,oe=S(i)`
|
|
30
31
|
background: transparent;
|
|
31
32
|
min-width: 0;
|
|
32
33
|
|
|
33
34
|
${({$scroll:e})=>e?"\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n /* keep scroll chaining (and its bounce) out of the document */\n overscroll-behavior: contain;\n ":""}
|
|
34
|
-
`,
|
|
35
|
+
`,ie=S.div`
|
|
35
36
|
flex: 1 1 auto;
|
|
36
37
|
overflow-y: auto;
|
|
37
38
|
overflow-x: hidden;
|
|
@@ -107,11 +108,11 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
107
108
|
&.hisd3-collapsed .ant-menu-item-group-title {
|
|
108
109
|
display: none;
|
|
109
110
|
}
|
|
110
|
-
`,
|
|
111
|
+
`,ae=S.a`
|
|
111
112
|
display: flex;
|
|
112
113
|
align-items: center;
|
|
113
114
|
gap: 10px;
|
|
114
|
-
height: ${
|
|
115
|
+
height: ${re}px;
|
|
115
116
|
padding: 0 ${({$collapsed:e})=>e?12:O.pageGutter}px;
|
|
116
117
|
justify-content: ${({$collapsed:e})=>e?"center":"flex-start"};
|
|
117
118
|
color: inherit;
|
|
@@ -149,13 +150,13 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
149
150
|
overflow: hidden;
|
|
150
151
|
text-overflow: ellipsis;
|
|
151
152
|
}
|
|
152
|
-
`,
|
|
153
|
+
`,le=S(Q)`
|
|
153
154
|
display: flex;
|
|
154
155
|
align-items: center;
|
|
155
156
|
gap: 24px;
|
|
156
|
-
flex: 0 0 ${
|
|
157
|
-
height: ${
|
|
158
|
-
line-height: ${
|
|
157
|
+
flex: 0 0 ${re}px;
|
|
158
|
+
height: ${re}px;
|
|
159
|
+
line-height: ${re}px;
|
|
159
160
|
padding: 0 ${O.pageGutter}px;
|
|
160
161
|
position: sticky;
|
|
161
162
|
top: 0;
|
|
@@ -168,24 +169,24 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
168
169
|
min-width: 0;
|
|
169
170
|
border-bottom: none;
|
|
170
171
|
background: transparent;
|
|
171
|
-
line-height: ${
|
|
172
|
+
line-height: ${re-2}px;
|
|
172
173
|
font-size: 14px;
|
|
173
174
|
font-weight: 500;
|
|
174
175
|
}
|
|
175
|
-
`,
|
|
176
|
+
`,de=S(Q)`
|
|
176
177
|
display: flex;
|
|
177
178
|
align-items: center;
|
|
178
179
|
gap: 12px;
|
|
179
|
-
flex: 0 0 ${
|
|
180
|
-
height: ${
|
|
181
|
-
line-height: ${
|
|
180
|
+
flex: 0 0 ${re}px;
|
|
181
|
+
height: ${re}px;
|
|
182
|
+
line-height: ${re}px;
|
|
182
183
|
padding: 0 ${O.pageGutter}px;
|
|
183
184
|
position: sticky;
|
|
184
185
|
top: 0;
|
|
185
186
|
z-index: 99;
|
|
186
187
|
background: var(--ant-color-bg-layout);
|
|
187
188
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
188
|
-
`,
|
|
189
|
+
`,se=S.button`
|
|
189
190
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
190
191
|
background: transparent;
|
|
191
192
|
cursor: pointer;
|
|
@@ -201,10 +202,48 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
201
202
|
&:hover {
|
|
202
203
|
background: rgba(0, 0, 0, 0.05);
|
|
203
204
|
}
|
|
204
|
-
`,
|
|
205
|
+
`,pe=S.button`
|
|
206
|
+
position: absolute;
|
|
207
|
+
top: ${({$top:e})=>e}px;
|
|
208
|
+
left: ${({$left:e})=>e}px;
|
|
209
|
+
transform: translate(-50%, -50%);
|
|
210
|
+
z-index: 30;
|
|
211
|
+
width: 28px;
|
|
212
|
+
height: 28px;
|
|
213
|
+
padding: 0;
|
|
214
|
+
display: flex;
|
|
215
|
+
align-items: center;
|
|
216
|
+
justify-content: center;
|
|
217
|
+
font-size: 12px;
|
|
218
|
+
color: var(--hisd3-edge-trigger-color, #fff);
|
|
219
|
+
background: var(--hisd3-edge-trigger-bg, var(--ant-color-primary));
|
|
220
|
+
border: 2px solid var(--ant-color-bg-layout, #f3f2f0);
|
|
221
|
+
border-radius: 50%;
|
|
222
|
+
cursor: pointer;
|
|
223
|
+
box-shadow: 0 1px 3px rgba(16, 15, 14, 0.12),
|
|
224
|
+
0 4px 12px rgba(16, 15, 14, 0.14);
|
|
225
|
+
transition: left 0.2s ease, filter 0.15s ease;
|
|
226
|
+
|
|
227
|
+
&:hover {
|
|
228
|
+
filter: brightness(1.08);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
&:active {
|
|
232
|
+
filter: brightness(0.94);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
&:focus-visible {
|
|
236
|
+
outline: 2px solid var(--ant-color-primary);
|
|
237
|
+
outline-offset: 2px;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
& svg {
|
|
241
|
+
display: block;
|
|
242
|
+
}
|
|
243
|
+
`,ce=S(Z)`
|
|
205
244
|
flex: 1 0 auto;
|
|
206
245
|
padding: 24px ${O.pageGutter}px 40px;
|
|
207
|
-
`,he=
|
|
246
|
+
`,he=S.div`
|
|
208
247
|
flex: 0 0 auto;
|
|
209
248
|
display: flex;
|
|
210
249
|
flex-direction: column;
|
|
@@ -218,14 +257,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
218
257
|
& .ant-dropdown-link {
|
|
219
258
|
color: inherit;
|
|
220
259
|
}
|
|
221
|
-
`,ge=
|
|
260
|
+
`,ge=S.a`
|
|
222
261
|
display: flex;
|
|
223
262
|
align-items: center;
|
|
224
263
|
justify-content: center;
|
|
225
264
|
cursor: pointer;
|
|
226
265
|
color: inherit;
|
|
227
266
|
gap: 10px;
|
|
228
|
-
`,ue=
|
|
267
|
+
`,ue=S.span`
|
|
229
268
|
width: 34px;
|
|
230
269
|
height: 34px;
|
|
231
270
|
flex: 0 0 auto;
|
|
@@ -236,15 +275,15 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
236
275
|
font-weight: 700;
|
|
237
276
|
color: var(--ant-color-text);
|
|
238
277
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
|
|
239
|
-
`,be=
|
|
278
|
+
`,be=S.span`
|
|
240
279
|
flex: 1 1 auto;
|
|
241
280
|
min-width: 0;
|
|
242
|
-
`,me=
|
|
281
|
+
`,me=S.span`
|
|
243
282
|
display: flex;
|
|
244
283
|
align-items: flex-start;
|
|
245
284
|
justify-content: space-between;
|
|
246
285
|
gap: 8px;
|
|
247
|
-
`,xe=
|
|
286
|
+
`,xe=S.h3`
|
|
248
287
|
margin: 0;
|
|
249
288
|
font-family: var(--font-body);
|
|
250
289
|
font-size: 14px;
|
|
@@ -256,7 +295,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
256
295
|
display: -webkit-box;
|
|
257
296
|
-webkit-line-clamp: 2;
|
|
258
297
|
-webkit-box-orient: vertical;
|
|
259
|
-
`,fe=
|
|
298
|
+
`,fe=S.span`
|
|
260
299
|
width: 20px;
|
|
261
300
|
height: 22px;
|
|
262
301
|
display: flex;
|
|
@@ -268,7 +307,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
268
307
|
& svg {
|
|
269
308
|
display: block;
|
|
270
309
|
}
|
|
271
|
-
`,ye=
|
|
310
|
+
`,ye=S.span`
|
|
272
311
|
display: block;
|
|
273
312
|
margin-top: 3px;
|
|
274
313
|
font-size: 11px;
|
|
@@ -279,16 +318,16 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
279
318
|
overflow: hidden;
|
|
280
319
|
text-overflow: ellipsis;
|
|
281
320
|
white-space: nowrap;
|
|
282
|
-
`,ve=(e,t)=>e.key??e.path??`menu-${t}`,we=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const n=ve(e,r);return Array.isArray(e.children)&&e.children.length>0?{key:n,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:we(e.children,t)}:{key:n,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),ke=(e,t)=>
|
|
321
|
+
`,ve=(e,t)=>e.key??e.path??`menu-${t}`,we=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const n=ve(e,r);return Array.isArray(e.children)&&e.children.length>0?{key:n,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:we(e.children,t)}:{key:n,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),ke=(e,t)=>v("a",{href:e.path||"/"},t),Se=({account:r,avatarSrc:n,settingsUrl:i,onLogout:l,collapsed:d=!1,placement:s="topRight",extraItems:p=[]})=>{const{modal:c}=o.useApp(),h=[...p??[],{key:"settings",icon:t(I,{}),label:"Settings",onClick:()=>{window.location.href=i??"/settings"}},{key:"logout",icon:t(C,{}),label:"Logout",onClick:()=>{c.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:t(z,{}),onOk:l})}}],g=(r.fullName||"").replace(/\(.*?\)/g," ").split(/[\s,]+/).map((e=>e.replace(/[^\p{L}\p{N}]/gu,""))).filter(Boolean).slice(0,2).map((e=>e[0].toUpperCase())).join("")||"?";return t(he,{className:"cr-user-info-light",$collapsed:d,$inHeader:"bottomRight"===s,children:t(a,{trigger:["click"],placement:s,menu:{items:h},children:e(ge,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[t(ue,{$src:n,"aria-hidden":!0,children:!n&&g}),!d&&e(be,{children:[e(me,{children:[t(xe,{title:r.fullName,children:r.fullName}),t(fe,{children:t(E,{})})]}),r.positionType&&t(ye,{title:r.positionType,children:r.positionType})]})]})})})},{Sider:$e}=i,Ie=({children:i,account:a,logoUrl:s,appName:p,menuItems:c,onLogout:h,pathname:g,avatarSrc:u,styledTheme:b,settingsUrl:m,antdTheme:x,renderMenuLink:f=ke,headerExtra:v,userMenuItems:S,onCollapse:I,collapsed:C=!1,loading:E=!1,hideSidebar:z=!1,layoutTop:B=!1,hideCollapseTrigger:A=!1,collapseTrigger:F="edge",collapseTriggerOffset:O=Math.round(re/2),siderWidth:R=ee,bareContent:U=!1,hideHeaderBar:H=!1,brandHref:M="/",hideAccountCard:j=!1,scrollContent:G=!0})=>{const W=q(),_=void 0===x?W?null:X:x,[P,K]=w(C);k((()=>{K(C)}),[C]);const V=y((()=>we(c,f)),[c,f]),Y=y((()=>((e,t)=>{let r;const n=(e,o)=>{(e??[]).forEach(((e,i)=>{const a=ve(e,i);if(e.path&&t.startsWith(e.path)){const n=t===e.path,i=e.path.length+(n?1:0);(!r||i>r.length)&&(r={key:a,parents:o,length:i})}e.children?.length&&n(e.children,[...o,a])}))};return n(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(c,g)),[c,g]),[J,Q]=w((()=>Y.openKeys));k((()=>{Q((e=>Array.from(new Set([...e,...Y.openKeys]))))}),[Y.openKeys.join("|")]);const Z=e=>{K(e),I?.(e)},he=Y.selectedKey?[Y.selectedKey]:[],ge=A?"none":F,ue=P?"Expand menu":"Collapse menu",be=e(ae,{href:M,$collapsed:!B&&P,children:[s?t("img",{src:s,alt:p}):t("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(B||!P)&&t("h1",{children:p})]}),me=U?i:t(ce,{children:i});if("undefined"==typeof document)return null;const xe=t(o,{component:!1,children:t(l,{spinning:E,size:"large",children:z?t(r,{children:i}):e(ne,B?{$appShell:G,children:[e(le,{children:[be,t(d,{mode:"horizontal",items:V,selectedKeys:he}),v,!j&&t(Se,{account:a,avatarSrc:u,settingsUrl:m,onLogout:h,placement:"bottomRight",extraItems:S})]}),t(oe,{$scroll:G,children:me})]}:{hasSider:!0,$appShell:G,children:[e($e,{className:"hisd3-sider",width:R,collapsedWidth:te,collapsible:!0,collapsed:P,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&Z(!0)},children:[be,t(ie,{className:P?"hisd3-collapsed":void 0,children:t(d,{mode:"inline",theme:"light",inlineCollapsed:P,items:V,selectedKeys:he,openKeys:P?void 0:J,onOpenChange:e=>Q(e)})}),!j&&t(Se,{account:a,avatarSrc:u,settingsUrl:m,onLogout:h,collapsed:P,placement:"topRight",extraItems:S})]}),e(oe,{$scroll:G,children:[!H&&e(de,{children:["header"===ge&&t(se,{type:"button","aria-label":ue,onClick:()=>Z(!P),children:t(P?D:T,{})}),t("span",{style:{flex:1}}),v]}),me]}),"edge"===ge&&t(pe,{type:"button","aria-label":ue,title:ue,$left:P?te:R,$top:O,onClick:()=>Z(!P),children:t(P?L:N,{})})]})})});return W&&!b?_?t(n,{theme:_,children:xe}):xe:t($,{theme:b??{},children:_?t(n,{theme:_,children:xe}):xe})},Ce=O.pageGutter,Ee=S.header`
|
|
283
322
|
display: contents;
|
|
284
|
-
`,ze=
|
|
323
|
+
`,ze=S.div`
|
|
285
324
|
display: flex;
|
|
286
325
|
align-items: center;
|
|
287
326
|
gap: 16px;
|
|
288
327
|
height: ${O.topBarHeight}px; /* same as the sidebar brand block */
|
|
289
328
|
/* never shrink: these are flex items of the scrolling column */
|
|
290
329
|
flex: 0 0 ${O.topBarHeight}px;
|
|
291
|
-
padding: 0 ${
|
|
330
|
+
padding: 0 ${Ce}px;
|
|
292
331
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
293
332
|
background: var(--ant-color-bg-layout);
|
|
294
333
|
position: sticky;
|
|
@@ -304,18 +343,18 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
304
343
|
.ant-breadcrumb ol {
|
|
305
344
|
flex-wrap: nowrap;
|
|
306
345
|
}
|
|
307
|
-
`,De=
|
|
346
|
+
`,De=S.div`
|
|
308
347
|
display: flex;
|
|
309
348
|
align-items: center;
|
|
310
349
|
gap: 10px;
|
|
311
350
|
flex: 0 0 auto;
|
|
312
|
-
`,Te=
|
|
351
|
+
`,Te=S.div`
|
|
313
352
|
display: flex;
|
|
314
353
|
align-items: baseline;
|
|
315
354
|
gap: 16px;
|
|
316
355
|
flex-wrap: wrap;
|
|
317
356
|
flex: 0 0 auto;
|
|
318
|
-
padding: 20px ${
|
|
357
|
+
padding: 20px ${Ce}px 18px;
|
|
319
358
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
|
|
320
359
|
|
|
321
360
|
h1 {
|
|
@@ -333,10 +372,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
333
372
|
font-size: 15px;
|
|
334
373
|
color: var(--ant-color-text-secondary);
|
|
335
374
|
}
|
|
336
|
-
`,Le=
|
|
375
|
+
`,Le=S.div`
|
|
337
376
|
flex: 1 0 auto;
|
|
338
|
-
padding: 24px ${
|
|
339
|
-
`,Ne=({title:r,subtitle:n,breadcrumb:
|
|
377
|
+
padding: 24px ${Ce}px 40px;
|
|
378
|
+
`,Ne=({title:r,subtitle:n,breadcrumb:o,extra:i,leading:a,hideTopBar:l=!1,className:d})=>e(Ee,{className:d,children:[!l&&e(ze,{children:[a,o&&o.length>0&&t(s,{items:o.map((e=>({title:e.href?t("a",{href:e.href,children:e.title}):e.title,onClick:e.onClick})))}),!o?.length&&t("span",{style:{flex:1}}),i&&t(De,{children:i})]}),e(Te,{children:[t("h1",{children:r}),n&&t("p",{children:n})]})]}),Be=S.button`
|
|
340
379
|
position: relative;
|
|
341
380
|
width: ${({$size:e=40})=>e}px;
|
|
342
381
|
height: ${({$size:e=40})=>e}px;
|
|
@@ -345,7 +384,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
345
384
|
align-items: center;
|
|
346
385
|
justify-content: center;
|
|
347
386
|
padding: 0;
|
|
348
|
-
font-size: ${({$size:e=40})=>Math.round(.
|
|
387
|
+
font-size: ${({$size:e=40})=>Math.round(.54*e)}px;
|
|
349
388
|
line-height: 1;
|
|
350
389
|
color: var(--ant-color-text);
|
|
351
390
|
background: var(--hisd3-control-bg, #e6e4e1);
|
|
@@ -359,21 +398,37 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
359
398
|
}
|
|
360
399
|
|
|
361
400
|
/* open state: tinted with the app's primary, like Facebook's blue */
|
|
362
|
-
|
|
363
|
-
background: var(--ant-color-primary-bg);
|
|
364
|
-
color: var(--ant-color-primary);
|
|
365
|
-
}
|
|
401
|
+
${({$open:e})=>e?"\n background: var(--ant-color-primary-bg);\n color: var(--ant-color-primary);\n &:hover { background: var(--ant-color-primary-bg-hover); }\n ":""}
|
|
366
402
|
|
|
367
403
|
&:focus-visible {
|
|
368
404
|
outline: 2px solid var(--ant-color-primary);
|
|
369
405
|
outline-offset: 2px;
|
|
370
406
|
}
|
|
371
407
|
|
|
372
|
-
.
|
|
373
|
-
color: inherit;
|
|
408
|
+
& > .anticon {
|
|
374
409
|
line-height: 0;
|
|
410
|
+
/* the stock bell is narrow; widen it a touch for a fuller silhouette */
|
|
411
|
+
transform: scaleX(var(--hisd3-bell-stretch, 1.12));
|
|
375
412
|
}
|
|
376
|
-
`,Ae=
|
|
413
|
+
`,Ae=S.span`
|
|
414
|
+
position: absolute;
|
|
415
|
+
top: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
416
|
+
right: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
417
|
+
min-width: 18px;
|
|
418
|
+
height: 18px;
|
|
419
|
+
padding: 0 5px;
|
|
420
|
+
display: flex;
|
|
421
|
+
align-items: center;
|
|
422
|
+
justify-content: center;
|
|
423
|
+
font-size: 11px;
|
|
424
|
+
font-weight: 700;
|
|
425
|
+
line-height: 1;
|
|
426
|
+
color: #fff;
|
|
427
|
+
background: var(--ant-color-error, #e5401c);
|
|
428
|
+
border: 2px solid var(--ant-color-bg-layout, #f3f2f0);
|
|
429
|
+
border-radius: 999px;
|
|
430
|
+
pointer-events: none;
|
|
431
|
+
`,Fe=S.div`
|
|
377
432
|
width: 360px;
|
|
378
433
|
max-width: calc(100vw - 32px);
|
|
379
434
|
overflow: hidden;
|
|
@@ -382,7 +437,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
382
437
|
border-radius: var(--hisd3-popup-radius, 10px);
|
|
383
438
|
box-shadow: 0 2px 6px rgba(16, 15, 14, 0.06),
|
|
384
439
|
0 12px 32px rgba(16, 15, 14, 0.14);
|
|
385
|
-
`,
|
|
440
|
+
`,Oe=S.div`
|
|
386
441
|
display: flex;
|
|
387
442
|
align-items: center;
|
|
388
443
|
justify-content: space-between;
|
|
@@ -410,10 +465,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
410
465
|
text-decoration: underline;
|
|
411
466
|
}
|
|
412
467
|
}
|
|
413
|
-
`,Re=
|
|
468
|
+
`,Re=S.div`
|
|
414
469
|
max-height: 380px;
|
|
415
470
|
overflow-y: auto;
|
|
416
|
-
`,
|
|
471
|
+
`,Ue=S.button`
|
|
417
472
|
display: flex;
|
|
418
473
|
align-items: flex-start;
|
|
419
474
|
gap: 12px;
|
|
@@ -428,7 +483,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
428
483
|
&:hover {
|
|
429
484
|
background: ${({$unread:e})=>e?"var(--ant-color-primary-bg-hover)":"rgba(0,0,0,0.04)"};
|
|
430
485
|
}
|
|
431
|
-
`,
|
|
486
|
+
`,He=S.span`
|
|
432
487
|
width: 36px;
|
|
433
488
|
height: 36px;
|
|
434
489
|
flex: 0 0 auto;
|
|
@@ -439,7 +494,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
439
494
|
color: var(--ant-color-text);
|
|
440
495
|
border-radius: 50%;
|
|
441
496
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.06)"};
|
|
442
|
-
`,
|
|
497
|
+
`,Me=S.span`
|
|
443
498
|
flex: 1 1 auto;
|
|
444
499
|
min-width: 0;
|
|
445
500
|
|
|
@@ -464,14 +519,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
464
519
|
font-size: 12px;
|
|
465
520
|
color: var(--ant-color-text-tertiary);
|
|
466
521
|
}
|
|
467
|
-
`,
|
|
522
|
+
`,je=S.span`
|
|
468
523
|
width: 8px;
|
|
469
524
|
height: 8px;
|
|
470
525
|
margin-top: 6px;
|
|
471
526
|
flex: 0 0 auto;
|
|
472
527
|
border-radius: 50%;
|
|
473
528
|
background: var(--ant-color-primary);
|
|
474
|
-
`,
|
|
529
|
+
`,Ge=S.button`
|
|
475
530
|
display: block;
|
|
476
531
|
width: 100%;
|
|
477
532
|
padding: 12px 16px;
|
|
@@ -488,9 +543,9 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
488
543
|
&:hover {
|
|
489
544
|
background: rgba(0, 0, 0, 0.04);
|
|
490
545
|
}
|
|
491
|
-
`,
|
|
546
|
+
`,We=S.div`
|
|
492
547
|
padding: 28px 16px;
|
|
493
|
-
`,
|
|
548
|
+
`,_e=({items:r=[],count:n,loading:o=!1,title:i="Notifications",onMarkAllRead:d,onSeeAll:s,seeAllLabel:c="See all notifications",emptyText:h="You're all caught up",onOpenChange:g,size:u=40,icon:b,className:m})=>{const[x,f]=w(!1),y=n??r.filter((e=>e.unread)).length,v=e(Fe,{children:[e(Oe,{children:[t("h4",{children:i}),d&&y>0&&t("button",{type:"button",onClick:d,children:"Mark all as read"})]}),o?t(We,{style:{textAlign:"center"},children:t(l,{})}):0===r.length?t(We,{children:t(p,{image:p.PRESENTED_IMAGE_SIMPLE,description:h})}):t(Re,{children:r.map((r=>e(Ue,{type:"button",$unread:r.unread,onClick:()=>{r.onClick?.(r),f(!1),g?.(!1)},children:[t(He,{$src:r.avatarSrc,children:!r.avatarSrc&&(r.icon??t(B,{}))}),e(Me,{children:[t("strong",{children:r.title}),r.description&&t("span",{children:r.description}),r.time&&t("time",{children:r.time})]}),r.unread&&t(je,{})]},r.id)))}),s&&t(Ge,{type:"button",onClick:()=>{s(),f(!1),g?.(!1)},children:c})]});return t(a,{open:x,onOpenChange:e=>{f(e),g?.(e)},trigger:["click"],placement:"bottomRight",popupRender:()=>v,children:e(Be,{type:"button",$size:u,$open:x,className:m,"aria-label":`${i}${y?` (${y} unread)`:""}`,children:[b??t(B,{}),y>0&&t(Ae,{$size:u,children:y>99?"99+":y})]})})},Pe=S.button`
|
|
494
549
|
position: relative;
|
|
495
550
|
width: ${({$size:e})=>e}px;
|
|
496
551
|
height: ${({$size:e})=>e}px;
|
|
@@ -524,7 +579,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
524
579
|
display: block;
|
|
525
580
|
border-radius: inherit;
|
|
526
581
|
}
|
|
527
|
-
`,
|
|
582
|
+
`,Ke=S.span`
|
|
528
583
|
position: absolute;
|
|
529
584
|
right: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
530
585
|
bottom: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
@@ -540,15 +595,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
540
595
|
border-radius: 50%;
|
|
541
596
|
pointer-events: none;
|
|
542
597
|
|
|
543
|
-
${
|
|
544
|
-
background: var(--ant-color-primary);
|
|
545
|
-
color: #fff;
|
|
546
|
-
}
|
|
598
|
+
${({$open:e})=>e?"\n background: var(--ant-color-primary);\n color: #fff;\n ":""}
|
|
547
599
|
|
|
548
600
|
& svg {
|
|
549
601
|
display: block;
|
|
550
602
|
}
|
|
551
|
-
`,
|
|
603
|
+
`,Xe=S.div`
|
|
552
604
|
display: flex;
|
|
553
605
|
align-items: center;
|
|
554
606
|
gap: 12px;
|
|
@@ -583,7 +635,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
583
635
|
overflow: hidden;
|
|
584
636
|
text-overflow: ellipsis;
|
|
585
637
|
}
|
|
586
|
-
`,
|
|
638
|
+
`,Ve=S.span`
|
|
587
639
|
width: 40px;
|
|
588
640
|
height: 40px;
|
|
589
641
|
flex: 0 0 auto;
|
|
@@ -594,7 +646,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
594
646
|
font-weight: 700;
|
|
595
647
|
border-radius: 50%;
|
|
596
648
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.08)"};
|
|
597
|
-
`,
|
|
649
|
+
`,Ye=S.div`
|
|
598
650
|
overflow: hidden;
|
|
599
651
|
background: var(--ant-color-bg-elevated);
|
|
600
652
|
border: 1px solid var(--ant-color-border-secondary);
|
|
@@ -617,17 +669,17 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
617
669
|
border-radius: 8px;
|
|
618
670
|
font-size: 14px;
|
|
619
671
|
}
|
|
620
|
-
`,
|
|
672
|
+
`,qe=e=>(e||"").replace(/\(.*?\)/g," ").split(/[\s,]+/).map((e=>e.replace(/[^\p{L}\p{N}]/gu,""))).filter(Boolean).slice(0,2).map((e=>e[0].toUpperCase())).join("")||"?",Je=({account:r,avatarSrc:n,settingsUrl:i="/settings",onSettings:l,onLogout:d,confirmLogout:s=!0,extraItems:p,shape:c="circle",size:h=40,hideChevron:g=!1,className:u})=>{const{modal:b}=o.useApp(),[m,x]=w(!1),f=[...p??[],...null!==i||l?[{key:"settings",icon:t(I,{}),label:"Settings",onClick:()=>{l?l():i&&(window.location.href=i)}}]:[],{key:"logout",icon:t(C,{}),label:"Logout",onClick:()=>{s?b.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:t(z,{}),okText:"Logout",onOk:d}):d()}}];return t(a,{open:m,onOpenChange:x,trigger:["click"],placement:"bottomRight",menu:{items:f,onClick:()=>x(!1)},popupRender:o=>e(Ye,{children:[e(Xe,{children:[t(Ve,{$src:n,children:!n&&qe(r.fullName)}),e("span",{className:"hisd3-identity-text",children:[t("span",{className:"hisd3-identity-name",children:r.fullName}),r.positionType&&t("span",{className:"hisd3-identity-role",children:r.positionType})]})]}),o]}),children:e(Pe,{type:"button",className:u,$shape:c,$size:h,$open:m,"aria-label":`Account menu for ${r.fullName}`,children:[n?t("img",{src:n,alt:""}):qe(r.fullName),!g&&t(Ke,{$size:h,$open:m,"aria-hidden":!0,children:t(E,{})})]})})},Qe=S.div`
|
|
621
673
|
display: flex;
|
|
622
674
|
align-items: center;
|
|
623
675
|
gap: 8px;
|
|
624
676
|
flex: 0 0 auto;
|
|
625
|
-
`,
|
|
677
|
+
`,Ze=S.span`
|
|
626
678
|
width: 2px;
|
|
627
679
|
height: 24px;
|
|
628
680
|
background: var(--ant-color-border-secondary);
|
|
629
681
|
flex: 0 0 auto;
|
|
630
|
-
`,
|
|
682
|
+
`,et=({children:r,divided:n=!1,className:o})=>{const i=m.Children.toArray(r).filter(Boolean);return t(Qe,{className:o,children:i.map(((r,o)=>e(m.Fragment,{children:[n&&o===i.length-1&&o>0&&t(Ze,{}),r]},o)))})},tt=S.div`
|
|
631
683
|
.ant-table-wrapper .ant-table {
|
|
632
684
|
background: transparent;
|
|
633
685
|
}
|
|
@@ -677,14 +729,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
677
729
|
.hisd3-cell-muted {
|
|
678
730
|
color: var(--ant-color-text-tertiary);
|
|
679
731
|
}
|
|
680
|
-
`,
|
|
732
|
+
`,rt=S.div`
|
|
681
733
|
padding: 22px 0 14px;
|
|
682
734
|
font-size: 13px;
|
|
683
735
|
font-weight: 600;
|
|
684
736
|
letter-spacing: 0.1em;
|
|
685
737
|
text-transform: uppercase;
|
|
686
738
|
color: var(--ant-color-text-tertiary);
|
|
687
|
-
`,
|
|
739
|
+
`,nt=S.div`
|
|
688
740
|
display: flex;
|
|
689
741
|
align-items: center;
|
|
690
742
|
gap: 24px;
|
|
@@ -744,7 +796,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
744
796
|
font-weight: 700;
|
|
745
797
|
}
|
|
746
798
|
}
|
|
747
|
-
`,
|
|
799
|
+
`,ot=S.div`
|
|
748
800
|
display: inline-flex;
|
|
749
801
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
750
802
|
|
|
@@ -768,7 +820,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
768
820
|
color: #fff;
|
|
769
821
|
}
|
|
770
822
|
}
|
|
771
|
-
`,it=e=>`Total ${e.toLocaleString()} items`;function
|
|
823
|
+
`,it=e=>`Total ${e.toLocaleString()} items`;function at({pagination:r,footer:n,...o}){const i=r||void 0,a=i?.pageSizeOptions??[10,20,50];return e(tt,{children:[t(c,{...o,pagination:!1}),n&&t(rt,{children:n}),i&&e(nt,{children:[t("span",{className:"hisd3-total",children:(i.renderTotal??it)(i.total,[(i.current-1)*i.pageSize+1,Math.min(i.current*i.pageSize,i.total)])}),t(h,{current:i.current,pageSize:i.pageSize,total:i.total,showSizeChanger:!1,onChange:(e,t)=>i.onChange(e,t),itemRender:(e,r,n)=>"prev"===r?t("span",{className:"ant-pagination-item-link",children:t(N,{})}):"next"===r?t("span",{className:"ant-pagination-item-link",children:t(L,{})}):n}),!i.hidePageSize&&t(ot,{role:"group","aria-label":"Rows per page",children:a.map((t=>e("button",{type:"button","aria-pressed":t===i.pageSize,onClick:()=>i.onChange(1,t),children:[t," / page"]},t)))})]})]})}const lt=S(g)`
|
|
772
824
|
&.ant-tabs .ant-tabs-nav {
|
|
773
825
|
margin: 0;
|
|
774
826
|
|
|
@@ -801,7 +853,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
801
853
|
.ant-tabs-tab-active .hisd3-tab-count {
|
|
802
854
|
color: var(--ant-color-primary);
|
|
803
855
|
}
|
|
804
|
-
`,
|
|
856
|
+
`,dt=({items:n,...o})=>t(lt,{...o,items:n.map((({count:n,label:o,...i})=>({...i,label:e(r,{children:[o,void 0!==n&&t("span",{className:"hisd3-tab-count",children:n})]})})))}),st={default:"var(--ant-color-text)",primary:"var(--ant-color-primary)",success:"var(--ant-color-success)",warning:"var(--ant-color-warning)",danger:"var(--ant-color-error)"},pt={default:"rgba(0,0,0,0.05)",primary:"var(--ant-color-primary-bg)",success:"var(--ant-color-success-bg)",warning:"var(--ant-color-warning-bg)",danger:"var(--ant-color-error-bg)"},ct=S.span`
|
|
805
857
|
display: inline-flex;
|
|
806
858
|
align-items: center;
|
|
807
859
|
gap: 6px;
|
|
@@ -816,8 +868,8 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
816
868
|
border: var(--hisd3-rule-width, 1px) solid transparent;
|
|
817
869
|
border-radius: 0;
|
|
818
870
|
|
|
819
|
-
${({$variant:e,$tone:t})=>{const r=
|
|
820
|
-
`,
|
|
871
|
+
${({$variant:e,$tone:t})=>{const r=st[t],n=pt[t];switch(e){case"soft":return`color: ${r}; background: ${n};`;case"outline":return`color: ${r}; border-color: ${r}; background: transparent;`;case"solid":return`color: #fff; background: ${"default"===t?"var(--ant-color-text)":r};`;default:return"color: var(--ant-color-text); background: rgba(0,0,0,0.05);"}}}
|
|
872
|
+
`,ht=({variant:e="neutral",tone:r=("neutral"===e?"default":"primary"),children:n,...o})=>t(ct,{$variant:e,$tone:r,...o,children:n}),gt=S(u)`
|
|
821
873
|
&.ant-btn {
|
|
822
874
|
display: inline-flex;
|
|
823
875
|
align-items: center;
|
|
@@ -849,7 +901,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
849
901
|
.anticon {
|
|
850
902
|
font-size: 1.05em;
|
|
851
903
|
}
|
|
852
|
-
`,
|
|
904
|
+
`,ut={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},bt=({variant:e="secondary",...r})=>t(gt,{...ut[e],...r}),mt=S(b)`
|
|
853
905
|
&.ant-input,
|
|
854
906
|
&.ant-input-affix-wrapper {
|
|
855
907
|
border-width: var(--hisd3-rule-width, 1px);
|
|
@@ -861,7 +913,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
861
913
|
color: var(--ant-color-text-tertiary);
|
|
862
914
|
font-size: 18px;
|
|
863
915
|
}
|
|
864
|
-
`,
|
|
916
|
+
`,xt=e=>t(mt,{...e}),ft=S(mt)`
|
|
865
917
|
&.ant-input-affix-wrapper {
|
|
866
918
|
background: var(--hisd3-bg-filled, #e6e4e1);
|
|
867
919
|
border-color: var(--ant-color-border-secondary);
|
|
@@ -895,5 +947,5 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
895
947
|
font-size: 18px;
|
|
896
948
|
}
|
|
897
949
|
}
|
|
898
|
-
`,
|
|
950
|
+
`,yt=({compact:e=!1,className:r,...n})=>t(ft,{allowClear:!0,prefix:t(A,{}),className:[e?"hisd3-search-compact":"",r??""].join(" ").trim(),...n});var vt,wt,kt,St,$t,It,Ct,Et,zt,Dt,Tt,Lt,Nt;!function(e){e.MODERN="modern",e.STANDARD="standard"}(vt||(vt={})),function(e){e.MODERN="30px",e.STANDARD="16px"}(wt||(wt={})),function(e){e.LIGHT="light",e.SEMI_DARK="semi-dark",e.DARK="dark"}(kt||(kt={})),function(e){e.FULL_WIDTH="full-width",e.BOXED="boxed",e.FRAMED="framed"}(St||(St={})),function(e){e.DEFAULT="default",e.STANDARD="standard",e.ROUNDED="rounded",e.ROUNDED_REVERSE="rounded-reverse",e.CURVED_MENU="curved-menu"}($t||($t={})),function(e){e.DEFAULT="default",e.MINI="mini",e.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",e.STANDARD="standard",e.HEADER_USER="user-header",e.HEADER_USER_MINI="user-mini-header",e.DRAWER="drawer",e.BIT_BUCKET="bit-bucket",e.H_DEFAULT="h-default",e.HOR_HEADER_FIXED="hor-header-fixed",e.HOR_DARK_LAYOUT="hor-dark-layout"}(It||(It={})),function(e){e.FIXED="fixed",e.FLUID="fluid"}(Ct||(Ct={})),function(e){e.RTL="rtl",e.LTR="ltr"}(Et||(Et={})),function(e){e.DARK="dark",e.LIGHT="light"}(zt||(zt={})),function(e){e.NONE="none",e.FADE="fade",e.SLIDE_LEFT="slideLeft",e.SLIDE_RIGHT="slideRight",e.SLIDE_UP="slideUp",e.SLIDE_DOWN="slideDown"}(Dt||(Dt={})),function(e){e.LIGHT="300",e.REGULAR="400",e.MEDIUM="500",e.BOLD="600"}(Tt||(Tt={})),function(e){e.FIREBASE="firebase",e.AWS_COGNITO="aws_cognito",e.AUTH0="auth0",e.JWT_AUTH="jwt_auth"}(Lt||(Lt={})),function(e){e.SLIDEUPIN="transition.slideUpIn",e.SLIDEUPOUT="transition.slideUpOut",e.SLIDEDOWNIN="transition.slideDownIn",e.SLIDEDOWNOUT="transition.slideDownOut",e.SLIDELEFTIN="transition.slideLeftIn",e.SLIDELEFTOUT="transition.slideLeftOut",e.SLIDERIGHTIN="transition.slideRightIn",e.SLIDERIGHTOUT="transition.slideRightOut",e.FADEIN="transition.fadeIn",e.FADEOUT="transition.fadeOut"}(Nt||(Nt={}));const Bt={SLIDEUPIN:{hidden:{y:0},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.2,staggerChildren:.05}}},SLIDEUPOUT:{hidden:{y:0},visible:{opacity:0,y:"100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNIN:{hidden:{opacity:0,y:"-100vh"},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNOUT:{hidden:{y:0},visible:{opacity:0,y:"-100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTIN:{hidden:{x:"100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTOUT:{hidden:{x:0},visible:{opacity:0,x:"100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTIN:{hidden:{x:"-100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTOUT:{hidden:{x:0},visible:{opacity:0,x:"-100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},FADEIN:{hidden:{opacity:0,scale:1},visible:{opacity:1,scale:1,transition:{ease:"easeIn",when:"beforeChildren",staggerChildren:.15}}},FADEOUT:{hidden:{opacity:1,scale:1},visible:{opacity:0,scale:1,transition:{ease:"easeOut",when:"beforeChildren",staggerChildren:.15}}},NOANIMATION:{hidden:{opacity:1},visible:{opacity:1}}},At={SLIDEUPIN:{variants:{hidden:{y:100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEUPOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"-100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDEDOWNIN:{variants:{hidden:{y:-100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEDOWNOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDELEFTIN:{variants:{hidden:{x:100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDELEFTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDERIGHTIN:{variants:{hidden:{x:-100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDERIGHTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},FADEIN:{variants:{hidden:{opacity:0},visible:{opacity:1}},transition:{duration:.1,ease:"easeIn",when:"beforeChildren"}},FADEOUT:{variants:{hidden:{opacity:1},visible:{opacity:0}},transition:{duration:.1,ease:"easeOut",when:"beforeChildren"}}};var Ft,Ot;!function(e){e[e.MEDIA=1]="MEDIA",e[e.TEXT=2]="TEXT"}(Ft||(Ft={})),function(e){e.Admin="admin",e.User="user"}(Ot||(Ot={}));export{Bt as AppAnimateGroups,Nt as AppAnimates,At as AppMotionAnimate,Lt as AuthType,Tt as Fonts,Ct as FooterType,Je as HISD3AvatarMenu,bt as HISD3Button,et as HISD3HeaderActions,xt as HISD3Input,_e as HISD3NotificationButton,Le as HISD3PageBody,Ne as HISD3PageHeader,J as HISD3Provider,yt as HISD3SearchInput,Ie as HISD3Sidebar,at as HISD3Table,dt as HISD3Tabs,ht as HISD3Tag,H as HISD3_BORDER_PRESETS,V as HISD3_COLORS,M as HISD3_FONT_FAMILY,G as HISD3_FONT_WEIGHT_BODY,j as HISD3_FONT_WEIGHT_HEADING,O as HISD3_LAYOUT,U as HISD3_NEUTRALS,R as HISD3_PRESETS,Be as HeaderIconButton,zt as HeaderType,Et as LayoutDirection,St as LayoutType,$t as MenuStyle,Ft as MessageType,It as NavStyle,Ot as RoutePermittedRole,Dt as RouteTransition,kt as ThemeMode,vt as ThemeStyle,wt as ThemeStyleRadius,Se as UserMenu,K as borderVarsCss,P as createHisd3Theme,qe as getInitials,X as hisd3AntdTheme,W as resolvePrimary,_ as tint,q as useInsideHISD3Provider};
|
|
899
951
|
//# sourceMappingURL=index.js.map
|