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/README.md
CHANGED
|
@@ -110,7 +110,7 @@ const menuItems = [
|
|
|
110
110
|
| Component | What it is |
|
|
111
111
|
| --- | --- |
|
|
112
112
|
| `HISD3Provider` | Root theme provider (see above). |
|
|
113
|
-
| `HISD3Sidebar` | App shell (see *Scrolling* below): brand block, grouped menu with accent bar on the active route, account dropdown (Settings / Logout with confirm), collapsible, optional top-nav mode (`layoutTop`). `menuItems` accept `{ key, path, name, icon, children, group, hideInMenu, disabled }`. `renderMenuLink` lets you plug in react-router's `<Link>`. Props `bareContent` + `hideHeaderBar` hand the header over to `HISD3PageHeader`. |
|
|
113
|
+
| `HISD3Sidebar` | App shell (see *Scrolling* below): brand block, grouped menu with accent bar on the active route, account dropdown (Settings / Logout with confirm), collapsible, optional top-nav mode (`layoutTop`). `menuItems` accept `{ key, path, name, icon, children, group, hideInMenu, disabled }`. `renderMenuLink` lets you plug in react-router's `<Link>`. Props `bareContent` + `hideHeaderBar` hand the header over to `HISD3PageHeader`. `collapseTrigger` places the collapse control: `"edge"` (default) floats a round chevron on the sidebar's right edge, level with the top bar — it works even when the top bar is hidden, and `collapseTriggerOffset` moves it down — `"header"` puts a square button in the shell's own top bar, `"none"` renders neither. |
|
|
114
114
|
| `HISD3PageHeader` / `HISD3PageBody` | Top bar (breadcrumb left, actions right) that stays pinned while the page scrolls, plus a large title + subtitle that scrolls away; `HISD3PageBody` is the matching padded content area. |
|
|
115
115
|
| `HISD3Table<T>` | antd `Table` restyled (uppercase muted headers, 2px row rules) with the HISD3 pagination bar: "Total N items", square page buttons, page-size toggle. Pass `pagination={{ current, pageSize, total, onChange, pageSizeOptions?, hidePageSize? }}` or `false`. Optional `footer` strip. Cell helper classes: `hisd3-cell-primary`, `hisd3-cell-link`, `hisd3-cell-muted`. |
|
|
116
116
|
| `HISD3Tabs` | Underlined filter tabs; each item may carry a `count`. |
|
|
@@ -118,7 +118,7 @@ const menuItems = [
|
|
|
118
118
|
| `HISD3Button` | `variant`: `primary` (filled), `secondary` (default, dark 2px outline), `ghost`, `danger`. Accepts all antd `Button` props (`icon`, `size`, `loading`, …). |
|
|
119
119
|
| `HISD3Input` / `HISD3SearchInput` | 2px-bordered input; the search variant is the grey filled hero field with a leading icon (`compact` for a 48px version). |
|
|
120
120
|
| `HISD3HeaderActions` | Spacing wrapper for the top-right controls; `divided` inserts a rule before the last child. |
|
|
121
|
-
| `HISD3NotificationButton` | Soft-grey circular bell
|
|
121
|
+
| `HISD3NotificationButton` | Soft-grey circular button with a solid bell glyph and a count pill on its top-right edge; tints to the primary color while its panel is open. Pass `icon` to swap the glyph. Props: `items` (`{ id, title, description, time, unread, avatarSrc, icon, onClick }`), `count` (defaults to the unread tally), `loading`, `size` (default 40), `icon`, `onMarkAllRead`, `onSeeAll`, `emptyText`. |
|
|
122
122
|
| `HISD3AvatarMenu` | Circular avatar button with a small chevron badge (Facebook-style); clicking it opens a menu with the signed-in identity plus Settings and Logout (confirm dialog by default). Falls back to initials on a grey circle when there is no photo. Props: `account`, `avatarSrc`, `settingsUrl` / `onSettings`, `onLogout`, `confirmLogout`, `extraItems`, `shape` (`circle` \| `square`), `size` (default 40), `hideChevron`. |
|
|
123
123
|
| `UserMenu` | The sidebar-footer account card, on its own. |
|
|
124
124
|
|
|
@@ -155,7 +155,7 @@ Inside styled-components or CSS you can rely on antd's variables:
|
|
|
155
155
|
`var(--ant-color-text)`, `var(--ant-color-text-tertiary)`,
|
|
156
156
|
`var(--ant-color-bg-layout)`. The header controls additionally read
|
|
157
157
|
`--hisd3-control-bg` / `--hisd3-control-bg-hover` (the grey circle fill) and
|
|
158
|
-
`--hisd3-popup-radius`, so you can retune them per app without forking the
|
|
158
|
+
`--hisd3-popup-radius`, `--hisd3-bell-stretch` (how wide the bell glyph is drawn, default `1.12`), `--hisd3-edge-trigger-bg` / `--hisd3-edge-trigger-color` (the sidebar collapse chevron, primary-filled by default), so you can retune them per app without forking the
|
|
159
159
|
components.
|
|
160
160
|
|
|
161
161
|
## Migrating
|
|
@@ -164,6 +164,7 @@ components.
|
|
|
164
164
|
|
|
165
165
|
- Wrap the app in `HISD3Provider` (the sidebar still works standalone with the red default, but the provider is what lets you pick a primary).
|
|
166
166
|
- The default look changed from teal/rounded to the red/square Backoffice style. To keep teal: `<HISD3Provider primary="teal">`.
|
|
167
|
+
- The collapse control now defaults to a round chevron on the sidebar edge (`collapseTrigger="edge"`). Pass `collapseTrigger="header"` for the old top-bar button, or `"none"` if your app renders its own.
|
|
167
168
|
- The shell now scrolls its content column instead of the window (pinned header, no rubber-banding). Pass `scrollContent={false}` to `HISD3Sidebar` to restore window scrolling.
|
|
168
169
|
- Borders are now hairline by default; pass `borders="bold"` to `HISD3Provider` to keep the 2px near-black look.
|
|
169
170
|
- New `hideAccountCard` prop on `HISD3Sidebar` for apps that put the account in the header via `HISD3AvatarMenu`.
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("antd"),r=require("react"),o=require("styled-components"),n=require("@ant-design/icons");function i(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}i('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}');i('@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 a={siderWidth:260,siderCollapsedWidth:64,topBarHeight:60,pageGutter:28},l={red:"#E5401C",orange:"#F26B1D",teal:"#00796B",blue:"#1D5FD1",green:"#2E7D32",purple:"#6A3FD6"},s={bgLayout:"#F3F2F0",bgContainer:"#F3F2F0",bgElevated:"#FFFFFF",bgFilled:"#E6E4E1",bgFilledHover:"#DBD8D4",text:"#171717",textSecondary:"#4A4A4A",textTertiary:"#6E6E6E",border:"#D9D5CE",borderSecondary:"#E7E4DE",borderStrong:"#1F1F1F",white:"#FFFFFF"},d={hairline:{width:1,border:"#D9D5CE",borderSecondary:"#E7E4DE"},bold:{width:2,border:"#1F1F1F",borderSecondary:"#CFCDC9"}},p="'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",c=(e="red")=>l[e]??e,h=(e,t)=>{const r=e.replace("#",""),o=3===r.length?r.split("").map((e=>e+e)).join(""):r,n=parseInt(o,16),i=n>>8&255,a=255&n,l=e=>Math.round(e+(255-e)*t);return`#${[l(n>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("antd"),r=require("react"),o=require("styled-components"),n=require("@ant-design/icons");function i(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}i('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}');i('@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 a={siderWidth:260,siderCollapsedWidth:64,topBarHeight:60,pageGutter:28},l={red:"#E5401C",orange:"#F26B1D",teal:"#00796B",blue:"#1D5FD1",green:"#2E7D32",purple:"#6A3FD6"},s={bgLayout:"#F3F2F0",bgContainer:"#F3F2F0",bgElevated:"#FFFFFF",bgFilled:"#E6E4E1",bgFilledHover:"#DBD8D4",text:"#171717",textSecondary:"#4A4A4A",textTertiary:"#6E6E6E",border:"#D9D5CE",borderSecondary:"#E7E4DE",borderStrong:"#1F1F1F",white:"#FFFFFF"},d={hairline:{width:1,border:"#D9D5CE",borderSecondary:"#E7E4DE"},bold:{width:2,border:"#1F1F1F",borderSecondary:"#CFCDC9"}},p="'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",c=(e="red")=>l[e]??e,h=(e,t)=>{const r=e.replace("#",""),o=3===r.length?r.split("").map((e=>e+e)).join(""):r,n=parseInt(o,16),i=n>>8&255,a=255&n,l=e=>Math.round(e+(255-e)*t);return`#${[l(n>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},x=({primary:e,radius:t=0,borders:r="hairline",lineWidth:o,overrides:n}={})=>{const i=c(e),l=d[r]??d.hairline,x=o??l.width,g={...s,border:l.border,borderSecondary:l.borderSecondary},u={cssVar:{key:"hisd3"},token:{colorPrimary:i,colorInfo:i,colorLink:i,colorPrimaryBg:h(i,.92),colorPrimaryBgHover:h(i,.86),colorPrimaryBorder:h(i,.6),fontFamily:p,fontSize:14,fontWeightStrong:700,borderRadius:t,borderRadiusLG:t,borderRadiusSM:t,borderRadiusXS:t,lineWidth:x,colorBgLayout:g.bgLayout,colorBgContainer:g.bgContainer,colorBgElevated:g.bgElevated,colorText:g.text,colorTextSecondary:g.textSecondary,colorTextTertiary:g.textTertiary,colorTextHeading:g.text,colorBorder:g.border,colorBorderSecondary:g.borderSecondary,colorSplit:g.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:g.bgLayout,headerBg:g.bgLayout,bodyBg:g.bgLayout,headerPadding:`0 ${a.pageGutter}px`},Menu:{itemBg:"transparent",subMenuItemBg:"transparent",itemColor:g.text,itemHoverColor:g.text,itemHoverBg:"rgba(0,0,0,0.04)",itemSelectedBg:h(i,.9),itemSelectedColor:i,itemActiveBg:h(i,.86),subMenuItemSelectedColor:i,groupTitleColor:g.textTertiary,groupTitleFontSize:12,itemBorderRadius:0,itemMarginInline:0,itemMarginBlock:0,itemHeight:40,itemPaddingInline:a.pageGutter,iconSize:16,collapsedIconSize:18,activeBarBorderWidth:0,activeBarWidth:0},Button:{fontWeight:600,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",defaultBorderColor:g.border,defaultColor:g.text,defaultBg:g.bgLayout,defaultHoverBg:g.white,defaultHoverBorderColor:g.borderStrong,defaultHoverColor:g.text,defaultActiveBorderColor:g.borderStrong,paddingInline:16,contentFontSize:14,contentFontSizeLG:16,contentFontSizeSM:13},Input:{activeShadow:"none",colorBorder:g.border,hoverBorderColor:g.borderStrong,activeBorderColor:g.borderStrong,paddingInline:16},Select:{optionSelectedBg:h(i,.9),colorBorder:g.border},Table:{headerBg:"transparent",headerColor:g.textTertiary,headerSplitColor:"transparent",headerBorderRadius:0,borderColor:g.borderSecondary,rowHoverBg:"rgba(0,0,0,0.03)",cellPaddingBlock:20,cellPaddingInline:16,cellFontSize:16,footerBg:"transparent"},Tabs:{inkBarColor:i,itemColor:g.text,itemSelectedColor:i,itemHoverColor:i,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:g.bgLayout,itemActiveBg:i,itemSize:48,itemInputBg:g.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:g.textTertiary,lastItemColor:g.text,linkColor:g.textTertiary,linkHoverColor:i,separatorColor:g.textTertiary},Card:{headerFontSize:20}}};return n?{...u,...n,token:{...u.token,...n.token},components:{...u.components,...n.components}}:u},g=(e="hairline",t)=>`:root{--hisd3-rule-width:${t??(d[e]??d.hairline).width}px;--hisd3-control-bg:${s.bgFilled};--hisd3-control-bg-hover:${s.bgFilledHover};}`,u=x(),b={primary:l.red,primaryLight:h(l.red,.9),headerSelectedBg:"rgba(0,0,0,0.04)"},m=r.createContext(!1),f=()=>r.useContext(m),{Header:y,Content:v}=t.Layout,w=a.siderWidth,S=a.siderCollapsedWidth,k=a.topBarHeight,j=o(t.Layout)`
|
|
2
|
+
position: relative; /* anchor for the edge collapse trigger */
|
|
2
3
|
background: var(--ant-color-bg-layout);
|
|
3
4
|
|
|
4
5
|
/*
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
height: 100%;
|
|
27
28
|
}
|
|
28
29
|
}
|
|
29
|
-
`,
|
|
30
|
+
`,I=o(t.Layout)`
|
|
30
31
|
background: transparent;
|
|
31
32
|
min-width: 0;
|
|
32
33
|
|
|
@@ -172,7 +173,7 @@
|
|
|
172
173
|
font-size: 14px;
|
|
173
174
|
font-weight: 500;
|
|
174
175
|
}
|
|
175
|
-
|
|
176
|
+
`,$=o(y)`
|
|
176
177
|
display: flex;
|
|
177
178
|
align-items: center;
|
|
178
179
|
gap: 12px;
|
|
@@ -185,7 +186,7 @@
|
|
|
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
|
+
`,C=o.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 @@
|
|
|
201
202
|
&:hover {
|
|
202
203
|
background: rgba(0, 0, 0, 0.05);
|
|
203
204
|
}
|
|
204
|
-
`,z=o
|
|
205
|
+
`,z=o.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
|
+
`,L=o(v)`
|
|
205
244
|
flex: 1 0 auto;
|
|
206
245
|
padding: 24px ${a.pageGutter}px 40px;
|
|
207
|
-
`,
|
|
246
|
+
`,A=o.div`
|
|
208
247
|
flex: 0 0 auto;
|
|
209
248
|
display: flex;
|
|
210
249
|
flex-direction: column;
|
|
@@ -218,14 +257,14 @@
|
|
|
218
257
|
& .ant-dropdown-link {
|
|
219
258
|
color: inherit;
|
|
220
259
|
}
|
|
221
|
-
`,
|
|
260
|
+
`,N=o.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
|
-
`,
|
|
267
|
+
`,O=o.span`
|
|
229
268
|
width: 34px;
|
|
230
269
|
height: 34px;
|
|
231
270
|
flex: 0 0 auto;
|
|
@@ -236,15 +275,15 @@
|
|
|
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
|
-
`,
|
|
278
|
+
`,R=o.span`
|
|
240
279
|
flex: 1 1 auto;
|
|
241
280
|
min-width: 0;
|
|
242
|
-
`,
|
|
281
|
+
`,F=o.span`
|
|
243
282
|
display: flex;
|
|
244
283
|
align-items: flex-start;
|
|
245
284
|
justify-content: space-between;
|
|
246
285
|
gap: 8px;
|
|
247
|
-
`,
|
|
286
|
+
`,H=o.h3`
|
|
248
287
|
margin: 0;
|
|
249
288
|
font-family: var(--font-body);
|
|
250
289
|
font-size: 14px;
|
|
@@ -256,7 +295,7 @@
|
|
|
256
295
|
display: -webkit-box;
|
|
257
296
|
-webkit-line-clamp: 2;
|
|
258
297
|
-webkit-box-orient: vertical;
|
|
259
|
-
`,
|
|
298
|
+
`,B=o.span`
|
|
260
299
|
width: 20px;
|
|
261
300
|
height: 22px;
|
|
262
301
|
display: flex;
|
|
@@ -268,7 +307,7 @@
|
|
|
268
307
|
& svg {
|
|
269
308
|
display: block;
|
|
270
309
|
}
|
|
271
|
-
`,
|
|
310
|
+
`,M=o.span`
|
|
272
311
|
display: block;
|
|
273
312
|
margin-top: 3px;
|
|
274
313
|
font-size: 11px;
|
|
@@ -279,7 +318,7 @@
|
|
|
279
318
|
overflow: hidden;
|
|
280
319
|
text-overflow: ellipsis;
|
|
281
320
|
white-space: nowrap;
|
|
282
|
-
`,
|
|
321
|
+
`,U=(e,t)=>e.key??e.path??`menu-${t}`,_=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const o=U(e,r);return Array.isArray(e.children)&&e.children.length>0?{key:o,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:_(e.children,t)}:{key:o,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),P=(e,t)=>r.createElement("a",{href:e.path||"/"},t),G=({account:r,avatarSrc:o,settingsUrl:i,onLogout:a,collapsed:l=!1,placement:s="topRight",extraItems:d=[]})=>{const{modal:p}=t.App.useApp(),c=[...d??[],{key:"settings",icon:e.jsx(n.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=i??"/settings"}},{key:"logout",icon:e.jsx(n.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(n.ExclamationCircleOutlined,{}),onOk:a})}}],h=(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 e.jsx(A,{className:"cr-user-info-light",$collapsed:l,$inHeader:"bottomRight"===s,children:e.jsx(t.Dropdown,{trigger:["click"],placement:s,menu:{items:c},children:e.jsxs(N,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(O,{$src:o,"aria-hidden":!0,children:!o&&h}),!l&&e.jsxs(R,{children:[e.jsxs(F,{children:[e.jsx(H,{title:r.fullName,children:r.fullName}),e.jsx(B,{children:e.jsx(n.DownOutlined,{})})]}),r.positionType&&e.jsx(M,{title:r.positionType,children:r.positionType})]})]})})})},{Sider:W}=t.Layout,K=a.pageGutter,X=o.header`
|
|
283
322
|
display: contents;
|
|
284
323
|
`,q=o.div`
|
|
285
324
|
display: flex;
|
|
@@ -288,7 +327,7 @@
|
|
|
288
327
|
height: ${a.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 ${a.topBarHeight}px;
|
|
291
|
-
padding: 0 ${
|
|
330
|
+
padding: 0 ${K}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 @@
|
|
|
304
343
|
.ant-breadcrumb ol {
|
|
305
344
|
flex-wrap: nowrap;
|
|
306
345
|
}
|
|
307
|
-
`,
|
|
346
|
+
`,V=o.div`
|
|
308
347
|
display: flex;
|
|
309
348
|
align-items: center;
|
|
310
349
|
gap: 10px;
|
|
311
350
|
flex: 0 0 auto;
|
|
312
|
-
`,
|
|
351
|
+
`,Y=o.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 ${K}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 @@
|
|
|
333
372
|
font-size: 15px;
|
|
334
373
|
color: var(--ant-color-text-secondary);
|
|
335
374
|
}
|
|
336
|
-
`,
|
|
375
|
+
`,J=o.div`
|
|
337
376
|
flex: 1 0 auto;
|
|
338
|
-
padding: 24px ${
|
|
339
|
-
`,
|
|
377
|
+
padding: 24px ${K}px 40px;
|
|
378
|
+
`,Q=o.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 @@
|
|
|
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 @@
|
|
|
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
|
-
`,
|
|
413
|
+
`,Z=o.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
|
+
`,ee=o.div`
|
|
377
432
|
width: 360px;
|
|
378
433
|
max-width: calc(100vw - 32px);
|
|
379
434
|
overflow: hidden;
|
|
@@ -382,7 +437,7 @@
|
|
|
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
|
+
`,te=o.div`
|
|
386
441
|
display: flex;
|
|
387
442
|
align-items: center;
|
|
388
443
|
justify-content: space-between;
|
|
@@ -410,10 +465,10 @@
|
|
|
410
465
|
text-decoration: underline;
|
|
411
466
|
}
|
|
412
467
|
}
|
|
413
|
-
`,
|
|
468
|
+
`,re=o.div`
|
|
414
469
|
max-height: 380px;
|
|
415
470
|
overflow-y: auto;
|
|
416
|
-
`,
|
|
471
|
+
`,oe=o.button`
|
|
417
472
|
display: flex;
|
|
418
473
|
align-items: flex-start;
|
|
419
474
|
gap: 12px;
|
|
@@ -428,7 +483,7 @@
|
|
|
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
|
+
`,ne=o.span`
|
|
432
487
|
width: 36px;
|
|
433
488
|
height: 36px;
|
|
434
489
|
flex: 0 0 auto;
|
|
@@ -439,7 +494,7 @@
|
|
|
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
|
+
`,ie=o.span`
|
|
443
498
|
flex: 1 1 auto;
|
|
444
499
|
min-width: 0;
|
|
445
500
|
|
|
@@ -464,14 +519,14 @@
|
|
|
464
519
|
font-size: 12px;
|
|
465
520
|
color: var(--ant-color-text-tertiary);
|
|
466
521
|
}
|
|
467
|
-
`,
|
|
522
|
+
`,ae=o.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
|
+
`,le=o.button`
|
|
475
530
|
display: block;
|
|
476
531
|
width: 100%;
|
|
477
532
|
padding: 12px 16px;
|
|
@@ -488,9 +543,9 @@
|
|
|
488
543
|
&:hover {
|
|
489
544
|
background: rgba(0, 0, 0, 0.04);
|
|
490
545
|
}
|
|
491
|
-
`,
|
|
546
|
+
`,se=o.div`
|
|
492
547
|
padding: 28px 16px;
|
|
493
|
-
`,
|
|
548
|
+
`,de=o.button`
|
|
494
549
|
position: relative;
|
|
495
550
|
width: ${({$size:e})=>e}px;
|
|
496
551
|
height: ${({$size:e})=>e}px;
|
|
@@ -524,7 +579,7 @@
|
|
|
524
579
|
display: block;
|
|
525
580
|
border-radius: inherit;
|
|
526
581
|
}
|
|
527
|
-
`,
|
|
582
|
+
`,pe=o.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 @@
|
|
|
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
|
+
`,ce=o.div`
|
|
552
604
|
display: flex;
|
|
553
605
|
align-items: center;
|
|
554
606
|
gap: 12px;
|
|
@@ -583,7 +635,7 @@
|
|
|
583
635
|
overflow: hidden;
|
|
584
636
|
text-overflow: ellipsis;
|
|
585
637
|
}
|
|
586
|
-
`,
|
|
638
|
+
`,he=o.span`
|
|
587
639
|
width: 40px;
|
|
588
640
|
height: 40px;
|
|
589
641
|
flex: 0 0 auto;
|
|
@@ -594,7 +646,7 @@
|
|
|
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
|
+
`,xe=o.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 @@
|
|
|
617
669
|
border-radius: 8px;
|
|
618
670
|
font-size: 14px;
|
|
619
671
|
}
|
|
620
|
-
`,
|
|
672
|
+
`,ge=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("")||"?",ue=o.div`
|
|
621
673
|
display: flex;
|
|
622
674
|
align-items: center;
|
|
623
675
|
gap: 8px;
|
|
624
676
|
flex: 0 0 auto;
|
|
625
|
-
`,
|
|
677
|
+
`,be=o.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
|
+
`,me=o.div`
|
|
631
683
|
.ant-table-wrapper .ant-table {
|
|
632
684
|
background: transparent;
|
|
633
685
|
}
|
|
@@ -677,14 +729,14 @@
|
|
|
677
729
|
.hisd3-cell-muted {
|
|
678
730
|
color: var(--ant-color-text-tertiary);
|
|
679
731
|
}
|
|
680
|
-
`,
|
|
732
|
+
`,fe=o.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
|
+
`,ye=o.div`
|
|
688
740
|
display: flex;
|
|
689
741
|
align-items: center;
|
|
690
742
|
gap: 24px;
|
|
@@ -744,7 +796,7 @@
|
|
|
744
796
|
font-weight: 700;
|
|
745
797
|
}
|
|
746
798
|
}
|
|
747
|
-
`,
|
|
799
|
+
`,ve=o.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 @@
|
|
|
768
820
|
color: #fff;
|
|
769
821
|
}
|
|
770
822
|
}
|
|
771
|
-
`,
|
|
823
|
+
`,we=e=>`Total ${e.toLocaleString()} items`;const Se=o(t.Tabs)`
|
|
772
824
|
&.ant-tabs .ant-tabs-nav {
|
|
773
825
|
margin: 0;
|
|
774
826
|
|
|
@@ -801,7 +853,7 @@
|
|
|
801
853
|
.ant-tabs-tab-active .hisd3-tab-count {
|
|
802
854
|
color: var(--ant-color-primary);
|
|
803
855
|
}
|
|
804
|
-
`,
|
|
856
|
+
`,ke={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)"},je={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)"},Ie=o.span`
|
|
805
857
|
display: inline-flex;
|
|
806
858
|
align-items: center;
|
|
807
859
|
gap: 6px;
|
|
@@ -816,8 +868,8 @@
|
|
|
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=ke[t],o=je[t];switch(e){case"soft":return`color: ${r}; background: ${o};`;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
|
+
`,Te=o(t.Button)`
|
|
821
873
|
&.ant-btn {
|
|
822
874
|
display: inline-flex;
|
|
823
875
|
align-items: center;
|
|
@@ -849,7 +901,7 @@
|
|
|
849
901
|
.anticon {
|
|
850
902
|
font-size: 1.05em;
|
|
851
903
|
}
|
|
852
|
-
`,
|
|
904
|
+
`,De={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},Ee=o(t.Input)`
|
|
853
905
|
&.ant-input,
|
|
854
906
|
&.ant-input-affix-wrapper {
|
|
855
907
|
border-width: var(--hisd3-rule-width, 1px);
|
|
@@ -861,7 +913,7 @@
|
|
|
861
913
|
color: var(--ant-color-text-tertiary);
|
|
862
914
|
font-size: 18px;
|
|
863
915
|
}
|
|
864
|
-
|
|
916
|
+
`,$e=o(Ee)`
|
|
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 @@
|
|
|
895
947
|
font-size: 18px;
|
|
896
948
|
}
|
|
897
949
|
}
|
|
898
|
-
`;var Ee,Ce,$e,ze,Le,Ae,Ne,Oe,Re,Be,He,Fe,Me;exports.ThemeStyle=void 0,(Ee=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",Ee.STANDARD="standard",exports.ThemeStyleRadius=void 0,(Ce=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",Ce.STANDARD="16px",exports.ThemeMode=void 0,($e=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",$e.SEMI_DARK="semi-dark",$e.DARK="dark",exports.LayoutType=void 0,(ze=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",ze.BOXED="boxed",ze.FRAMED="framed",exports.MenuStyle=void 0,(Le=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",Le.STANDARD="standard",Le.ROUNDED="rounded",Le.ROUNDED_REVERSE="rounded-reverse",Le.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(Ae=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",Ae.MINI="mini",Ae.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",Ae.STANDARD="standard",Ae.HEADER_USER="user-header",Ae.HEADER_USER_MINI="user-mini-header",Ae.DRAWER="drawer",Ae.BIT_BUCKET="bit-bucket",Ae.H_DEFAULT="h-default",Ae.HOR_HEADER_FIXED="hor-header-fixed",Ae.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,(Ne=exports.FooterType||(exports.FooterType={})).FIXED="fixed",Ne.FLUID="fluid",exports.LayoutDirection=void 0,(Oe=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",Oe.LTR="ltr",exports.HeaderType=void 0,(Re=exports.HeaderType||(exports.HeaderType={})).DARK="dark",Re.LIGHT="light",exports.RouteTransition=void 0,(Be=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",Be.FADE="fade",Be.SLIDE_LEFT="slideLeft",Be.SLIDE_RIGHT="slideRight",Be.SLIDE_UP="slideUp",Be.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(He=exports.Fonts||(exports.Fonts={})).LIGHT="300",He.REGULAR="400",He.MEDIUM="500",He.BOLD="600",exports.AuthType=void 0,(Fe=exports.AuthType||(exports.AuthType={})).FIREBASE="firebase",Fe.AWS_COGNITO="aws_cognito",Fe.AUTH0="auth0",Fe.JWT_AUTH="jwt_auth",exports.AppAnimates=void 0,(Me=exports.AppAnimates||(exports.AppAnimates={})).SLIDEUPIN="transition.slideUpIn",Me.SLIDEUPOUT="transition.slideUpOut",Me.SLIDEDOWNIN="transition.slideDownIn",Me.SLIDEDOWNOUT="transition.slideDownOut",Me.SLIDELEFTIN="transition.slideLeftIn",Me.SLIDELEFTOUT="transition.slideLeftOut",Me.SLIDERIGHTIN="transition.slideRightIn",Me.SLIDERIGHTOUT="transition.slideRightOut",Me.FADEIN="transition.fadeIn",Me.FADEOUT="transition.fadeOut";var Ue,_e;exports.MessageType=void 0,(Ue=exports.MessageType||(exports.MessageType={}))[Ue.MEDIA=1]="MEDIA",Ue[Ue.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(_e=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",_e.User="user",exports.AppAnimateGroups={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}}},exports.AppMotionAnimate={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"}}},exports.HISD3AvatarMenu=({account:o,avatarSrc:i,settingsUrl:a="/settings",onSettings:l,onLogout:s,confirmLogout:d=!0,extraItems:p,shape:c="circle",size:h=40,hideChevron:u=!1,className:x})=>{const{modal:g}=t.App.useApp(),[b,m]=r.useState(!1),f=[...p??[],...null!==a||l?[{key:"settings",icon:e.jsx(n.SettingOutlined,{}),label:"Settings",onClick:()=>{l?l():a&&(window.location.href=a)}}]:[],{key:"logout",icon:e.jsx(n.LogoutOutlined,{}),label:"Logout",onClick:()=>{d?g.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(n.ExclamationCircleOutlined,{}),okText:"Logout",onOk:s}):s()}}];return e.jsx(t.Dropdown,{open:b,onOpenChange:m,trigger:["click"],placement:"bottomRight",menu:{items:f,onClick:()=>m(!1)},popupRender:t=>e.jsxs(ce,{children:[e.jsxs(de,{children:[e.jsx(pe,{$src:i,children:!i&&he(o.fullName)}),e.jsxs("span",{className:"hisd3-identity-text",children:[e.jsx("span",{className:"hisd3-identity-name",children:o.fullName}),o.positionType&&e.jsx("span",{className:"hisd3-identity-role",children:o.positionType})]})]}),t]}),children:e.jsxs(le,{type:"button",className:x,$shape:c,$size:h,"aria-label":`Account menu for ${o.fullName}`,children:[i?e.jsx("img",{src:i,alt:""}):he(o.fullName),!u&&e.jsx(se,{$size:h,"aria-hidden":!0,children:e.jsx(n.DownOutlined,{})})]})})},exports.HISD3Button=({variant:t="secondary",...r})=>e.jsx(Ie,{...je[t],...r}),exports.HISD3HeaderActions=({children:t,divided:o=!1,className:n})=>{const i=r.Children.toArray(t).filter(Boolean);return e.jsx(ue,{className:n,children:i.map(((t,n)=>e.jsxs(r.Fragment,{children:[o&&n===i.length-1&&n>0&&e.jsx(xe,{}),t]},n)))})},exports.HISD3Input=t=>e.jsx(Te,{...t}),exports.HISD3NotificationButton=({items:o=[],count:i,loading:a=!1,title:l="Notifications",onMarkAllRead:s,onSeeAll:d,seeAllLabel:p="See all notifications",emptyText:c="You're all caught up",onOpenChange:h,size:u=40,className:x})=>{const[g,b]=r.useState(!1),m=i??o.filter((e=>e.unread)).length,f=e.jsxs(Q,{children:[e.jsxs(Z,{children:[e.jsx("h4",{children:l}),s&&m>0&&e.jsx("button",{type:"button",onClick:s,children:"Mark all as read"})]}),a?e.jsx(ae,{style:{textAlign:"center"},children:e.jsx(t.Spin,{})}):0===o.length?e.jsx(ae,{children:e.jsx(t.Empty,{image:t.Empty.PRESENTED_IMAGE_SIMPLE,description:c})}):e.jsx(ee,{children:o.map((t=>e.jsxs(te,{type:"button",$unread:t.unread,onClick:()=>{t.onClick?.(t),b(!1),h?.(!1)},children:[e.jsx(re,{$src:t.avatarSrc,children:!t.avatarSrc&&(t.icon??e.jsx(n.BellOutlined,{}))}),e.jsxs(oe,{children:[e.jsx("strong",{children:t.title}),t.description&&e.jsx("span",{children:t.description}),t.time&&e.jsx("time",{children:t.time})]}),t.unread&&e.jsx(ne,{})]},t.id)))}),d&&e.jsx(ie,{type:"button",onClick:()=>{d(),b(!1),h?.(!1)},children:p})]});return e.jsx(t.Dropdown,{open:g,onOpenChange:e=>{b(e),h?.(e)},trigger:["click"],placement:"bottomRight",popupRender:()=>f,children:e.jsx(J,{type:"button",$size:u,className:x,"aria-label":`${l}${m?` (${m} unread)`:""}`,children:e.jsx(t.Badge,{count:m,size:"small",offset:[2,-2],children:e.jsx(n.BellOutlined,{})})})})},exports.HISD3PageBody=Y,exports.HISD3PageHeader=({title:r,subtitle:o,breadcrumb:n,extra:i,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs(K,{className:s,children:[!l&&e.jsxs(q,{children:[a,n&&n.length>0&&e.jsx(t.Breadcrumb,{items:n.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!n?.length&&e.jsx("span",{style:{flex:1}}),i&&e.jsx(X,{children:i})]}),e.jsxs(V,{children:[e.jsx("h1",{children:r}),o&&e.jsx("p",{children:o})]})]}),exports.HISD3Provider=({primary:n,radius:i,borders:a="hairline",lineWidth:l,overrides:s,theme:d,styledTheme:p={},children:c})=>{const h=r.useMemo((()=>d??u({primary:n,radius:i,borders:a,lineWidth:l,overrides:s})),[d,n,i,a,l,s]),g=r.useMemo((()=>x(a,l)),[a,l]);return e.jsxs(m.Provider,{value:!0,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:g}}),e.jsx(t.ConfigProvider,{theme:h,children:e.jsx(o.ThemeProvider,{theme:p,children:e.jsx(t.App,{component:!1,children:c})})})]})},exports.HISD3SearchInput=({compact:t=!1,className:r,...o})=>e.jsx(De,{allowClear:!0,prefix:e.jsx(n.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",r??""].join(" ").trim(),...o}),exports.HISD3Sidebar=({children:i,account:a,logoUrl:l,appName:s,menuItems:d,onLogout:p,pathname:c,avatarSrc:h,styledTheme:u,settingsUrl:x,antdTheme:b,renderMenuLink:m=_,headerExtra:y,userMenuItems:v,onCollapse:k,collapsed:L=!1,loading:A=!1,hideSidebar:N=!1,layoutTop:O=!1,hideCollapseTrigger:R=!1,siderWidth:B=w,bareContent:H=!1,hideHeaderBar:F=!1,brandHref:W="/",hideAccountCard:K=!1,scrollContent:q=!0})=>{const X=f(),V=void 0===b?X?null:g:b,[Y,J]=r.useState(L);r.useEffect((()=>{J(L)}),[L]);const Q=r.useMemo((()=>U(d,m)),[d,m]),Z=r.useMemo((()=>((e,t)=>{let r;const o=(e,n)=>{(e??[]).forEach(((e,i)=>{const a=M(e,i);if(e.path&&t.startsWith(e.path)){const o=t===e.path,i=e.path.length+(o?1:0);(!r||i>r.length)&&(r={key:a,parents:n,length:i})}e.children?.length&&o(e.children,[...n,a])}))};return o(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(d,c)),[d,c]),[ee,te]=r.useState((()=>Z.openKeys));r.useEffect((()=>{te((e=>Array.from(new Set([...e,...Z.openKeys]))))}),[Z.openKeys.join("|")]);const re=e=>{J(e),k?.(e)},oe=Z.selectedKey?[Z.selectedKey]:[],ne=e.jsxs(D,{href:W,$collapsed:!O&&Y,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(O||!Y)&&e.jsx("h1",{children:s})]}),ie=H?i:e.jsx(z,{children:i});if("undefined"==typeof document)return null;const ae=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:A,size:"large",children:N?e.jsx(e.Fragment,{children:i}):O?e.jsxs(I,{$appShell:q,children:[e.jsxs(E,{children:[ne,e.jsx(t.Menu,{mode:"horizontal",items:Q,selectedKeys:oe}),y,!K&&e.jsx(P,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,placement:"bottomRight",extraItems:v})]}),e.jsx(j,{$scroll:q,children:ie})]}):e.jsxs(I,{hasSider:!0,$appShell:q,children:[e.jsxs(G,{className:"hisd3-sider",width:B,collapsedWidth:S,collapsible:!0,collapsed:Y,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&re(!0)},children:[ne,e.jsx(T,{className:Y?"hisd3-collapsed":void 0,children:e.jsx(t.Menu,{mode:"inline",theme:"light",inlineCollapsed:Y,items:Q,selectedKeys:oe,openKeys:Y?void 0:ee,onOpenChange:e=>te(e)})}),!K&&e.jsx(P,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,collapsed:Y,placement:"topRight",extraItems:v})]}),e.jsxs(j,{$scroll:q,children:[!F&&e.jsxs(C,{children:[!R&&e.jsx($,{type:"button","aria-label":Y?"Expand menu":"Collapse menu",onClick:()=>re(!Y),children:Y?e.jsx(n.MenuUnfoldOutlined,{}):e.jsx(n.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),y]}),ie]})]})})});return X&&!u?V?e.jsx(t.ConfigProvider,{theme:V,children:ae}):ae:e.jsx(o.ThemeProvider,{theme:u??{},children:V?e.jsx(t.ConfigProvider,{theme:V,children:ae}):ae})},exports.HISD3Table=function({pagination:r,footer:o,...i}){const a=r||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(ge,{children:[e.jsx(t.Table,{...i,pagination:!1}),o&&e.jsx(be,{children:o}),a&&e.jsxs(me,{children:[e.jsx("span",{className:"hisd3-total",children:(a.renderTotal??ye)(a.total,[(a.current-1)*a.pageSize+1,Math.min(a.current*a.pageSize,a.total)])}),e.jsx(t.Pagination,{current:a.current,pageSize:a.pageSize,total:a.total,showSizeChanger:!1,onChange:(e,t)=>a.onChange(e,t),itemRender:(t,r,o)=>"prev"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.LeftOutlined,{})}):"next"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.RightOutlined,{})}):o}),!a.hidePageSize&&e.jsx(fe,{role:"group","aria-label":"Rows per page",children:l.map((t=>e.jsxs("button",{type:"button","aria-pressed":t===a.pageSize,onClick:()=>a.onChange(1,t),children:[t," / page"]},t)))})]})]})},exports.HISD3Tabs=({items:t,...r})=>e.jsx(ve,{...r,items:t.map((({count:t,label:r,...o})=>({...o,label:e.jsxs(e.Fragment,{children:[r,void 0!==t&&e.jsx("span",{className:"hisd3-tab-count",children:t})]})})))}),exports.HISD3Tag=({variant:t="neutral",tone:r=("neutral"===t?"default":"primary"),children:o,...n})=>e.jsx(ke,{$variant:t,$tone:r,...n,children:o}),exports.HISD3_BORDER_PRESETS=d,exports.HISD3_COLORS=b,exports.HISD3_FONT_FAMILY=p,exports.HISD3_FONT_WEIGHT_BODY=400,exports.HISD3_FONT_WEIGHT_HEADING=800,exports.HISD3_LAYOUT=a,exports.HISD3_NEUTRALS=s,exports.HISD3_PRESETS=l,exports.HeaderIconButton=J,exports.UserMenu=P,exports.borderVarsCss=x,exports.createHisd3Theme=u,exports.getInitials=he,exports.hisd3AntdTheme=g,exports.resolvePrimary=c,exports.tint=h,exports.useInsideHISD3Provider=f;
|
|
950
|
+
`;var Ce,ze,Le,Ae,Ne,Oe,Re,Fe,He,Be,Me,Ue,_e;exports.ThemeStyle=void 0,(Ce=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",Ce.STANDARD="standard",exports.ThemeStyleRadius=void 0,(ze=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",ze.STANDARD="16px",exports.ThemeMode=void 0,(Le=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",Le.SEMI_DARK="semi-dark",Le.DARK="dark",exports.LayoutType=void 0,(Ae=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",Ae.BOXED="boxed",Ae.FRAMED="framed",exports.MenuStyle=void 0,(Ne=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",Ne.STANDARD="standard",Ne.ROUNDED="rounded",Ne.ROUNDED_REVERSE="rounded-reverse",Ne.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(Oe=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",Oe.MINI="mini",Oe.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",Oe.STANDARD="standard",Oe.HEADER_USER="user-header",Oe.HEADER_USER_MINI="user-mini-header",Oe.DRAWER="drawer",Oe.BIT_BUCKET="bit-bucket",Oe.H_DEFAULT="h-default",Oe.HOR_HEADER_FIXED="hor-header-fixed",Oe.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,(Re=exports.FooterType||(exports.FooterType={})).FIXED="fixed",Re.FLUID="fluid",exports.LayoutDirection=void 0,(Fe=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",Fe.LTR="ltr",exports.HeaderType=void 0,(He=exports.HeaderType||(exports.HeaderType={})).DARK="dark",He.LIGHT="light",exports.RouteTransition=void 0,(Be=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",Be.FADE="fade",Be.SLIDE_LEFT="slideLeft",Be.SLIDE_RIGHT="slideRight",Be.SLIDE_UP="slideUp",Be.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(Me=exports.Fonts||(exports.Fonts={})).LIGHT="300",Me.REGULAR="400",Me.MEDIUM="500",Me.BOLD="600",exports.AuthType=void 0,(Ue=exports.AuthType||(exports.AuthType={})).FIREBASE="firebase",Ue.AWS_COGNITO="aws_cognito",Ue.AUTH0="auth0",Ue.JWT_AUTH="jwt_auth",exports.AppAnimates=void 0,(_e=exports.AppAnimates||(exports.AppAnimates={})).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";var Pe,Ge;exports.MessageType=void 0,(Pe=exports.MessageType||(exports.MessageType={}))[Pe.MEDIA=1]="MEDIA",Pe[Pe.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(Ge=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",Ge.User="user",exports.AppAnimateGroups={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}}},exports.AppMotionAnimate={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"}}},exports.HISD3AvatarMenu=({account:o,avatarSrc:i,settingsUrl:a="/settings",onSettings:l,onLogout:s,confirmLogout:d=!0,extraItems:p,shape:c="circle",size:h=40,hideChevron:x=!1,className:g})=>{const{modal:u}=t.App.useApp(),[b,m]=r.useState(!1),f=[...p??[],...null!==a||l?[{key:"settings",icon:e.jsx(n.SettingOutlined,{}),label:"Settings",onClick:()=>{l?l():a&&(window.location.href=a)}}]:[],{key:"logout",icon:e.jsx(n.LogoutOutlined,{}),label:"Logout",onClick:()=>{d?u.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(n.ExclamationCircleOutlined,{}),okText:"Logout",onOk:s}):s()}}];return e.jsx(t.Dropdown,{open:b,onOpenChange:m,trigger:["click"],placement:"bottomRight",menu:{items:f,onClick:()=>m(!1)},popupRender:t=>e.jsxs(xe,{children:[e.jsxs(ce,{children:[e.jsx(he,{$src:i,children:!i&&ge(o.fullName)}),e.jsxs("span",{className:"hisd3-identity-text",children:[e.jsx("span",{className:"hisd3-identity-name",children:o.fullName}),o.positionType&&e.jsx("span",{className:"hisd3-identity-role",children:o.positionType})]})]}),t]}),children:e.jsxs(de,{type:"button",className:g,$shape:c,$size:h,$open:b,"aria-label":`Account menu for ${o.fullName}`,children:[i?e.jsx("img",{src:i,alt:""}):ge(o.fullName),!x&&e.jsx(pe,{$size:h,$open:b,"aria-hidden":!0,children:e.jsx(n.DownOutlined,{})})]})})},exports.HISD3Button=({variant:t="secondary",...r})=>e.jsx(Te,{...De[t],...r}),exports.HISD3HeaderActions=({children:t,divided:o=!1,className:n})=>{const i=r.Children.toArray(t).filter(Boolean);return e.jsx(ue,{className:n,children:i.map(((t,n)=>e.jsxs(r.Fragment,{children:[o&&n===i.length-1&&n>0&&e.jsx(be,{}),t]},n)))})},exports.HISD3Input=t=>e.jsx(Ee,{...t}),exports.HISD3NotificationButton=({items:o=[],count:i,loading:a=!1,title:l="Notifications",onMarkAllRead:s,onSeeAll:d,seeAllLabel:p="See all notifications",emptyText:c="You're all caught up",onOpenChange:h,size:x=40,icon:g,className:u})=>{const[b,m]=r.useState(!1),f=i??o.filter((e=>e.unread)).length,y=e.jsxs(ee,{children:[e.jsxs(te,{children:[e.jsx("h4",{children:l}),s&&f>0&&e.jsx("button",{type:"button",onClick:s,children:"Mark all as read"})]}),a?e.jsx(se,{style:{textAlign:"center"},children:e.jsx(t.Spin,{})}):0===o.length?e.jsx(se,{children:e.jsx(t.Empty,{image:t.Empty.PRESENTED_IMAGE_SIMPLE,description:c})}):e.jsx(re,{children:o.map((t=>e.jsxs(oe,{type:"button",$unread:t.unread,onClick:()=>{t.onClick?.(t),m(!1),h?.(!1)},children:[e.jsx(ne,{$src:t.avatarSrc,children:!t.avatarSrc&&(t.icon??e.jsx(n.BellFilled,{}))}),e.jsxs(ie,{children:[e.jsx("strong",{children:t.title}),t.description&&e.jsx("span",{children:t.description}),t.time&&e.jsx("time",{children:t.time})]}),t.unread&&e.jsx(ae,{})]},t.id)))}),d&&e.jsx(le,{type:"button",onClick:()=>{d(),m(!1),h?.(!1)},children:p})]});return e.jsx(t.Dropdown,{open:b,onOpenChange:e=>{m(e),h?.(e)},trigger:["click"],placement:"bottomRight",popupRender:()=>y,children:e.jsxs(Q,{type:"button",$size:x,$open:b,className:u,"aria-label":`${l}${f?` (${f} unread)`:""}`,children:[g??e.jsx(n.BellFilled,{}),f>0&&e.jsx(Z,{$size:x,children:f>99?"99+":f})]})})},exports.HISD3PageBody=J,exports.HISD3PageHeader=({title:r,subtitle:o,breadcrumb:n,extra:i,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs(X,{className:s,children:[!l&&e.jsxs(q,{children:[a,n&&n.length>0&&e.jsx(t.Breadcrumb,{items:n.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!n?.length&&e.jsx("span",{style:{flex:1}}),i&&e.jsx(V,{children:i})]}),e.jsxs(Y,{children:[e.jsx("h1",{children:r}),o&&e.jsx("p",{children:o})]})]}),exports.HISD3Provider=({primary:n,radius:i,borders:a="hairline",lineWidth:l,overrides:s,theme:d,styledTheme:p={},children:c})=>{const h=r.useMemo((()=>d??x({primary:n,radius:i,borders:a,lineWidth:l,overrides:s})),[d,n,i,a,l,s]),u=r.useMemo((()=>g(a,l)),[a,l]);return e.jsxs(m.Provider,{value:!0,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:u}}),e.jsx(t.ConfigProvider,{theme:h,children:e.jsx(o.ThemeProvider,{theme:p,children:e.jsx(t.App,{component:!1,children:c})})})]})},exports.HISD3SearchInput=({compact:t=!1,className:r,...o})=>e.jsx($e,{allowClear:!0,prefix:e.jsx(n.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",r??""].join(" ").trim(),...o}),exports.HISD3Sidebar=({children:i,account:a,logoUrl:l,appName:s,menuItems:d,onLogout:p,pathname:c,avatarSrc:h,styledTheme:x,settingsUrl:g,antdTheme:b,renderMenuLink:m=P,headerExtra:y,userMenuItems:v,onCollapse:A,collapsed:N=!1,loading:O=!1,hideSidebar:R=!1,layoutTop:F=!1,hideCollapseTrigger:H=!1,collapseTrigger:B="edge",collapseTriggerOffset:M=Math.round(k/2),siderWidth:K=w,bareContent:X=!1,hideHeaderBar:q=!1,brandHref:V="/",hideAccountCard:Y=!1,scrollContent:J=!0})=>{const Q=f(),Z=void 0===b?Q?null:u:b,[ee,te]=r.useState(N);r.useEffect((()=>{te(N)}),[N]);const re=r.useMemo((()=>_(d,m)),[d,m]),oe=r.useMemo((()=>((e,t)=>{let r;const o=(e,n)=>{(e??[]).forEach(((e,i)=>{const a=U(e,i);if(e.path&&t.startsWith(e.path)){const o=t===e.path,i=e.path.length+(o?1:0);(!r||i>r.length)&&(r={key:a,parents:n,length:i})}e.children?.length&&o(e.children,[...n,a])}))};return o(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(d,c)),[d,c]),[ne,ie]=r.useState((()=>oe.openKeys));r.useEffect((()=>{ie((e=>Array.from(new Set([...e,...oe.openKeys]))))}),[oe.openKeys.join("|")]);const ae=e=>{te(e),A?.(e)},le=oe.selectedKey?[oe.selectedKey]:[],se=H?"none":B,de=ee?"Expand menu":"Collapse menu",pe=e.jsxs(D,{href:V,$collapsed:!F&&ee,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(F||!ee)&&e.jsx("h1",{children:s})]}),ce=X?i:e.jsx(L,{children:i});if("undefined"==typeof document)return null;const he=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:O,size:"large",children:R?e.jsx(e.Fragment,{children:i}):F?e.jsxs(j,{$appShell:J,children:[e.jsxs(E,{children:[pe,e.jsx(t.Menu,{mode:"horizontal",items:re,selectedKeys:le}),y,!Y&&e.jsx(G,{account:a,avatarSrc:h,settingsUrl:g,onLogout:p,placement:"bottomRight",extraItems:v})]}),e.jsx(I,{$scroll:J,children:ce})]}):e.jsxs(j,{hasSider:!0,$appShell:J,children:[e.jsxs(W,{className:"hisd3-sider",width:K,collapsedWidth:S,collapsible:!0,collapsed:ee,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&ae(!0)},children:[pe,e.jsx(T,{className:ee?"hisd3-collapsed":void 0,children:e.jsx(t.Menu,{mode:"inline",theme:"light",inlineCollapsed:ee,items:re,selectedKeys:le,openKeys:ee?void 0:ne,onOpenChange:e=>ie(e)})}),!Y&&e.jsx(G,{account:a,avatarSrc:h,settingsUrl:g,onLogout:p,collapsed:ee,placement:"topRight",extraItems:v})]}),e.jsxs(I,{$scroll:J,children:[!q&&e.jsxs($,{children:["header"===se&&e.jsx(C,{type:"button","aria-label":de,onClick:()=>ae(!ee),children:ee?e.jsx(n.MenuUnfoldOutlined,{}):e.jsx(n.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),y]}),ce]}),"edge"===se&&e.jsx(z,{type:"button","aria-label":de,title:de,$left:ee?S:K,$top:M,onClick:()=>ae(!ee),children:ee?e.jsx(n.RightOutlined,{}):e.jsx(n.LeftOutlined,{})})]})})});return Q&&!x?Z?e.jsx(t.ConfigProvider,{theme:Z,children:he}):he:e.jsx(o.ThemeProvider,{theme:x??{},children:Z?e.jsx(t.ConfigProvider,{theme:Z,children:he}):he})},exports.HISD3Table=function({pagination:r,footer:o,...i}){const a=r||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(me,{children:[e.jsx(t.Table,{...i,pagination:!1}),o&&e.jsx(fe,{children:o}),a&&e.jsxs(ye,{children:[e.jsx("span",{className:"hisd3-total",children:(a.renderTotal??we)(a.total,[(a.current-1)*a.pageSize+1,Math.min(a.current*a.pageSize,a.total)])}),e.jsx(t.Pagination,{current:a.current,pageSize:a.pageSize,total:a.total,showSizeChanger:!1,onChange:(e,t)=>a.onChange(e,t),itemRender:(t,r,o)=>"prev"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.LeftOutlined,{})}):"next"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.RightOutlined,{})}):o}),!a.hidePageSize&&e.jsx(ve,{role:"group","aria-label":"Rows per page",children:l.map((t=>e.jsxs("button",{type:"button","aria-pressed":t===a.pageSize,onClick:()=>a.onChange(1,t),children:[t," / page"]},t)))})]})]})},exports.HISD3Tabs=({items:t,...r})=>e.jsx(Se,{...r,items:t.map((({count:t,label:r,...o})=>({...o,label:e.jsxs(e.Fragment,{children:[r,void 0!==t&&e.jsx("span",{className:"hisd3-tab-count",children:t})]})})))}),exports.HISD3Tag=({variant:t="neutral",tone:r=("neutral"===t?"default":"primary"),children:o,...n})=>e.jsx(Ie,{$variant:t,$tone:r,...n,children:o}),exports.HISD3_BORDER_PRESETS=d,exports.HISD3_COLORS=b,exports.HISD3_FONT_FAMILY=p,exports.HISD3_FONT_WEIGHT_BODY=400,exports.HISD3_FONT_WEIGHT_HEADING=800,exports.HISD3_LAYOUT=a,exports.HISD3_NEUTRALS=s,exports.HISD3_PRESETS=l,exports.HeaderIconButton=Q,exports.UserMenu=G,exports.borderVarsCss=g,exports.createHisd3Theme=x,exports.getInitials=ge,exports.hisd3AntdTheme=u,exports.resolvePrimary=c,exports.tint=h,exports.useInsideHISD3Provider=f;
|
|
899
951
|
//# sourceMappingURL=index.cjs.js.map
|