hisd3-ui-kit 4.1.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 +20 -4
- package/dist/index.cjs.js +134 -62
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +24 -1
- package/dist/index.js +142 -70
- package/dist/index.js.map +1 -1
- package/package.json +7 -8
package/dist/index.js
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigProvider as n,App as
|
|
2
|
-
|
|
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 */
|
|
3
3
|
background: var(--ant-color-bg-layout);
|
|
4
4
|
|
|
5
|
+
/*
|
|
6
|
+
* App-shell mode: the shell is exactly one viewport tall and never scrolls,
|
|
7
|
+
* so the document has no scrollbar and cannot rubber-band. The content
|
|
8
|
+
* column (StyledMain) is the scroller instead.
|
|
9
|
+
*/
|
|
10
|
+
${({$appShell:e})=>e?"height: 100vh; max-height: 100vh; overflow: hidden;":"min-height: 100vh;"}
|
|
11
|
+
|
|
5
12
|
/*
|
|
6
13
|
* The Sider is rendered as a plain antd <Sider> (not styled(Sider)) because
|
|
7
14
|
* styled-components would swallow its \`theme\` prop; style it from here.
|
|
@@ -9,7 +16,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
9
16
|
> .ant-layout-sider.hisd3-sider {
|
|
10
17
|
position: sticky;
|
|
11
18
|
top: 0;
|
|
12
|
-
height: 100vh;
|
|
19
|
+
height: ${({$appShell:e})=>e?"100%":"100vh"};
|
|
13
20
|
overflow: hidden;
|
|
14
21
|
background: var(--ant-color-bg-layout);
|
|
15
22
|
border-right: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
@@ -20,10 +27,16 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
20
27
|
height: 100%;
|
|
21
28
|
}
|
|
22
29
|
}
|
|
23
|
-
`,oe=
|
|
30
|
+
`,oe=S(i)`
|
|
31
|
+
background: transparent;
|
|
32
|
+
min-width: 0;
|
|
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 ":""}
|
|
35
|
+
`,ie=S.div`
|
|
24
36
|
flex: 1 1 auto;
|
|
25
37
|
overflow-y: auto;
|
|
26
38
|
overflow-x: hidden;
|
|
39
|
+
overscroll-behavior: contain;
|
|
27
40
|
padding-top: 4px;
|
|
28
41
|
|
|
29
42
|
.ant-menu-inline,
|
|
@@ -95,11 +108,11 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
95
108
|
&.hisd3-collapsed .ant-menu-item-group-title {
|
|
96
109
|
display: none;
|
|
97
110
|
}
|
|
98
|
-
`,ae=
|
|
111
|
+
`,ae=S.a`
|
|
99
112
|
display: flex;
|
|
100
113
|
align-items: center;
|
|
101
114
|
gap: 10px;
|
|
102
|
-
height: ${
|
|
115
|
+
height: ${re}px;
|
|
103
116
|
padding: 0 ${({$collapsed:e})=>e?12:O.pageGutter}px;
|
|
104
117
|
justify-content: ${({$collapsed:e})=>e?"center":"flex-start"};
|
|
105
118
|
color: inherit;
|
|
@@ -137,12 +150,13 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
137
150
|
overflow: hidden;
|
|
138
151
|
text-overflow: ellipsis;
|
|
139
152
|
}
|
|
140
|
-
`,le=
|
|
153
|
+
`,le=S(Q)`
|
|
141
154
|
display: flex;
|
|
142
155
|
align-items: center;
|
|
143
156
|
gap: 24px;
|
|
144
|
-
|
|
145
|
-
|
|
157
|
+
flex: 0 0 ${re}px;
|
|
158
|
+
height: ${re}px;
|
|
159
|
+
line-height: ${re}px;
|
|
146
160
|
padding: 0 ${O.pageGutter}px;
|
|
147
161
|
position: sticky;
|
|
148
162
|
top: 0;
|
|
@@ -155,23 +169,24 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
155
169
|
min-width: 0;
|
|
156
170
|
border-bottom: none;
|
|
157
171
|
background: transparent;
|
|
158
|
-
line-height: ${
|
|
172
|
+
line-height: ${re-2}px;
|
|
159
173
|
font-size: 14px;
|
|
160
174
|
font-weight: 500;
|
|
161
175
|
}
|
|
162
|
-
`,de=
|
|
176
|
+
`,de=S(Q)`
|
|
163
177
|
display: flex;
|
|
164
178
|
align-items: center;
|
|
165
179
|
gap: 12px;
|
|
166
|
-
|
|
167
|
-
|
|
180
|
+
flex: 0 0 ${re}px;
|
|
181
|
+
height: ${re}px;
|
|
182
|
+
line-height: ${re}px;
|
|
168
183
|
padding: 0 ${O.pageGutter}px;
|
|
169
184
|
position: sticky;
|
|
170
185
|
top: 0;
|
|
171
186
|
z-index: 99;
|
|
172
187
|
background: var(--ant-color-bg-layout);
|
|
173
188
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
174
|
-
`,se=
|
|
189
|
+
`,se=S.button`
|
|
175
190
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
176
191
|
background: transparent;
|
|
177
192
|
cursor: pointer;
|
|
@@ -187,10 +202,48 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
187
202
|
&:hover {
|
|
188
203
|
background: rgba(0, 0, 0, 0.05);
|
|
189
204
|
}
|
|
190
|
-
`,pe=
|
|
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)`
|
|
244
|
+
flex: 1 0 auto;
|
|
191
245
|
padding: 24px ${O.pageGutter}px 40px;
|
|
192
|
-
|
|
193
|
-
`,ce=I.div`
|
|
246
|
+
`,he=S.div`
|
|
194
247
|
flex: 0 0 auto;
|
|
195
248
|
display: flex;
|
|
196
249
|
flex-direction: column;
|
|
@@ -204,14 +257,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
204
257
|
& .ant-dropdown-link {
|
|
205
258
|
color: inherit;
|
|
206
259
|
}
|
|
207
|
-
`,
|
|
260
|
+
`,ge=S.a`
|
|
208
261
|
display: flex;
|
|
209
262
|
align-items: center;
|
|
210
263
|
justify-content: center;
|
|
211
264
|
cursor: pointer;
|
|
212
265
|
color: inherit;
|
|
213
266
|
gap: 10px;
|
|
214
|
-
`,
|
|
267
|
+
`,ue=S.span`
|
|
215
268
|
width: 34px;
|
|
216
269
|
height: 34px;
|
|
217
270
|
flex: 0 0 auto;
|
|
@@ -222,15 +275,15 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
222
275
|
font-weight: 700;
|
|
223
276
|
color: var(--ant-color-text);
|
|
224
277
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
|
|
225
|
-
`,
|
|
278
|
+
`,be=S.span`
|
|
226
279
|
flex: 1 1 auto;
|
|
227
280
|
min-width: 0;
|
|
228
|
-
`,
|
|
281
|
+
`,me=S.span`
|
|
229
282
|
display: flex;
|
|
230
283
|
align-items: flex-start;
|
|
231
284
|
justify-content: space-between;
|
|
232
285
|
gap: 8px;
|
|
233
|
-
`,
|
|
286
|
+
`,xe=S.h3`
|
|
234
287
|
margin: 0;
|
|
235
288
|
font-family: var(--font-body);
|
|
236
289
|
font-size: 14px;
|
|
@@ -242,7 +295,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
242
295
|
display: -webkit-box;
|
|
243
296
|
-webkit-line-clamp: 2;
|
|
244
297
|
-webkit-box-orient: vertical;
|
|
245
|
-
`,
|
|
298
|
+
`,fe=S.span`
|
|
246
299
|
width: 20px;
|
|
247
300
|
height: 22px;
|
|
248
301
|
display: flex;
|
|
@@ -254,7 +307,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
254
307
|
& svg {
|
|
255
308
|
display: block;
|
|
256
309
|
}
|
|
257
|
-
`,
|
|
310
|
+
`,ye=S.span`
|
|
258
311
|
display: block;
|
|
259
312
|
margin-top: 3px;
|
|
260
313
|
font-size: 11px;
|
|
@@ -265,12 +318,16 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
265
318
|
overflow: hidden;
|
|
266
319
|
text-overflow: ellipsis;
|
|
267
320
|
white-space: nowrap;
|
|
268
|
-
`,
|
|
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`
|
|
322
|
+
display: contents;
|
|
323
|
+
`,ze=S.div`
|
|
269
324
|
display: flex;
|
|
270
325
|
align-items: center;
|
|
271
326
|
gap: 16px;
|
|
272
327
|
height: ${O.topBarHeight}px; /* same as the sidebar brand block */
|
|
273
|
-
|
|
328
|
+
/* never shrink: these are flex items of the scrolling column */
|
|
329
|
+
flex: 0 0 ${O.topBarHeight}px;
|
|
330
|
+
padding: 0 ${Ce}px;
|
|
274
331
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
275
332
|
background: var(--ant-color-bg-layout);
|
|
276
333
|
position: sticky;
|
|
@@ -286,17 +343,18 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
286
343
|
.ant-breadcrumb ol {
|
|
287
344
|
flex-wrap: nowrap;
|
|
288
345
|
}
|
|
289
|
-
`,
|
|
346
|
+
`,De=S.div`
|
|
290
347
|
display: flex;
|
|
291
348
|
align-items: center;
|
|
292
349
|
gap: 10px;
|
|
293
350
|
flex: 0 0 auto;
|
|
294
|
-
`,
|
|
351
|
+
`,Te=S.div`
|
|
295
352
|
display: flex;
|
|
296
353
|
align-items: baseline;
|
|
297
354
|
gap: 16px;
|
|
298
355
|
flex-wrap: wrap;
|
|
299
|
-
|
|
356
|
+
flex: 0 0 auto;
|
|
357
|
+
padding: 20px ${Ce}px 18px;
|
|
300
358
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
|
|
301
359
|
|
|
302
360
|
h1 {
|
|
@@ -314,9 +372,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
314
372
|
font-size: 15px;
|
|
315
373
|
color: var(--ant-color-text-secondary);
|
|
316
374
|
}
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
375
|
+
`,Le=S.div`
|
|
376
|
+
flex: 1 0 auto;
|
|
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`
|
|
320
379
|
position: relative;
|
|
321
380
|
width: ${({$size:e=40})=>e}px;
|
|
322
381
|
height: ${({$size:e=40})=>e}px;
|
|
@@ -325,7 +384,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
325
384
|
align-items: center;
|
|
326
385
|
justify-content: center;
|
|
327
386
|
padding: 0;
|
|
328
|
-
font-size: ${({$size:e=40})=>Math.round(.
|
|
387
|
+
font-size: ${({$size:e=40})=>Math.round(.54*e)}px;
|
|
329
388
|
line-height: 1;
|
|
330
389
|
color: var(--ant-color-text);
|
|
331
390
|
background: var(--hisd3-control-bg, #e6e4e1);
|
|
@@ -339,21 +398,37 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
339
398
|
}
|
|
340
399
|
|
|
341
400
|
/* open state: tinted with the app's primary, like Facebook's blue */
|
|
342
|
-
|
|
343
|
-
background: var(--ant-color-primary-bg);
|
|
344
|
-
color: var(--ant-color-primary);
|
|
345
|
-
}
|
|
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 ":""}
|
|
346
402
|
|
|
347
403
|
&:focus-visible {
|
|
348
404
|
outline: 2px solid var(--ant-color-primary);
|
|
349
405
|
outline-offset: 2px;
|
|
350
406
|
}
|
|
351
407
|
|
|
352
|
-
.
|
|
353
|
-
color: inherit;
|
|
408
|
+
& > .anticon {
|
|
354
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));
|
|
355
412
|
}
|
|
356
|
-
`,
|
|
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`
|
|
357
432
|
width: 360px;
|
|
358
433
|
max-width: calc(100vw - 32px);
|
|
359
434
|
overflow: hidden;
|
|
@@ -362,7 +437,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
362
437
|
border-radius: var(--hisd3-popup-radius, 10px);
|
|
363
438
|
box-shadow: 0 2px 6px rgba(16, 15, 14, 0.06),
|
|
364
439
|
0 12px 32px rgba(16, 15, 14, 0.14);
|
|
365
|
-
`,
|
|
440
|
+
`,Oe=S.div`
|
|
366
441
|
display: flex;
|
|
367
442
|
align-items: center;
|
|
368
443
|
justify-content: space-between;
|
|
@@ -390,10 +465,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
390
465
|
text-decoration: underline;
|
|
391
466
|
}
|
|
392
467
|
}
|
|
393
|
-
`,
|
|
468
|
+
`,Re=S.div`
|
|
394
469
|
max-height: 380px;
|
|
395
470
|
overflow-y: auto;
|
|
396
|
-
`,
|
|
471
|
+
`,Ue=S.button`
|
|
397
472
|
display: flex;
|
|
398
473
|
align-items: flex-start;
|
|
399
474
|
gap: 12px;
|
|
@@ -408,7 +483,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
408
483
|
&:hover {
|
|
409
484
|
background: ${({$unread:e})=>e?"var(--ant-color-primary-bg-hover)":"rgba(0,0,0,0.04)"};
|
|
410
485
|
}
|
|
411
|
-
`,
|
|
486
|
+
`,He=S.span`
|
|
412
487
|
width: 36px;
|
|
413
488
|
height: 36px;
|
|
414
489
|
flex: 0 0 auto;
|
|
@@ -419,7 +494,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
419
494
|
color: var(--ant-color-text);
|
|
420
495
|
border-radius: 50%;
|
|
421
496
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.06)"};
|
|
422
|
-
`,
|
|
497
|
+
`,Me=S.span`
|
|
423
498
|
flex: 1 1 auto;
|
|
424
499
|
min-width: 0;
|
|
425
500
|
|
|
@@ -444,14 +519,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
444
519
|
font-size: 12px;
|
|
445
520
|
color: var(--ant-color-text-tertiary);
|
|
446
521
|
}
|
|
447
|
-
`,
|
|
522
|
+
`,je=S.span`
|
|
448
523
|
width: 8px;
|
|
449
524
|
height: 8px;
|
|
450
525
|
margin-top: 6px;
|
|
451
526
|
flex: 0 0 auto;
|
|
452
527
|
border-radius: 50%;
|
|
453
528
|
background: var(--ant-color-primary);
|
|
454
|
-
`,
|
|
529
|
+
`,Ge=S.button`
|
|
455
530
|
display: block;
|
|
456
531
|
width: 100%;
|
|
457
532
|
padding: 12px 16px;
|
|
@@ -468,9 +543,9 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
468
543
|
&:hover {
|
|
469
544
|
background: rgba(0, 0, 0, 0.04);
|
|
470
545
|
}
|
|
471
|
-
`,
|
|
546
|
+
`,We=S.div`
|
|
472
547
|
padding: 28px 16px;
|
|
473
|
-
`,
|
|
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`
|
|
474
549
|
position: relative;
|
|
475
550
|
width: ${({$size:e})=>e}px;
|
|
476
551
|
height: ${({$size:e})=>e}px;
|
|
@@ -504,7 +579,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
504
579
|
display: block;
|
|
505
580
|
border-radius: inherit;
|
|
506
581
|
}
|
|
507
|
-
`,
|
|
582
|
+
`,Ke=S.span`
|
|
508
583
|
position: absolute;
|
|
509
584
|
right: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
510
585
|
bottom: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
@@ -520,15 +595,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
520
595
|
border-radius: 50%;
|
|
521
596
|
pointer-events: none;
|
|
522
597
|
|
|
523
|
-
${
|
|
524
|
-
background: var(--ant-color-primary);
|
|
525
|
-
color: #fff;
|
|
526
|
-
}
|
|
598
|
+
${({$open:e})=>e?"\n background: var(--ant-color-primary);\n color: #fff;\n ":""}
|
|
527
599
|
|
|
528
600
|
& svg {
|
|
529
601
|
display: block;
|
|
530
602
|
}
|
|
531
|
-
`,
|
|
603
|
+
`,Xe=S.div`
|
|
532
604
|
display: flex;
|
|
533
605
|
align-items: center;
|
|
534
606
|
gap: 12px;
|
|
@@ -563,7 +635,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
563
635
|
overflow: hidden;
|
|
564
636
|
text-overflow: ellipsis;
|
|
565
637
|
}
|
|
566
|
-
`,
|
|
638
|
+
`,Ve=S.span`
|
|
567
639
|
width: 40px;
|
|
568
640
|
height: 40px;
|
|
569
641
|
flex: 0 0 auto;
|
|
@@ -574,7 +646,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
574
646
|
font-weight: 700;
|
|
575
647
|
border-radius: 50%;
|
|
576
648
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.08)"};
|
|
577
|
-
`,
|
|
649
|
+
`,Ye=S.div`
|
|
578
650
|
overflow: hidden;
|
|
579
651
|
background: var(--ant-color-bg-elevated);
|
|
580
652
|
border: 1px solid var(--ant-color-border-secondary);
|
|
@@ -597,17 +669,17 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
597
669
|
border-radius: 8px;
|
|
598
670
|
font-size: 14px;
|
|
599
671
|
}
|
|
600
|
-
`,
|
|
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`
|
|
601
673
|
display: flex;
|
|
602
674
|
align-items: center;
|
|
603
675
|
gap: 8px;
|
|
604
676
|
flex: 0 0 auto;
|
|
605
|
-
`,
|
|
677
|
+
`,Ze=S.span`
|
|
606
678
|
width: 2px;
|
|
607
679
|
height: 24px;
|
|
608
680
|
background: var(--ant-color-border-secondary);
|
|
609
681
|
flex: 0 0 auto;
|
|
610
|
-
`,
|
|
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`
|
|
611
683
|
.ant-table-wrapper .ant-table {
|
|
612
684
|
background: transparent;
|
|
613
685
|
}
|
|
@@ -657,14 +729,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
657
729
|
.hisd3-cell-muted {
|
|
658
730
|
color: var(--ant-color-text-tertiary);
|
|
659
731
|
}
|
|
660
|
-
`,
|
|
732
|
+
`,rt=S.div`
|
|
661
733
|
padding: 22px 0 14px;
|
|
662
734
|
font-size: 13px;
|
|
663
735
|
font-weight: 600;
|
|
664
736
|
letter-spacing: 0.1em;
|
|
665
737
|
text-transform: uppercase;
|
|
666
738
|
color: var(--ant-color-text-tertiary);
|
|
667
|
-
`,
|
|
739
|
+
`,nt=S.div`
|
|
668
740
|
display: flex;
|
|
669
741
|
align-items: center;
|
|
670
742
|
gap: 24px;
|
|
@@ -724,7 +796,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
724
796
|
font-weight: 700;
|
|
725
797
|
}
|
|
726
798
|
}
|
|
727
|
-
`,
|
|
799
|
+
`,ot=S.div`
|
|
728
800
|
display: inline-flex;
|
|
729
801
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
730
802
|
|
|
@@ -748,7 +820,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
748
820
|
color: #fff;
|
|
749
821
|
}
|
|
750
822
|
}
|
|
751
|
-
`,
|
|
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)`
|
|
752
824
|
&.ant-tabs .ant-tabs-nav {
|
|
753
825
|
margin: 0;
|
|
754
826
|
|
|
@@ -781,7 +853,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
781
853
|
.ant-tabs-tab-active .hisd3-tab-count {
|
|
782
854
|
color: var(--ant-color-primary);
|
|
783
855
|
}
|
|
784
|
-
`,
|
|
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`
|
|
785
857
|
display: inline-flex;
|
|
786
858
|
align-items: center;
|
|
787
859
|
gap: 6px;
|
|
@@ -796,8 +868,8 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
796
868
|
border: var(--hisd3-rule-width, 1px) solid transparent;
|
|
797
869
|
border-radius: 0;
|
|
798
870
|
|
|
799
|
-
${({$variant:e,$tone:t})=>{const r=
|
|
800
|
-
`,
|
|
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)`
|
|
801
873
|
&.ant-btn {
|
|
802
874
|
display: inline-flex;
|
|
803
875
|
align-items: center;
|
|
@@ -829,7 +901,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
829
901
|
.anticon {
|
|
830
902
|
font-size: 1.05em;
|
|
831
903
|
}
|
|
832
|
-
`,
|
|
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)`
|
|
833
905
|
&.ant-input,
|
|
834
906
|
&.ant-input-affix-wrapper {
|
|
835
907
|
border-width: var(--hisd3-rule-width, 1px);
|
|
@@ -841,7 +913,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
841
913
|
color: var(--ant-color-text-tertiary);
|
|
842
914
|
font-size: 18px;
|
|
843
915
|
}
|
|
844
|
-
`,
|
|
916
|
+
`,xt=e=>t(mt,{...e}),ft=S(mt)`
|
|
845
917
|
&.ant-input-affix-wrapper {
|
|
846
918
|
background: var(--hisd3-bg-filled, #e6e4e1);
|
|
847
919
|
border-color: var(--ant-color-border-secondary);
|
|
@@ -875,5 +947,5 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
875
947
|
font-size: 18px;
|
|
876
948
|
}
|
|
877
949
|
}
|
|
878
|
-
`,
|
|
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};
|
|
879
951
|
//# sourceMappingURL=index.js.map
|