hisd3-ui-kit 4.2.0 → 4.2.2
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 +9 -3
- package/dist/index.cjs.js +126 -59
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.js +138 -71
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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
|
/*
|
|
@@ -12,7 +13,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
12
13
|
* The Sider is rendered as a plain antd <Sider> (not styled(Sider)) because
|
|
13
14
|
* styled-components would swallow its \`theme\` prop; style it from here.
|
|
14
15
|
*/
|
|
16
|
+
/* the whole sidebar is chrome: never select its text on drag */
|
|
15
17
|
> .ant-layout-sider.hisd3-sider {
|
|
18
|
+
user-select: none;
|
|
19
|
+
-webkit-user-select: none;
|
|
16
20
|
position: sticky;
|
|
17
21
|
top: 0;
|
|
18
22
|
height: ${({$appShell:e})=>e?"100%":"100vh"};
|
|
@@ -26,12 +30,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
26
30
|
height: 100%;
|
|
27
31
|
}
|
|
28
32
|
}
|
|
29
|
-
`,oe=
|
|
33
|
+
`,oe=S(i)`
|
|
30
34
|
background: transparent;
|
|
31
35
|
min-width: 0;
|
|
32
36
|
|
|
33
37
|
${({$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
|
-
`,
|
|
38
|
+
`,ie=S.div`
|
|
35
39
|
flex: 1 1 auto;
|
|
36
40
|
overflow-y: auto;
|
|
37
41
|
overflow-x: hidden;
|
|
@@ -107,11 +111,11 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
107
111
|
&.hisd3-collapsed .ant-menu-item-group-title {
|
|
108
112
|
display: none;
|
|
109
113
|
}
|
|
110
|
-
`,
|
|
114
|
+
`,ae=S.a`
|
|
111
115
|
display: flex;
|
|
112
116
|
align-items: center;
|
|
113
117
|
gap: 10px;
|
|
114
|
-
height: ${
|
|
118
|
+
height: ${re}px;
|
|
115
119
|
padding: 0 ${({$collapsed:e})=>e?12:O.pageGutter}px;
|
|
116
120
|
justify-content: ${({$collapsed:e})=>e?"center":"flex-start"};
|
|
117
121
|
color: inherit;
|
|
@@ -149,13 +153,13 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
149
153
|
overflow: hidden;
|
|
150
154
|
text-overflow: ellipsis;
|
|
151
155
|
}
|
|
152
|
-
`,
|
|
156
|
+
`,le=S(Q)`
|
|
153
157
|
display: flex;
|
|
154
158
|
align-items: center;
|
|
155
159
|
gap: 24px;
|
|
156
|
-
flex: 0 0 ${
|
|
157
|
-
height: ${
|
|
158
|
-
line-height: ${
|
|
160
|
+
flex: 0 0 ${re}px;
|
|
161
|
+
height: ${re}px;
|
|
162
|
+
line-height: ${re}px;
|
|
159
163
|
padding: 0 ${O.pageGutter}px;
|
|
160
164
|
position: sticky;
|
|
161
165
|
top: 0;
|
|
@@ -168,24 +172,24 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
168
172
|
min-width: 0;
|
|
169
173
|
border-bottom: none;
|
|
170
174
|
background: transparent;
|
|
171
|
-
line-height: ${
|
|
175
|
+
line-height: ${re-2}px;
|
|
172
176
|
font-size: 14px;
|
|
173
177
|
font-weight: 500;
|
|
174
178
|
}
|
|
175
|
-
`,
|
|
179
|
+
`,de=S(Q)`
|
|
176
180
|
display: flex;
|
|
177
181
|
align-items: center;
|
|
178
182
|
gap: 12px;
|
|
179
|
-
flex: 0 0 ${
|
|
180
|
-
height: ${
|
|
181
|
-
line-height: ${
|
|
183
|
+
flex: 0 0 ${re}px;
|
|
184
|
+
height: ${re}px;
|
|
185
|
+
line-height: ${re}px;
|
|
182
186
|
padding: 0 ${O.pageGutter}px;
|
|
183
187
|
position: sticky;
|
|
184
188
|
top: 0;
|
|
185
189
|
z-index: 99;
|
|
186
190
|
background: var(--ant-color-bg-layout);
|
|
187
191
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
188
|
-
`,
|
|
192
|
+
`,se=S.button`
|
|
189
193
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
190
194
|
background: transparent;
|
|
191
195
|
cursor: pointer;
|
|
@@ -201,10 +205,50 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
201
205
|
&:hover {
|
|
202
206
|
background: rgba(0, 0, 0, 0.05);
|
|
203
207
|
}
|
|
204
|
-
`,
|
|
208
|
+
`,pe=S.button`
|
|
209
|
+
user-select: none;
|
|
210
|
+
-webkit-user-select: none;
|
|
211
|
+
position: absolute;
|
|
212
|
+
top: ${({$top:e})=>e}px;
|
|
213
|
+
left: ${({$left:e})=>e}px;
|
|
214
|
+
transform: translate(-50%, -50%);
|
|
215
|
+
z-index: 30;
|
|
216
|
+
width: 28px;
|
|
217
|
+
height: 28px;
|
|
218
|
+
padding: 0;
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
justify-content: center;
|
|
222
|
+
font-size: 12px;
|
|
223
|
+
color: var(--hisd3-edge-trigger-color, #fff);
|
|
224
|
+
background: var(--hisd3-edge-trigger-bg, var(--ant-color-primary));
|
|
225
|
+
border: 2px solid var(--ant-color-bg-layout, #f3f2f0);
|
|
226
|
+
border-radius: 50%;
|
|
227
|
+
cursor: pointer;
|
|
228
|
+
box-shadow: 0 1px 3px rgba(16, 15, 14, 0.12),
|
|
229
|
+
0 4px 12px rgba(16, 15, 14, 0.14);
|
|
230
|
+
transition: left 0.2s ease, filter 0.15s ease;
|
|
231
|
+
|
|
232
|
+
&:hover {
|
|
233
|
+
filter: brightness(1.08);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
&:active {
|
|
237
|
+
filter: brightness(0.94);
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
&:focus-visible {
|
|
241
|
+
outline: 2px solid var(--ant-color-primary);
|
|
242
|
+
outline-offset: 2px;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
& svg {
|
|
246
|
+
display: block;
|
|
247
|
+
}
|
|
248
|
+
`,ce=S(Z)`
|
|
205
249
|
flex: 1 0 auto;
|
|
206
250
|
padding: 24px ${O.pageGutter}px 40px;
|
|
207
|
-
`,he=
|
|
251
|
+
`,he=S.div`
|
|
208
252
|
flex: 0 0 auto;
|
|
209
253
|
display: flex;
|
|
210
254
|
flex-direction: column;
|
|
@@ -218,14 +262,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
218
262
|
& .ant-dropdown-link {
|
|
219
263
|
color: inherit;
|
|
220
264
|
}
|
|
221
|
-
`,ge=
|
|
265
|
+
`,ge=S.a`
|
|
222
266
|
display: flex;
|
|
223
267
|
align-items: center;
|
|
224
268
|
justify-content: center;
|
|
225
269
|
cursor: pointer;
|
|
226
270
|
color: inherit;
|
|
227
271
|
gap: 10px;
|
|
228
|
-
`,ue=
|
|
272
|
+
`,ue=S.span`
|
|
229
273
|
width: 34px;
|
|
230
274
|
height: 34px;
|
|
231
275
|
flex: 0 0 auto;
|
|
@@ -236,15 +280,15 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
236
280
|
font-weight: 700;
|
|
237
281
|
color: var(--ant-color-text);
|
|
238
282
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
|
|
239
|
-
`,be=
|
|
283
|
+
`,be=S.span`
|
|
240
284
|
flex: 1 1 auto;
|
|
241
285
|
min-width: 0;
|
|
242
|
-
`,me=
|
|
286
|
+
`,me=S.span`
|
|
243
287
|
display: flex;
|
|
244
288
|
align-items: flex-start;
|
|
245
289
|
justify-content: space-between;
|
|
246
290
|
gap: 8px;
|
|
247
|
-
`,xe=
|
|
291
|
+
`,xe=S.h3`
|
|
248
292
|
margin: 0;
|
|
249
293
|
font-family: var(--font-body);
|
|
250
294
|
font-size: 14px;
|
|
@@ -256,7 +300,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
256
300
|
display: -webkit-box;
|
|
257
301
|
-webkit-line-clamp: 2;
|
|
258
302
|
-webkit-box-orient: vertical;
|
|
259
|
-
`,fe=
|
|
303
|
+
`,fe=S.span`
|
|
260
304
|
width: 20px;
|
|
261
305
|
height: 22px;
|
|
262
306
|
display: flex;
|
|
@@ -268,7 +312,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
268
312
|
& svg {
|
|
269
313
|
display: block;
|
|
270
314
|
}
|
|
271
|
-
`,ye=
|
|
315
|
+
`,ye=S.span`
|
|
272
316
|
display: block;
|
|
273
317
|
margin-top: 3px;
|
|
274
318
|
font-size: 11px;
|
|
@@ -279,16 +323,18 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
279
323
|
overflow: hidden;
|
|
280
324
|
text-overflow: ellipsis;
|
|
281
325
|
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)=>
|
|
326
|
+
`,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
327
|
display: contents;
|
|
284
|
-
`,ze=
|
|
328
|
+
`,ze=S.div`
|
|
329
|
+
user-select: none;
|
|
330
|
+
-webkit-user-select: none;
|
|
285
331
|
display: flex;
|
|
286
332
|
align-items: center;
|
|
287
333
|
gap: 16px;
|
|
288
334
|
height: ${O.topBarHeight}px; /* same as the sidebar brand block */
|
|
289
335
|
/* never shrink: these are flex items of the scrolling column */
|
|
290
336
|
flex: 0 0 ${O.topBarHeight}px;
|
|
291
|
-
padding: 0 ${
|
|
337
|
+
padding: 0 ${Ce}px;
|
|
292
338
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
293
339
|
background: var(--ant-color-bg-layout);
|
|
294
340
|
position: sticky;
|
|
@@ -304,18 +350,18 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
304
350
|
.ant-breadcrumb ol {
|
|
305
351
|
flex-wrap: nowrap;
|
|
306
352
|
}
|
|
307
|
-
`,De=
|
|
353
|
+
`,De=S.div`
|
|
308
354
|
display: flex;
|
|
309
355
|
align-items: center;
|
|
310
356
|
gap: 10px;
|
|
311
357
|
flex: 0 0 auto;
|
|
312
|
-
`,Te=
|
|
358
|
+
`,Te=S.div`
|
|
313
359
|
display: flex;
|
|
314
360
|
align-items: baseline;
|
|
315
361
|
gap: 16px;
|
|
316
362
|
flex-wrap: wrap;
|
|
317
363
|
flex: 0 0 auto;
|
|
318
|
-
padding: 20px ${
|
|
364
|
+
padding: 20px ${Ce}px 18px;
|
|
319
365
|
border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
|
|
320
366
|
|
|
321
367
|
h1 {
|
|
@@ -333,10 +379,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
333
379
|
font-size: 15px;
|
|
334
380
|
color: var(--ant-color-text-secondary);
|
|
335
381
|
}
|
|
336
|
-
`,Le=
|
|
382
|
+
`,Le=S.div`
|
|
337
383
|
flex: 1 0 auto;
|
|
338
|
-
padding: 24px ${
|
|
339
|
-
`,Ne=({title:r,subtitle:n,breadcrumb:
|
|
384
|
+
padding: 24px ${Ce}px 40px;
|
|
385
|
+
`,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`
|
|
386
|
+
user-select: none;
|
|
387
|
+
-webkit-user-select: none;
|
|
340
388
|
position: relative;
|
|
341
389
|
width: ${({$size:e=40})=>e}px;
|
|
342
390
|
height: ${({$size:e=40})=>e}px;
|
|
@@ -345,7 +393,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
345
393
|
align-items: center;
|
|
346
394
|
justify-content: center;
|
|
347
395
|
padding: 0;
|
|
348
|
-
font-size: ${({$size:e=40})=>Math.round(.
|
|
396
|
+
font-size: ${({$size:e=40})=>Math.round(.54*e)}px;
|
|
349
397
|
line-height: 1;
|
|
350
398
|
color: var(--ant-color-text);
|
|
351
399
|
background: var(--hisd3-control-bg, #e6e4e1);
|
|
@@ -359,21 +407,37 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
359
407
|
}
|
|
360
408
|
|
|
361
409
|
/* 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
|
-
}
|
|
410
|
+
${({$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
411
|
|
|
367
412
|
&:focus-visible {
|
|
368
413
|
outline: 2px solid var(--ant-color-primary);
|
|
369
414
|
outline-offset: 2px;
|
|
370
415
|
}
|
|
371
416
|
|
|
372
|
-
.
|
|
373
|
-
color: inherit;
|
|
417
|
+
& > .anticon {
|
|
374
418
|
line-height: 0;
|
|
419
|
+
/* the stock bell is narrow; widen it a touch for a fuller silhouette */
|
|
420
|
+
transform: scaleX(var(--hisd3-bell-stretch, 1.12));
|
|
375
421
|
}
|
|
376
|
-
`,Ae=
|
|
422
|
+
`,Ae=S.span`
|
|
423
|
+
position: absolute;
|
|
424
|
+
top: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
425
|
+
right: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
426
|
+
min-width: 18px;
|
|
427
|
+
height: 18px;
|
|
428
|
+
padding: 0 5px;
|
|
429
|
+
display: flex;
|
|
430
|
+
align-items: center;
|
|
431
|
+
justify-content: center;
|
|
432
|
+
font-size: 11px;
|
|
433
|
+
font-weight: 700;
|
|
434
|
+
line-height: 1;
|
|
435
|
+
color: #fff;
|
|
436
|
+
background: var(--ant-color-error, #e5401c);
|
|
437
|
+
border: 2px solid var(--ant-color-bg-layout, #f3f2f0);
|
|
438
|
+
border-radius: 999px;
|
|
439
|
+
pointer-events: none;
|
|
440
|
+
`,Fe=S.div`
|
|
377
441
|
width: 360px;
|
|
378
442
|
max-width: calc(100vw - 32px);
|
|
379
443
|
overflow: hidden;
|
|
@@ -382,7 +446,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
382
446
|
border-radius: var(--hisd3-popup-radius, 10px);
|
|
383
447
|
box-shadow: 0 2px 6px rgba(16, 15, 14, 0.06),
|
|
384
448
|
0 12px 32px rgba(16, 15, 14, 0.14);
|
|
385
|
-
`,
|
|
449
|
+
`,Oe=S.div`
|
|
386
450
|
display: flex;
|
|
387
451
|
align-items: center;
|
|
388
452
|
justify-content: space-between;
|
|
@@ -410,10 +474,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
410
474
|
text-decoration: underline;
|
|
411
475
|
}
|
|
412
476
|
}
|
|
413
|
-
`,Re=
|
|
477
|
+
`,Re=S.div`
|
|
414
478
|
max-height: 380px;
|
|
415
479
|
overflow-y: auto;
|
|
416
|
-
`,
|
|
480
|
+
`,Ue=S.button`
|
|
417
481
|
display: flex;
|
|
418
482
|
align-items: flex-start;
|
|
419
483
|
gap: 12px;
|
|
@@ -428,7 +492,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
428
492
|
&:hover {
|
|
429
493
|
background: ${({$unread:e})=>e?"var(--ant-color-primary-bg-hover)":"rgba(0,0,0,0.04)"};
|
|
430
494
|
}
|
|
431
|
-
`,
|
|
495
|
+
`,He=S.span`
|
|
432
496
|
width: 36px;
|
|
433
497
|
height: 36px;
|
|
434
498
|
flex: 0 0 auto;
|
|
@@ -439,7 +503,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
439
503
|
color: var(--ant-color-text);
|
|
440
504
|
border-radius: 50%;
|
|
441
505
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.06)"};
|
|
442
|
-
`,
|
|
506
|
+
`,Me=S.span`
|
|
443
507
|
flex: 1 1 auto;
|
|
444
508
|
min-width: 0;
|
|
445
509
|
|
|
@@ -464,14 +528,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
464
528
|
font-size: 12px;
|
|
465
529
|
color: var(--ant-color-text-tertiary);
|
|
466
530
|
}
|
|
467
|
-
`,
|
|
531
|
+
`,je=S.span`
|
|
468
532
|
width: 8px;
|
|
469
533
|
height: 8px;
|
|
470
534
|
margin-top: 6px;
|
|
471
535
|
flex: 0 0 auto;
|
|
472
536
|
border-radius: 50%;
|
|
473
537
|
background: var(--ant-color-primary);
|
|
474
|
-
`,
|
|
538
|
+
`,Ge=S.button`
|
|
475
539
|
display: block;
|
|
476
540
|
width: 100%;
|
|
477
541
|
padding: 12px 16px;
|
|
@@ -488,9 +552,11 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
488
552
|
&:hover {
|
|
489
553
|
background: rgba(0, 0, 0, 0.04);
|
|
490
554
|
}
|
|
491
|
-
`,
|
|
555
|
+
`,We=S.div`
|
|
492
556
|
padding: 28px 16px;
|
|
493
|
-
`,
|
|
557
|
+
`,_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`
|
|
558
|
+
user-select: none;
|
|
559
|
+
-webkit-user-select: none;
|
|
494
560
|
position: relative;
|
|
495
561
|
width: ${({$size:e})=>e}px;
|
|
496
562
|
height: ${({$size:e})=>e}px;
|
|
@@ -524,7 +590,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
524
590
|
display: block;
|
|
525
591
|
border-radius: inherit;
|
|
526
592
|
}
|
|
527
|
-
`,
|
|
593
|
+
`,Ke=S.span`
|
|
528
594
|
position: absolute;
|
|
529
595
|
right: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
530
596
|
bottom: ${({$size:e})=>-Math.round(.05*e)}px;
|
|
@@ -540,15 +606,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
540
606
|
border-radius: 50%;
|
|
541
607
|
pointer-events: none;
|
|
542
608
|
|
|
543
|
-
${
|
|
544
|
-
background: var(--ant-color-primary);
|
|
545
|
-
color: #fff;
|
|
546
|
-
}
|
|
609
|
+
${({$open:e})=>e?"\n background: var(--ant-color-primary);\n color: #fff;\n ":""}
|
|
547
610
|
|
|
548
611
|
& svg {
|
|
549
612
|
display: block;
|
|
550
613
|
}
|
|
551
|
-
`,
|
|
614
|
+
`,Xe=S.div`
|
|
552
615
|
display: flex;
|
|
553
616
|
align-items: center;
|
|
554
617
|
gap: 12px;
|
|
@@ -583,7 +646,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
583
646
|
overflow: hidden;
|
|
584
647
|
text-overflow: ellipsis;
|
|
585
648
|
}
|
|
586
|
-
`,
|
|
649
|
+
`,Ve=S.span`
|
|
587
650
|
width: 40px;
|
|
588
651
|
height: 40px;
|
|
589
652
|
flex: 0 0 auto;
|
|
@@ -594,7 +657,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
594
657
|
font-weight: 700;
|
|
595
658
|
border-radius: 50%;
|
|
596
659
|
background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.08)"};
|
|
597
|
-
`,
|
|
660
|
+
`,Ye=S.div`
|
|
598
661
|
overflow: hidden;
|
|
599
662
|
background: var(--ant-color-bg-elevated);
|
|
600
663
|
border: 1px solid var(--ant-color-border-secondary);
|
|
@@ -617,17 +680,17 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
617
680
|
border-radius: 8px;
|
|
618
681
|
font-size: 14px;
|
|
619
682
|
}
|
|
620
|
-
`,
|
|
683
|
+
`,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
684
|
display: flex;
|
|
622
685
|
align-items: center;
|
|
623
686
|
gap: 8px;
|
|
624
687
|
flex: 0 0 auto;
|
|
625
|
-
`,
|
|
688
|
+
`,Ze=S.span`
|
|
626
689
|
width: 2px;
|
|
627
690
|
height: 24px;
|
|
628
691
|
background: var(--ant-color-border-secondary);
|
|
629
692
|
flex: 0 0 auto;
|
|
630
|
-
`,
|
|
693
|
+
`,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
694
|
.ant-table-wrapper .ant-table {
|
|
632
695
|
background: transparent;
|
|
633
696
|
}
|
|
@@ -677,14 +740,16 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
677
740
|
.hisd3-cell-muted {
|
|
678
741
|
color: var(--ant-color-text-tertiary);
|
|
679
742
|
}
|
|
680
|
-
`,
|
|
743
|
+
`,rt=S.div`
|
|
681
744
|
padding: 22px 0 14px;
|
|
682
745
|
font-size: 13px;
|
|
683
746
|
font-weight: 600;
|
|
684
747
|
letter-spacing: 0.1em;
|
|
685
748
|
text-transform: uppercase;
|
|
686
749
|
color: var(--ant-color-text-tertiary);
|
|
687
|
-
`,
|
|
750
|
+
`,nt=S.div`
|
|
751
|
+
user-select: none;
|
|
752
|
+
-webkit-user-select: none;
|
|
688
753
|
display: flex;
|
|
689
754
|
align-items: center;
|
|
690
755
|
gap: 24px;
|
|
@@ -744,7 +809,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
744
809
|
font-weight: 700;
|
|
745
810
|
}
|
|
746
811
|
}
|
|
747
|
-
`,
|
|
812
|
+
`,ot=S.div`
|
|
748
813
|
display: inline-flex;
|
|
749
814
|
border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
|
|
750
815
|
|
|
@@ -768,8 +833,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
768
833
|
color: #fff;
|
|
769
834
|
}
|
|
770
835
|
}
|
|
771
|
-
`,it=e=>`Total ${e.toLocaleString()} items`;function
|
|
836
|
+
`,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
837
|
&.ant-tabs .ant-tabs-nav {
|
|
838
|
+
user-select: none;
|
|
839
|
+
-webkit-user-select: none;
|
|
773
840
|
margin: 0;
|
|
774
841
|
|
|
775
842
|
&::before {
|
|
@@ -801,7 +868,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
801
868
|
.ant-tabs-tab-active .hisd3-tab-count {
|
|
802
869
|
color: var(--ant-color-primary);
|
|
803
870
|
}
|
|
804
|
-
`,
|
|
871
|
+
`,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
872
|
display: inline-flex;
|
|
806
873
|
align-items: center;
|
|
807
874
|
gap: 6px;
|
|
@@ -816,8 +883,8 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
816
883
|
border: var(--hisd3-rule-width, 1px) solid transparent;
|
|
817
884
|
border-radius: 0;
|
|
818
885
|
|
|
819
|
-
${({$variant:e,$tone:t})=>{const r=
|
|
820
|
-
`,
|
|
886
|
+
${({$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);"}}}
|
|
887
|
+
`,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
888
|
&.ant-btn {
|
|
822
889
|
display: inline-flex;
|
|
823
890
|
align-items: center;
|
|
@@ -849,7 +916,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
849
916
|
.anticon {
|
|
850
917
|
font-size: 1.05em;
|
|
851
918
|
}
|
|
852
|
-
`,
|
|
919
|
+
`,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
920
|
&.ant-input,
|
|
854
921
|
&.ant-input-affix-wrapper {
|
|
855
922
|
border-width: var(--hisd3-rule-width, 1px);
|
|
@@ -861,7 +928,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
861
928
|
color: var(--ant-color-text-tertiary);
|
|
862
929
|
font-size: 18px;
|
|
863
930
|
}
|
|
864
|
-
`,
|
|
931
|
+
`,xt=e=>t(mt,{...e}),ft=S(mt)`
|
|
865
932
|
&.ant-input-affix-wrapper {
|
|
866
933
|
background: var(--hisd3-bg-filled, #e6e4e1);
|
|
867
934
|
border-color: var(--ant-color-border-secondary);
|
|
@@ -895,5 +962,5 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
|
|
|
895
962
|
font-size: 18px;
|
|
896
963
|
}
|
|
897
964
|
}
|
|
898
|
-
`,
|
|
965
|
+
`,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
966
|
//# sourceMappingURL=index.js.map
|