wimui 0.4.0 → 0.5.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 +3 -3
- package/dist/components/ai/ChatUI/chat-ui.module.cjs +1 -1
- package/dist/components/ai/ChatUI/chat-ui.module.js +2 -2
- package/dist/components/ai/InteractiveGraph/InteractiveGraph.cjs +1 -1
- package/dist/components/ai/InteractiveGraph/InteractiveGraph.js +37 -23
- package/dist/components/ai/InteractiveGraph/interactive-graph.module.cjs +1 -1
- package/dist/components/ai/InteractiveGraph/interactive-graph.module.js +1 -1
- package/dist/components/ai/ThoughtProcess/thought-process.module.cjs +1 -1
- package/dist/components/ai/ThoughtProcess/thought-process.module.js +4 -4
- package/dist/components/charts/Heatmap/Heatmap.cjs +1 -1
- package/dist/components/charts/Heatmap/Heatmap.d.ts +1 -1
- package/dist/components/charts/Heatmap/Heatmap.js +1 -1
- package/dist/components/charts/Sparkline/Sparkline.cjs +1 -1
- package/dist/components/charts/Sparkline/Sparkline.js +1 -1
- package/dist/components/data-display/Badge/badge.module.cjs +1 -1
- package/dist/components/data-display/Badge/badge.module.js +1 -1
- package/dist/components/data-display/Calendar/calendar.module.cjs +1 -1
- package/dist/components/data-display/Calendar/calendar.module.js +1 -1
- package/dist/components/data-display/Chip/chip.module.cjs +1 -1
- package/dist/components/data-display/Chip/chip.module.js +2 -2
- package/dist/components/data-display/DataGrid/DataGrid.cjs +1 -1
- package/dist/components/data-display/DataGrid/DataGrid.js +3 -0
- package/dist/components/data-display/Tag/tag.module.cjs +1 -1
- package/dist/components/data-display/Tag/tag.module.js +1 -1
- package/dist/components/feedback/Alert/Alert.cjs +1 -1
- package/dist/components/feedback/Alert/Alert.d.ts +1 -1
- package/dist/components/feedback/Alert/Alert.js +3 -3
- package/dist/components/feedback/Alert/alert.module.cjs +1 -1
- package/dist/components/feedback/Alert/alert.module.js +2 -1
- package/dist/components/feedback/Banner/Banner.cjs +1 -1
- package/dist/components/feedback/Banner/Banner.d.ts +1 -1
- package/dist/components/feedback/Banner/Banner.js +46 -43
- package/dist/components/feedback/Banner/banner.module.cjs +1 -1
- package/dist/components/feedback/Banner/banner.module.js +2 -1
- package/dist/components/feedback/Notification/Notification.cjs +1 -1
- package/dist/components/feedback/Notification/Notification.d.ts +1 -0
- package/dist/components/feedback/Notification/Notification.js +16 -14
- package/dist/components/feedback/Notification/notification.module.cjs +1 -1
- package/dist/components/feedback/Notification/notification.module.js +2 -1
- package/dist/components/feedback/Result/Result.cjs +1 -1
- package/dist/components/feedback/Result/Result.d.ts +2 -1
- package/dist/components/feedback/Result/Result.js +6 -2
- package/dist/components/feedback/Result/result.module.cjs +1 -1
- package/dist/components/feedback/Result/result.module.js +1 -1
- package/dist/components/feedback/Snackbar/Snackbar.cjs +1 -1
- package/dist/components/feedback/Snackbar/Snackbar.d.ts +1 -1
- package/dist/components/feedback/Snackbar/Snackbar.js +2 -2
- package/dist/components/feedback/Snackbar/snackbar.module.cjs +1 -1
- package/dist/components/feedback/Snackbar/snackbar.module.js +7 -7
- package/dist/components/feedback/Toast/Toast.cjs +1 -1
- package/dist/components/feedback/Toast/Toast.d.ts +1 -1
- package/dist/components/feedback/Toast/Toast.js +2 -2
- package/dist/components/feedback/Toast/toast.module.cjs +1 -1
- package/dist/components/feedback/Toast/toast.module.js +8 -7
- package/dist/components/form/Cascader/cascader.module.cjs +1 -1
- package/dist/components/form/Cascader/cascader.module.js +6 -6
- package/dist/components/form/Dropzone/Dropzone.cjs +1 -1
- package/dist/components/form/Dropzone/Dropzone.js +18 -18
- package/dist/components/form/Dropzone/dropzone.module.cjs +1 -1
- package/dist/components/form/Dropzone/dropzone.module.js +1 -1
- package/dist/components/form/MultiSelect/multiselect.module.cjs +1 -1
- package/dist/components/form/MultiSelect/multiselect.module.js +1 -1
- package/dist/components/form/PasswordStrength/PasswordStrength.cjs +1 -1
- package/dist/components/form/PasswordStrength/PasswordStrength.js +2 -5
- package/dist/components/form/PasswordStrength/password-strength.module.cjs +1 -1
- package/dist/components/form/PasswordStrength/password-strength.module.js +4 -5
- package/dist/components/form/TagInput/tag-input.module.cjs +1 -1
- package/dist/components/form/TagInput/tag-input.module.js +1 -1
- package/dist/components/form/TreeSelect/tree-select.module.cjs +1 -1
- package/dist/components/form/TreeSelect/tree-select.module.js +6 -6
- package/dist/components/helpers.cjs +1 -1
- package/dist/components/helpers.d.ts +1 -0
- package/dist/components/helpers.js +12 -12
- package/dist/components/layout/BentoGrid/BentoGrid.cjs +1 -1
- package/dist/components/layout/BentoGrid/BentoGrid.d.ts +3 -1
- package/dist/components/layout/BentoGrid/BentoGrid.js +6 -2
- package/dist/components/layout/BentoGrid/bento-grid.module.cjs +1 -1
- package/dist/components/layout/BentoGrid/bento-grid.module.js +1 -1
- package/dist/components/layout/InteractiveArea/InteractiveArea.cjs +1 -1
- package/dist/components/layout/InteractiveArea/InteractiveArea.js +9 -7
- package/dist/components/layout/InteractiveArea/interactive-area.module.cjs +1 -1
- package/dist/components/layout/InteractiveArea/interactive-area.module.js +9 -8
- package/dist/components/media/Icon/icon.module.cjs +1 -1
- package/dist/components/media/Icon/icon.module.js +10 -10
- package/dist/components/typography/Title/title.module.cjs +1 -1
- package/dist/components/typography/Title/title.module.js +1 -1
- package/dist/llms-full.txt +23 -15
- package/dist/llms.txt +7 -2
- package/dist/rhf/zod.d.ts +1 -1
- package/dist/styles.css +2 -2
- package/dist/types/generated-intents.d.ts +2 -2
- package/dist/types/generated-tokens.d.ts +1 -1
- package/dist/types/tokens.d.ts +1 -1
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +3 -3
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -18,7 +18,7 @@ The npm package is **a single `wimui`** (not a split monorepo of packages). You
|
|
|
18
18
|
| **Core** | `wimui` / `wimui/form` / `wimui/layout`, etc. | None (React 19 only) |
|
|
19
19
|
| Optional — Charts | `wimui/charts` | `recharts` |
|
|
20
20
|
| Optional — Peer components | dedicated subpath per component, e.g. `wimui/ai/markdown-renderer`, `wimui/data-display/qr-code` | that component's peer (see table below) |
|
|
21
|
-
| Optional — RHF | `wimui/rhf` | `react-hook-form` + `zod` 4 (+ resolvers) |
|
|
21
|
+
| Optional — RHF | `wimui/rhf` | `react-hook-form` + `zod` (3.25+ / 4) (+ resolvers) |
|
|
22
22
|
|
|
23
23
|
**Why subpaths are separated:** optional components pull in heavy peers (recharts, etc.). By not exporting them from the root `wimui`, a Core-only app is far less likely to drag those peers into type resolution or bundle analysis without installing them. Import only the subpath for the feature you use, and install only that peer.
|
|
24
24
|
|
|
@@ -40,7 +40,7 @@ Supported version ranges for public peers. Wider ranges are unsupported.
|
|
|
40
40
|
| Package | Supported | Peer range | Notes |
|
|
41
41
|
|---|---|---|---|
|
|
42
42
|
| `react` / `react-dom` | **19** | `^19.0.0` | Development, tests, and published types target React 19. React 18 is unsupported |
|
|
43
|
-
| `zod` (when using `wimui/rhf`) | **4** | `^4.0.0` | Development and tests target zod 4
|
|
43
|
+
| `zod` (when using `wimui/rhf`) | **3.25+ / 4** | `^3.25.0 \|\| ^4.0.0` | Range mirrors `@hookform/resolvers` so a zod-3 ecosystem resolves without `ERESOLVE`. Development and tests target zod 4 |
|
|
44
44
|
| `@hookform/resolvers` | **5.1+** | `^5.1.0` | When using `wimui/rhf` |
|
|
45
45
|
| `react-hook-form` | **7.43+** | `^7.43.0` | Only when using `wimui/rhf` |
|
|
46
46
|
|
|
@@ -275,7 +275,7 @@ Each peer-dependent component has its **own subpath** whose name documents its p
|
|
|
275
275
|
| CodeDiffViewer | `wimui/ai/code-diff-viewer` | `diff` |
|
|
276
276
|
| InteractiveGraph | `wimui/ai/interactive-graph` | `@xyflow/react` |
|
|
277
277
|
| Audio (only when `showMetadata`) | `wimui` or `wimui/media` | `music-metadata` |
|
|
278
|
-
| FormField / zodResolver | `wimui/rhf` | `react-hook-form` `^7.43` / `@hookform/resolvers` `^5.1` / `zod` `^4` |
|
|
278
|
+
| FormField / zodResolver | `wimui/rhf` | `react-hook-form` `^7.43` / `@hookform/resolvers` `^5.1` / `zod` `^3.25 \|\| ^4` |
|
|
279
279
|
|
|
280
280
|
Source of truth: `src/data/peer-imports.json` (CI's `check:imports` also reads this). Audio's metadata peer is a dynamic optional import, so it also lives at the root.
|
|
281
281
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_1avps_3`,t=`_messageList_1avps_13`,n=`_message_1avps_13`,r=`_left_1avps_30`,i=`_right_1avps_35`,a=`_contentWrapper_1avps_40`,o=`_primary_1avps_43`,s=`_secondary_1avps_46`,c=`_messageAvatar_1avps_49`,l=`_sender_1avps_58`,u=`_bubble_1avps_63`,d=`_typing_1avps_74`,f=`_typingDot_1avps_81`,p=`_actions_1avps_105`,m=`_visible_1avps_115`,h=`_hasAvatar_1avps_118`,g=`_timestamp_1avps_146`,_=`_inputArea_1avps_151`,v=`_fieldContainer_1avps_164`,y=`_field_1avps_164`,b=`_sendButton_1avps_199`,x=`_attachButton_1avps_226`,S=`_avatar_1avps_248`,C=`_sm_1avps_258`,w=`_md_1avps_263`,T=`_lg_1avps_268`,E=`_s1_1avps_276`,D=`_s3_1avps_279`,O=`_s5_1avps_282`,k=`_s7_1avps_285`,A=`_s10_1avps_288`,j=`_s12_1avps_291`,M=`_s14_1avps_294`,N=`_s16_1avps_297`,P=`_s18_1avps_300`,F=`_s20_1avps_303`,I=`_s22_1avps_306`,L=`_s24_1avps_309`,R=`_image_1avps_312`,z=`_fallback_1avps_317`,B={container:e,messageList:t,message:n,left:r,right:i,contentWrapper:a,primary:o,secondary:s,messageAvatar:c,sender:l,bubble:u,typing:d,typingDot:f,"chat-typing":`_chat-typing_1avps_1`,actions:p,visible:m,hasAvatar:h,timestamp:g,inputArea:_,fieldContainer:v,field:y,sendButton:b,attachButton:x,avatar:S,sm:C,md:w,lg:T,s1:E,s3:D,s5:O,s7:k,s10:A,s12:j,s14:M,s16:N,s18:P,s20:F,s22:I,s24:L,image:R,fallback:z};exports.actions=p,exports.attachButton=x,exports.avatar=S,exports.bubble=u,exports.container=e,exports.contentWrapper=a,exports.default=B,exports.fallback=z,exports.field=y,exports.fieldContainer=v,exports.hasAvatar=h,exports.image=R,exports.inputArea=_,exports.left=r,exports.lg=T,exports.md=w,exports.message=n,exports.messageAvatar=c,exports.messageList=t,exports.primary=o,exports.right=i,exports.s1=E,exports.s10=A,exports.s12=j,exports.s14=M,exports.s16=N,exports.s18=P,exports.s20=F,exports.s22=I,exports.s24=L,exports.s3=D,exports.s5=O,exports.s7=k,exports.secondary=s,exports.sendButton=b,exports.sender=l,exports.sm=C,exports.timestamp=g,exports.typing=d,exports.typingDot=f,exports.visible=m;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/ChatUI/chat-ui.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_container_1avps_3", t = "_messageList_1avps_13", n = "_message_1avps_13", r = "_left_1avps_30", i = "_right_1avps_35", a = "_contentWrapper_1avps_40", o = "_primary_1avps_43", s = "_secondary_1avps_46", c = "_messageAvatar_1avps_49", l = "_sender_1avps_58", u = "_bubble_1avps_63", d = "_typing_1avps_74", f = "_typingDot_1avps_81", p = "_actions_1avps_105", m = "_visible_1avps_115", h = "_hasAvatar_1avps_118", g = "_timestamp_1avps_146", _ = "_inputArea_1avps_151", v = "_fieldContainer_1avps_164", y = "_field_1avps_164", b = "_sendButton_1avps_199", x = "_attachButton_1avps_226", S = "_avatar_1avps_248", C = "_sm_1avps_258", w = "_md_1avps_263", T = "_lg_1avps_268", E = "_s1_1avps_276", D = "_s3_1avps_279", O = "_s5_1avps_282", k = "_s7_1avps_285", A = "_s10_1avps_288", j = "_s12_1avps_291", M = "_s14_1avps_294", N = "_s16_1avps_297", P = "_s18_1avps_300", F = "_s20_1avps_303", I = "_s22_1avps_306", L = "_s24_1avps_309", R = "_image_1avps_312", z = "_fallback_1avps_317", B = {
|
|
4
4
|
container: e,
|
|
5
5
|
messageList: t,
|
|
6
6
|
message: n,
|
|
@@ -14,7 +14,7 @@ var e = "_container_122gi_3", t = "_messageList_122gi_13", n = "_message_122gi_1
|
|
|
14
14
|
bubble: u,
|
|
15
15
|
typing: d,
|
|
16
16
|
typingDot: f,
|
|
17
|
-
"chat-typing": "_chat-
|
|
17
|
+
"chat-typing": "_chat-typing_1avps_1",
|
|
18
18
|
actions: p,
|
|
19
19
|
visible: m,
|
|
20
20
|
hasAvatar: h,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs");;/* empty css */const
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../theme.cjs"),n=require("../../../WimProvider.cjs");;/* empty css */const r=require("./interactive-graph.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime"),s=require("@xyflow/react");function c(){let{theme:e}=n.useWim(),[r,a]=(0,i.useState)(()=>t.getWimTheme());return(0,i.useEffect)(()=>{let e=document.documentElement,n=()=>a(t.getWimTheme());n();let r=new MutationObserver(n);return r.observe(e,{attributes:!0,attributeFilter:[`data-theme`]}),()=>r.disconnect()},[e]),r===`system`?e:r}var l=({nodes:e,edges:t,height:n=500,width:l=`100%`,className:u,showGrid:d=!0,showMiniMap:f=!0,showControls:p=!0})=>{let m=c(),h=(0,i.useMemo)(()=>({height:n,width:l}),[n,l]);return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-interactive-graph`,r.default.root,u),style:h,children:(0,o.jsxs)(s.ReactFlow,{nodes:e,edges:t,fitView:!0,colorMode:m,children:[d&&(0,o.jsx)(s.Background,{}),f&&(0,o.jsx)(s.MiniMap,{className:r.default.minimap}),p&&(0,o.jsx)(s.Controls,{className:r.default.controls})]})})},u=e=>(0,o.jsx)(s.ReactFlowProvider,{children:(0,o.jsx)(l,{...e})});u.displayName=`InteractiveGraph`,exports.InteractiveGraph=u;
|
|
@@ -1,32 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { getWimTheme as e } from "../../../theme.js";
|
|
3
|
+
import { useWim as t } from "../../../WimProvider.js";
|
|
2
4
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
import { useMemo as
|
|
5
|
-
import
|
|
6
|
-
import { jsx as
|
|
7
|
-
import { Background as
|
|
5
|
+
import n from "./interactive-graph.module.js";
|
|
6
|
+
import { useEffect as r, useMemo as i, useState as a } from "react";
|
|
7
|
+
import o from "classnames";
|
|
8
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
9
|
+
import { Background as l, Controls as u, MiniMap as d, ReactFlow as f, ReactFlowProvider as p } from "@xyflow/react";
|
|
8
10
|
//#region src/components/ai/InteractiveGraph/InteractiveGraph.tsx
|
|
9
|
-
|
|
10
|
-
let
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
function m() {
|
|
12
|
+
let { theme: n } = t(), [i, o] = a(() => e());
|
|
13
|
+
return r(() => {
|
|
14
|
+
let t = document.documentElement, n = () => o(e());
|
|
15
|
+
n();
|
|
16
|
+
let r = new MutationObserver(n);
|
|
17
|
+
return r.observe(t, {
|
|
18
|
+
attributes: !0,
|
|
19
|
+
attributeFilter: ["data-theme"]
|
|
20
|
+
}), () => r.disconnect();
|
|
21
|
+
}, [n]), i === "system" ? n : i;
|
|
22
|
+
}
|
|
23
|
+
var h = ({ nodes: e, edges: t, height: r = 500, width: a = "100%", className: p, showGrid: h = !0, showMiniMap: g = !0, showControls: _ = !0 }) => {
|
|
24
|
+
let v = m(), y = i(() => ({
|
|
25
|
+
height: r,
|
|
26
|
+
width: a
|
|
27
|
+
}), [r, a]);
|
|
28
|
+
return /* @__PURE__ */ s("div", {
|
|
29
|
+
className: o("wim-interactive-graph", n.root, p),
|
|
30
|
+
style: y,
|
|
31
|
+
children: /* @__PURE__ */ c(f, {
|
|
32
|
+
nodes: e,
|
|
33
|
+
edges: t,
|
|
20
34
|
fitView: !0,
|
|
21
|
-
colorMode:
|
|
35
|
+
colorMode: v,
|
|
22
36
|
children: [
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
37
|
+
h && /* @__PURE__ */ s(l, {}),
|
|
38
|
+
g && /* @__PURE__ */ s(d, { className: n.minimap }),
|
|
39
|
+
_ && /* @__PURE__ */ s(u, { className: n.controls })
|
|
26
40
|
]
|
|
27
41
|
})
|
|
28
42
|
});
|
|
29
|
-
},
|
|
30
|
-
|
|
43
|
+
}, g = (e) => /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(h, { ...e }) });
|
|
44
|
+
g.displayName = "InteractiveGraph";
|
|
31
45
|
//#endregion
|
|
32
|
-
export {
|
|
46
|
+
export { g as InteractiveGraph };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_bbu5s_3`,t=`_minimap_bbu5s_68`,n=`_controls_bbu5s_80`,r={root:e,minimap:t,controls:n};exports.controls=n,exports.default=r,exports.minimap=t,exports.root=e;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/InteractiveGraph/interactive-graph.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_bbu5s_3", t = "_minimap_bbu5s_68", n = "_controls_bbu5s_80", r = {
|
|
4
4
|
root: e,
|
|
5
5
|
minimap: t,
|
|
6
6
|
controls: n
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1emtz_3`,t=`_thinking_1emtz_14`,n=`_header_1emtz_32`,r=`_chevron_1emtz_56`,i=`_expanded_1emtz_61`,a=`_title_1emtz_64`,o=`_bodyWrapper_1emtz_69`,s=`_open_1emtz_74`,c=`_body_1emtz_69`,l=`_item_1emtz_99`,u=`_content_1emtz_102`,d=`_label_1emtz_105`,f=`_text_1emtz_113`,p=`_connector_1emtz_118`,m=`_spinner_1emtz_121`,h=`_pending_1emtz_140`,g=`_error_1emtz_143`,_=`_streaming_1emtz_149`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_1emtz_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_1emtz_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_1emtz_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/ThoughtProcess/thought-process.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1emtz_3", t = "_thinking_1emtz_14", n = "_header_1emtz_32", r = "_chevron_1emtz_56", i = "_expanded_1emtz_61", a = "_title_1emtz_64", o = "_bodyWrapper_1emtz_69", s = "_open_1emtz_74", c = "_body_1emtz_69", l = "_item_1emtz_99", u = "_content_1emtz_102", d = "_label_1emtz_105", f = "_text_1emtz_113", p = "_connector_1emtz_118", m = "_spinner_1emtz_121", h = "_pending_1emtz_140", g = "_error_1emtz_143", _ = "_streaming_1emtz_149", v = {
|
|
4
4
|
root: e,
|
|
5
5
|
thinking: t,
|
|
6
|
-
"thought-pulse": "_thought-
|
|
6
|
+
"thought-pulse": "_thought-pulse_1emtz_1",
|
|
7
7
|
header: n,
|
|
8
8
|
chevron: r,
|
|
9
9
|
expanded: i,
|
|
@@ -17,11 +17,11 @@ var e = "_root_izsu5_3", t = "_thinking_izsu5_14", n = "_header_izsu5_32", r = "
|
|
|
17
17
|
text: f,
|
|
18
18
|
connector: p,
|
|
19
19
|
spinner: m,
|
|
20
|
-
"thought-spin": "_thought-
|
|
20
|
+
"thought-spin": "_thought-spin_1emtz_1",
|
|
21
21
|
pending: h,
|
|
22
22
|
error: g,
|
|
23
23
|
streaming: _,
|
|
24
|
-
"cursor-blink": "_cursor-
|
|
24
|
+
"cursor-blink": "_cursor-blink_1emtz_1"
|
|
25
25
|
};
|
|
26
26
|
//#endregion
|
|
27
27
|
export { c as body, o as bodyWrapper, r as chevron, p as connector, u as content, v as default, g as error, i as expanded, n as header, l as item, d as label, s as open, h as pending, e as root, m as spinner, _ as streaming, f as text, t as thinking, a as title };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./heatmap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisKey:i,yAxisKey:s,height:c=300,width:l=`100%`,title:u,colorRange:d=[`var(--wim-color-surface-variant)`,`var(--wim-color-primary)`],animated:f=!1})=>{let p=e.map(e=>({x:i.indexOf(e.x),y:s.indexOf(e.y),value:e.value,labelX:e.x,labelY:e.y})),m=Math.max(...e.map(e=>e.value)),h=e=>e/m<.1?d[0]:d[1];return(0,a.jsxs)(`div`,{className:`wim-heatmap ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:30,left:10,bottom:20},children:[(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,ticks:Array.from({length:i.length},(e,t)=>t),tickFormatter:e=>i[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,ticks:Array.from({length:s.length},(e,t)=>t),tickFormatter:e=>s[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`value`,range:[400,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,content:({active:e,payload:t})=>{if(e&&t&&t.length){let e=t[0].payload;return(0,a.jsxs)(`div`,{style:{...n.CHART_THEME.tooltip.contentStyle,padding:`8px`},children:[(0,a.jsxs)(`div`,{children:[e.labelX,` / `,e.labelY]}),(0,a.jsxs)(`div`,{style:{fontWeight:`bold`},children:[`Value: `,e.value]})]})}return null}}),(0,a.jsx)(o.Scatter,{data:p,shape:`square`,isAnimationActive:f,children:p.map((e,t)=>(0,a.jsx)(o.Cell,{fill:h(e.value)},`cell-${t}`))})]})})})]})};exports.Heatmap=s;
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./heatmap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisKey:i,yAxisKey:s,height:c=300,width:l=`100%`,title:u,colorRange:d=[`var(--wim-color-surface-variant)`,`var(--wim-color-chart-primary)`],animated:f=!1})=>{let p=e.map(e=>({x:i.indexOf(e.x),y:s.indexOf(e.y),value:e.value,labelX:e.x,labelY:e.y})),m=Math.max(...e.map(e=>e.value)),h=e=>e/m<.1?d[0]:d[1];return(0,a.jsxs)(`div`,{className:`wim-heatmap ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:30,left:10,bottom:20},children:[(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,ticks:Array.from({length:i.length},(e,t)=>t),tickFormatter:e=>i[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,ticks:Array.from({length:s.length},(e,t)=>t),tickFormatter:e=>s[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`value`,range:[400,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,content:({active:e,payload:t})=>{if(e&&t&&t.length){let e=t[0].payload;return(0,a.jsxs)(`div`,{style:{...n.CHART_THEME.tooltip.contentStyle,padding:`8px`},children:[(0,a.jsxs)(`div`,{children:[e.labelX,` / `,e.labelY]}),(0,a.jsxs)(`div`,{style:{fontWeight:`bold`},children:[`Value: `,e.value]})]})}return null}}),(0,a.jsx)(o.Scatter,{data:p,shape:`square`,isAnimationActive:f,children:p.map((e,t)=>(0,a.jsx)(o.Cell,{fill:h(e.value)},`cell-${t}`))})]})})})]})};exports.Heatmap=s;
|
|
@@ -32,7 +32,7 @@ export type HeatmapProps = {
|
|
|
32
32
|
title?: string;
|
|
33
33
|
/**
|
|
34
34
|
* Colors used for the lowest and highest values.
|
|
35
|
-
* @default ["var(--wim-color-surface-variant)", "var(--wim-color-primary)"]
|
|
35
|
+
* @default ["var(--wim-color-surface-variant)", "var(--wim-color-chart-primary)"]
|
|
36
36
|
*/
|
|
37
37
|
colorRange?: [string, string];
|
|
38
38
|
/**
|
|
@@ -6,7 +6,7 @@ import "react";
|
|
|
6
6
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
7
7
|
import { Cell as a, ResponsiveContainer as o, Scatter as s, ScatterChart as c, Tooltip as l, XAxis as u, YAxis as d, ZAxis as f } from "recharts";
|
|
8
8
|
//#region src/components/charts/Heatmap/Heatmap.tsx
|
|
9
|
-
var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%", title: v, colorRange: y = ["var(--wim-color-surface-variant)", "var(--wim-color-primary)"], animated: b = !1 }) => {
|
|
9
|
+
var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%", title: v, colorRange: y = ["var(--wim-color-surface-variant)", "var(--wim-color-chart-primary)"], animated: b = !1 }) => {
|
|
10
10
|
let x = p.map((e) => ({
|
|
11
11
|
x: m.indexOf(e.x),
|
|
12
12
|
y: h.indexOf(e.y),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sparkline.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("recharts");var o=`var(--wim-color-primary)`,s=({data:e,type:s=`line`,width:c=100,height:l=24,color:u=o,strokeWidth:d=2,showLastDot:f=!1,min:p,max:m,ariaLabel:h,className:g})=>{let _=(0,n.useId)().replace(/:/g,``),v=e.map((e,t)=>({index:t,value:e})),y=[p??`auto`,m??`auto`],b=e.length-1,x=typeof window<`u`&&!!window.__VRT__,S=typeof c==`number`?c:100,C=l??24,w=e=>{let{cx:t,cy:n,index:r}=e;return!f||r!==b||t==null||n==null?(0,i.jsx)(`g`,{},r):(0,i.jsx)(`circle`,{cx:t,cy:n,r:d+1,fill:u},r)},T=x?{width:S,height:C}:{},E={accessibilityLayer:!1,tabIndex:-1},D=()=>s===`bar`?(0,i.jsxs)(a.BarChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Bar,{dataKey:`value`,fill:u,radius:[2,2,0,0],isAnimationActive:!1})]}):s===`area`?(0,i.jsxs)(a.AreaChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(`defs`,{children:(0,i.jsxs)(`linearGradient`,{id:_,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:u,stopOpacity:.35}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:u,stopOpacity:0})]})}),(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Area,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,fill:`url(#${_})`,dot:f?w:!1,isAnimationActive:!1})]}):(0,i.jsxs)(a.LineChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Line,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,dot:f?w:!1,isAnimationActive:!1})]});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-sparkline`,t.default.root,g),style:{width:c,height:l},role:h?`img`:void 0,"aria-label":h,"aria-hidden":h?void 0:!0,children:x?D():(0,i.jsx)(a.ResponsiveContainer,{width:`100%`,height:`100%`,children:D()})})};s.displayName=`Sparkline`,exports.Sparkline=s;
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sparkline.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("recharts");var o=`var(--wim-color-chart-primary)`,s=({data:e,type:s=`line`,width:c=100,height:l=24,color:u=o,strokeWidth:d=2,showLastDot:f=!1,min:p,max:m,ariaLabel:h,className:g})=>{let _=(0,n.useId)().replace(/:/g,``),v=e.map((e,t)=>({index:t,value:e})),y=[p??`auto`,m??`auto`],b=e.length-1,x=typeof window<`u`&&!!window.__VRT__,S=typeof c==`number`?c:100,C=l??24,w=e=>{let{cx:t,cy:n,index:r}=e;return!f||r!==b||t==null||n==null?(0,i.jsx)(`g`,{},r):(0,i.jsx)(`circle`,{cx:t,cy:n,r:d+1,fill:u},r)},T=x?{width:S,height:C}:{},E={accessibilityLayer:!1,tabIndex:-1},D=()=>s===`bar`?(0,i.jsxs)(a.BarChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Bar,{dataKey:`value`,fill:u,radius:[2,2,0,0],isAnimationActive:!1})]}):s===`area`?(0,i.jsxs)(a.AreaChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(`defs`,{children:(0,i.jsxs)(`linearGradient`,{id:_,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:u,stopOpacity:.35}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:u,stopOpacity:0})]})}),(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Area,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,fill:`url(#${_})`,dot:f?w:!1,isAnimationActive:!1})]}):(0,i.jsxs)(a.LineChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Line,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,dot:f?w:!1,isAnimationActive:!1})]});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-sparkline`,t.default.root,g),style:{width:c,height:l},role:h?`img`:void 0,"aria-label":h,"aria-hidden":h?void 0:!0,children:x?D():(0,i.jsx)(a.ResponsiveContainer,{width:`100%`,height:`100%`,children:D()})})};s.displayName=`Sparkline`,exports.Sparkline=s;
|
|
@@ -5,7 +5,7 @@ import n from "classnames";
|
|
|
5
5
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
6
|
import { Area as a, AreaChart as o, Bar as s, BarChart as c, Line as l, LineChart as u, ResponsiveContainer as d, YAxis as f } from "recharts";
|
|
7
7
|
//#region src/components/charts/Sparkline/Sparkline.tsx
|
|
8
|
-
var p = "var(--wim-color-primary)", m = ({ data: m, type: h = "line", width: g = 100, height: _ = 24, color: v = p, strokeWidth: y = 2, showLastDot: b = !1, min: x, max: S, ariaLabel: C, className: w }) => {
|
|
8
|
+
var p = "var(--wim-color-chart-primary)", m = ({ data: m, type: h = "line", width: g = 100, height: _ = 24, color: v = p, strokeWidth: y = 2, showLastDot: b = !1, min: x, max: S, ariaLabel: C, className: w }) => {
|
|
9
9
|
let T = t().replace(/:/g, ""), E = m.map((e, t) => ({
|
|
10
10
|
index: t,
|
|
11
11
|
value: e
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_ejc1w_2`,t=`_sm_ejc1w_15`,n=`_iconOnly_ejc1w_21`,r=`_md_ejc1w_28`,i=`_lg_ejc1w_41`,a=`_primary_ejc1w_54`,o=`_solid_ejc1w_54`,s=`_outline_ejc1w_60`,c=`_subtle_ejc1w_65`,l=`_secondary_ejc1w_71`,u=`_success_ejc1w_88`,d=`_warning_ejc1w_105`,f=`_danger_ejc1w_122`,p=`_info_ejc1w_139`,m=`_neutral_ejc1w_156`,h=`_interactive_ejc1w_173`,g=`_icon_ejc1w_21`,_={root:e,sm:t,iconOnly:n,md:r,lg:i,primary:a,solid:o,outline:s,subtle:c,secondary:l,success:u,warning:d,danger:f,info:p,neutral:m,interactive:h,icon:g};exports.danger=f,exports.default=_,exports.icon=g,exports.iconOnly=n,exports.info=p,exports.interactive=h,exports.lg=i,exports.md=r,exports.neutral=m,exports.outline=s,exports.primary=a,exports.root=e,exports.secondary=l,exports.sm=t,exports.solid=o,exports.subtle=c,exports.success=u,exports.warning=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Badge/badge.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_ejc1w_2", t = "_sm_ejc1w_15", n = "_iconOnly_ejc1w_21", r = "_md_ejc1w_28", i = "_lg_ejc1w_41", a = "_primary_ejc1w_54", o = "_solid_ejc1w_54", s = "_outline_ejc1w_60", c = "_subtle_ejc1w_65", l = "_secondary_ejc1w_71", u = "_success_ejc1w_88", d = "_warning_ejc1w_105", f = "_danger_ejc1w_122", p = "_info_ejc1w_139", m = "_neutral_ejc1w_156", h = "_interactive_ejc1w_173", g = "_icon_ejc1w_21", _ = {
|
|
4
4
|
root: e,
|
|
5
5
|
sm: t,
|
|
6
6
|
iconOnly: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_j2nq1_2`,t=`_disabled_j2nq1_13`,n=`_header_j2nq1_17`,r=`_title_j2nq1_23`,i=`_navBtn_j2nq1_28`,a=`_grid_j2nq1_49`,o=`_weekday_j2nq1_57`,s=`_sunday_j2nq1_67`,c=`_saturday_j2nq1_70`,l=`_day_j2nq1_73`,u=`_selected_j2nq1_87`,d=`_otherMonth_j2nq1_96`,f=`_today_j2nq1_99`,p=`_inRange_j2nq1_112`,m=`_rangeStart_j2nq1_119`,h=`_rangeEnd_j2nq1_123`,g={root:e,disabled:t,header:n,title:r,navBtn:i,grid:a,weekday:o,sunday:s,saturday:c,day:l,selected:u,otherMonth:d,today:f,inRange:p,rangeStart:m,rangeEnd:h};exports.day=l,exports.default=g,exports.disabled=t,exports.grid=a,exports.header=n,exports.inRange=p,exports.navBtn=i,exports.otherMonth=d,exports.rangeEnd=h,exports.rangeStart=m,exports.root=e,exports.saturday=c,exports.selected=u,exports.sunday=s,exports.title=r,exports.today=f,exports.weekday=o;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Calendar/calendar.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_j2nq1_2", t = "_disabled_j2nq1_13", n = "_header_j2nq1_17", r = "_title_j2nq1_23", i = "_navBtn_j2nq1_28", a = "_grid_j2nq1_49", o = "_weekday_j2nq1_57", s = "_sunday_j2nq1_67", c = "_saturday_j2nq1_70", l = "_day_j2nq1_73", u = "_selected_j2nq1_87", d = "_otherMonth_j2nq1_96", f = "_today_j2nq1_99", p = "_inRange_j2nq1_112", m = "_rangeStart_j2nq1_119", h = "_rangeEnd_j2nq1_123", g = {
|
|
4
4
|
root: e,
|
|
5
5
|
disabled: t,
|
|
6
6
|
header: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_17rfl_2`,t=`_md_17rfl_19`,n=`_avatar_17rfl_24`,r=`_sm_17rfl_29`,i=`_lg_17rfl_39`,a=`_clickable_17rfl_49`,o=`_primary_17rfl_60`,s=`_solid_17rfl_60`,c=`_outline_17rfl_66`,l=`_subtle_17rfl_71`,u=`_secondary_17rfl_77`,d=`_success_17rfl_94`,f=`_warning_17rfl_111`,p=`_danger_17rfl_128`,m=`_info_17rfl_145`,h=`_neutral_17rfl_162`,g=`_selected_17rfl_179`,_=`_disabled_17rfl_182`,v=`_label_17rfl_206`,y=`_icon_17rfl_211`,b={root:e,md:t,avatar:n,sm:r,lg:i,clickable:a,primary:o,solid:s,outline:c,subtle:l,secondary:u,success:d,warning:f,danger:p,info:m,neutral:h,selected:g,disabled:_,delete:`_delete_17rfl_190`,label:v,icon:y};exports.avatar=n,exports.clickable=a,exports.danger=p,exports.default=b,exports.disabled=_,exports.icon=y,exports.info=m,exports.label=v,exports.lg=i,exports.md=t,exports.neutral=h,exports.outline=c,exports.primary=o,exports.root=e,exports.secondary=u,exports.selected=g,exports.sm=r,exports.solid=s,exports.subtle=l,exports.success=d,exports.warning=f;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Chip/chip.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_17rfl_2", t = "_md_17rfl_19", n = "_avatar_17rfl_24", r = "_sm_17rfl_29", i = "_lg_17rfl_39", a = "_clickable_17rfl_49", o = "_primary_17rfl_60", s = "_solid_17rfl_60", c = "_outline_17rfl_66", l = "_subtle_17rfl_71", u = "_secondary_17rfl_77", d = "_success_17rfl_94", f = "_warning_17rfl_111", p = "_danger_17rfl_128", m = "_info_17rfl_145", h = "_neutral_17rfl_162", g = "_selected_17rfl_179", _ = "_disabled_17rfl_182", v = "_label_17rfl_206", y = "_icon_17rfl_211", b = {
|
|
4
4
|
root: e,
|
|
5
5
|
md: t,
|
|
6
6
|
avatar: n,
|
|
@@ -19,7 +19,7 @@ var e = "_root_1whsz_2", t = "_md_1whsz_18", n = "_avatar_1whsz_23", r = "_sm_1w
|
|
|
19
19
|
neutral: h,
|
|
20
20
|
selected: g,
|
|
21
21
|
disabled: _,
|
|
22
|
-
delete: "
|
|
22
|
+
delete: "_delete_17rfl_190",
|
|
23
23
|
label: v,
|
|
24
24
|
icon: y
|
|
25
25
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:P,fixedRightOffsets:F}=a.useFixedColumns(e,!!N),I=(e,t=!1)=>{let n=P[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=F[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},L=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),R=(0,l.useMemo)(()=>!N||f.length===0?!1:f.every(e=>N.selectedRowKeys.includes(L(e))),[f,N,L]),z=(0,l.useMemo)(()=>N?!R&&f.some(e=>N.selectedRowKeys.includes(L(e))):!1,[f,N,R,L]),B=e=>{if(!N)return;let t=e.target.checked,n=t?f.map(L):[],r=t?f:[];N.onChange(n,r)},V=(e,t)=>{if(!N)return;let n=t.target.checked,r=L(e),i=n?[...N.selectedRowKeys,r]:N.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(L(e)));N.onChange(i,a)},{focusedCell:H,handleKeyDown:U,containerRef:W}=o.useDataGridKeyboard(e,f,!!N),{loaderRef:G}=s.useInfiniteScroll(k),K=e.length+ +!!N;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,m&&c.default.loading,A),children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},children:[(0,d.jsxs)(i.Table,{ref:W,onKeyDown:U,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":K,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[N&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:H.row===-1&&H.col===-1?0:-1,children:(N.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:R,indeterminate:z,onChange:B,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=I(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:e.sortable,sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:H.row===-1&&H.col===(N?t+1:t)?0:-1,"data-row":-1,"data-col":N?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=L(t),o=N?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[N&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:H.row===r&&H.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>V(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=I(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":N?n+1:n,tabIndex:H.row===r&&H.col===(N?n+1:n)?0:-1,children:e.render?e.render(o,t,r):o},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:G,className:c.default.loader,children:k.hasMore&&`Loading more...`})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[`Displaying `,f.length,` of `,O.total,` records`,N?.selectedRowKeys&&N.selectedRowKeys.length>0&&(0,d.jsxs)(`span`,{className:c.default.selectionInfo,children:[`(`,N.selectedRowKeys.length,` row(s) selected)`]})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:P,fixedRightOffsets:F}=a.useFixedColumns(e,!!N),I=(e,t=!1)=>{let n=P[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=F[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},L=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),R=(0,l.useMemo)(()=>!N||f.length===0?!1:f.every(e=>N.selectedRowKeys.includes(L(e))),[f,N,L]),z=(0,l.useMemo)(()=>N?!R&&f.some(e=>N.selectedRowKeys.includes(L(e))):!1,[f,N,R,L]),B=e=>{if(!N)return;let t=e.target.checked,n=t?f.map(L):[],r=t?f:[];N.onChange(n,r)},V=(e,t)=>{if(!N)return;let n=t.target.checked,r=L(e),i=n?[...N.selectedRowKeys,r]:N.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(L(e)));N.onChange(i,a)},{focusedCell:H,handleKeyDown:U,containerRef:W}=o.useDataGridKeyboard(e,f,!!N),{loaderRef:G}=s.useInfiniteScroll(k),K=e.length+ +!!N;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,m&&c.default.loading,A),"aria-busy":m||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:m||void 0,children:[(0,d.jsxs)(i.Table,{ref:W,onKeyDown:U,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":K,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[N&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:H.row===-1&&H.col===-1?0:-1,children:(N.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:R,indeterminate:z,onChange:B,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=I(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:e.sortable,sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:H.row===-1&&H.col===(N?t+1:t)?0:-1,"data-row":-1,"data-col":N?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=L(t),o=N?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[N&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:H.row===r&&H.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>V(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=I(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":N?n+1:n,tabIndex:H.row===r&&H.col===(N?n+1:n)?0:-1,children:e.render?e.render(o,t,r):o},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:G,className:c.default.loader,children:k.hasMore&&`Loading more...`})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:m||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[`Displaying `,f.length,` of `,O.total,` records`,N?.selectedRowKeys&&N.selectedRowKeys.length>0&&(0,d.jsxs)(`span`,{className:c.default.selectionInfo,children:[`(`,N.selectedRowKeys.length,` row(s) selected)`]})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;
|
|
@@ -57,12 +57,14 @@ function p({ columns: p, data: m, rowKey: h = "id", loading: g = !1, striped: _
|
|
|
57
57
|
}, { focusedCell: W, handleKeyDown: G, containerRef: K } = a(p, m, !!F), { loaderRef: q } = o(j), J = p.length + +!!F;
|
|
58
58
|
return /* @__PURE__ */ f("div", {
|
|
59
59
|
className: u("wim-data-grid", s.root, g && s.loading, M),
|
|
60
|
+
"aria-busy": g || void 0,
|
|
60
61
|
children: [/* @__PURE__ */ f("div", {
|
|
61
62
|
className: s.container,
|
|
62
63
|
style: {
|
|
63
64
|
height: x,
|
|
64
65
|
maxHeight: S
|
|
65
66
|
},
|
|
67
|
+
inert: g || void 0,
|
|
66
68
|
children: [
|
|
67
69
|
/* @__PURE__ */ f(r, {
|
|
68
70
|
ref: K,
|
|
@@ -163,6 +165,7 @@ function p({ columns: p, data: m, rowKey: h = "id", loading: g = !1, striped: _
|
|
|
163
165
|
]
|
|
164
166
|
}), A && /* @__PURE__ */ f("div", {
|
|
165
167
|
className: s.footer,
|
|
168
|
+
inert: g || void 0,
|
|
166
169
|
children: [/* @__PURE__ */ f("div", {
|
|
167
170
|
className: s.info,
|
|
168
171
|
children: [
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_19vej_2`,t=`_md_19vej_14`,n=`_sm_19vej_18`,r=`_lg_19vej_22`,i=`_primary_19vej_26`,a=`_solid_19vej_26`,o=`_outline_19vej_32`,s=`_subtle_19vej_37`,c=`_secondary_19vej_43`,l=`_success_19vej_60`,u=`_warning_19vej_77`,d=`_danger_19vej_94`,f=`_info_19vej_111`,p=`_neutral_19vej_128`,m=`_disabled_19vej_145`,h=`_closeButton_19vej_153`,g=`_interactive_19vej_156`,_=`_icon_19vej_168`,v={root:e,md:t,sm:n,lg:r,primary:i,solid:a,outline:o,subtle:s,secondary:c,success:l,warning:u,danger:d,info:f,neutral:p,disabled:m,closeButton:h,interactive:g,icon:_};exports.closeButton=h,exports.danger=d,exports.default=v,exports.disabled=m,exports.icon=_,exports.info=f,exports.interactive=g,exports.lg=r,exports.md=t,exports.neutral=p,exports.outline=o,exports.primary=i,exports.root=e,exports.secondary=c,exports.sm=n,exports.solid=a,exports.subtle=s,exports.success=l,exports.warning=u;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Tag/tag.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_19vej_2", t = "_md_19vej_14", n = "_sm_19vej_18", r = "_lg_19vej_22", i = "_primary_19vej_26", a = "_solid_19vej_26", o = "_outline_19vej_32", s = "_subtle_19vej_37", c = "_secondary_19vej_43", l = "_success_19vej_60", u = "_warning_19vej_77", d = "_danger_19vej_94", f = "_info_19vej_111", p = "_neutral_19vej_128", m = "_disabled_19vej_145", h = "_closeButton_19vej_153", g = "_interactive_19vej_156", _ = "_icon_19vej_168", v = {
|
|
4
4
|
root: e,
|
|
5
5
|
md: t,
|
|
6
6
|
sm: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./alert.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({title:e,titleTag:s=`h4`,description:c,intent:l=`
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./alert.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({title:e,titleTag:s=`h4`,description:c,intent:l=`default`,icon:u,onClose:d,className:f,children:p,...m})=>{let[h,g]=i.default.useState(!0);if(!h)return null;let _=()=>{g(!1),d&&d()},v=u!==void 0||l===`success`||l===`warning`||l===`danger`||l===`info`;return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-alert`,r.default.root,r.default[l],f),role:`alert`,...m,children:[v&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:l,icon:u,size:`sm`})}),(0,o.jsxs)(`div`,{className:r.default.content,children:[e&&(0,o.jsx)(s,{className:r.default.title,children:e}),(c||p)&&(0,o.jsx)(`div`,{className:r.default.description,children:c||p})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:d?_:void 0,className:r.default.close,size:`sm`})]})};exports.Alert=s;
|
|
@@ -6,18 +6,18 @@ import r from "react";
|
|
|
6
6
|
import i from "classnames";
|
|
7
7
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/feedback/Alert/Alert.tsx
|
|
9
|
-
var s = ({ title: s, titleTag: c = "h4", description: l, intent: u = "
|
|
9
|
+
var s = ({ title: s, titleTag: c = "h4", description: l, intent: u = "default", icon: d, onClose: f, className: p, children: m, ...h }) => {
|
|
10
10
|
let [g, _] = r.useState(!0);
|
|
11
11
|
if (!g) return null;
|
|
12
12
|
let v = () => {
|
|
13
13
|
_(!1), f && f();
|
|
14
|
-
};
|
|
14
|
+
}, y = d !== void 0 || u === "success" || u === "warning" || u === "danger" || u === "info";
|
|
15
15
|
return /* @__PURE__ */ o("div", {
|
|
16
16
|
className: i("wim-alert", n.root, n[u], p),
|
|
17
17
|
role: "alert",
|
|
18
18
|
...h,
|
|
19
19
|
children: [
|
|
20
|
-
/* @__PURE__ */ a("div", {
|
|
20
|
+
y && /* @__PURE__ */ a("div", {
|
|
21
21
|
className: n.icon,
|
|
22
22
|
children: /* @__PURE__ */ a(e, {
|
|
23
23
|
intent: u,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_12gh5_3`,t=`_icon_12gh5_17`,n=`_content_12gh5_24`,r=`_title_12gh5_30`,i=`_description_12gh5_37`,a=`_close_12gh5_47`,o=`_info_12gh5_85`,s=`_success_12gh5_93`,c=`_warning_12gh5_101`,l=`_danger_12gh5_109`,u={root:e,icon:t,content:n,title:r,description:i,close:a,default:`_default_12gh5_78`,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/feedback/Alert/alert.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_12gh5_3", t = "_icon_12gh5_17", n = "_content_12gh5_24", r = "_title_12gh5_30", i = "_description_12gh5_37", a = "_close_12gh5_47", o = "_info_12gh5_85", s = "_success_12gh5_93", c = "_warning_12gh5_101", l = "_danger_12gh5_109", u = {
|
|
4
4
|
root: e,
|
|
5
5
|
icon: t,
|
|
6
6
|
content: n,
|
|
7
7
|
title: r,
|
|
8
8
|
description: i,
|
|
9
9
|
close: a,
|
|
10
|
+
default: "_default_12gh5_78",
|
|
10
11
|
info: o,
|
|
11
12
|
success: s,
|
|
12
13
|
warning: c,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./banner.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({title:e,description:i,intent:s=`
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./banner.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({title:e,description:i,intent:s=`default`,icon:c=!0,extra:l,onClose:u,className:d,children:f,...p})=>{let m=c!==!1&&(typeof c!=`boolean`||s===`success`||s===`warning`||s===`danger`||s===`info`);return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-banner`,r.default.root,r.default[s],d),role:`status`,...p,children:(0,o.jsxs)(`div`,{className:r.default.container,children:[(0,o.jsxs)(`div`,{className:r.default.content,children:[m&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:s,icon:typeof c==`boolean`?void 0:c,size:`sm`})}),(0,o.jsxs)(`div`,{className:r.default.text,children:[e&&(0,o.jsx)(`span`,{className:r.default.title,children:e}),e&&(i||f)&&(0,o.jsx)(`span`,{className:r.default.separator,children:` - `}),(i||f)&&(0,o.jsx)(`span`,{className:r.default.description,children:i||f})]})]}),(0,o.jsxs)(`div`,{className:r.default.actions,children:[l&&(0,o.jsx)(`div`,{className:r.default.action,children:l}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:u,className:r.default.close,size:`sm`})]})]})})};exports.Banner=s;
|
|
@@ -6,50 +6,53 @@ import "react";
|
|
|
6
6
|
import r from "classnames";
|
|
7
7
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/feedback/Banner/Banner.tsx
|
|
9
|
-
var o = ({ title: o, description: s, intent: c = "
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
children:
|
|
16
|
-
className: n.
|
|
17
|
-
children: [
|
|
18
|
-
className: n.
|
|
19
|
-
children: /* @__PURE__ */ i(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
className: n.text,
|
|
26
|
-
children: [
|
|
27
|
-
o && /* @__PURE__ */ i("span", {
|
|
28
|
-
className: n.title,
|
|
29
|
-
children: o
|
|
30
|
-
}),
|
|
31
|
-
o && (s || p) && /* @__PURE__ */ i("span", {
|
|
32
|
-
className: n.separator,
|
|
33
|
-
children: " - "
|
|
34
|
-
}),
|
|
35
|
-
(s || p) && /* @__PURE__ */ i("span", {
|
|
36
|
-
className: n.description,
|
|
37
|
-
children: s || p
|
|
9
|
+
var o = ({ title: o, description: s, intent: c = "default", icon: l = !0, extra: u, onClose: d, className: f, children: p, ...m }) => {
|
|
10
|
+
let h = l !== !1 && (typeof l != "boolean" || c === "success" || c === "warning" || c === "danger" || c === "info");
|
|
11
|
+
return /* @__PURE__ */ i("div", {
|
|
12
|
+
className: r("wim-banner", n.root, n[c], f),
|
|
13
|
+
role: "status",
|
|
14
|
+
...m,
|
|
15
|
+
children: /* @__PURE__ */ a("div", {
|
|
16
|
+
className: n.container,
|
|
17
|
+
children: [/* @__PURE__ */ a("div", {
|
|
18
|
+
className: n.content,
|
|
19
|
+
children: [h && /* @__PURE__ */ i("div", {
|
|
20
|
+
className: n.icon,
|
|
21
|
+
children: /* @__PURE__ */ i(e, {
|
|
22
|
+
intent: c,
|
|
23
|
+
icon: typeof l == "boolean" ? void 0 : l,
|
|
24
|
+
size: "sm"
|
|
38
25
|
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
26
|
+
}), /* @__PURE__ */ a("div", {
|
|
27
|
+
className: n.text,
|
|
28
|
+
children: [
|
|
29
|
+
o && /* @__PURE__ */ i("span", {
|
|
30
|
+
className: n.title,
|
|
31
|
+
children: o
|
|
32
|
+
}),
|
|
33
|
+
o && (s || p) && /* @__PURE__ */ i("span", {
|
|
34
|
+
className: n.separator,
|
|
35
|
+
children: " - "
|
|
36
|
+
}),
|
|
37
|
+
(s || p) && /* @__PURE__ */ i("span", {
|
|
38
|
+
className: n.description,
|
|
39
|
+
children: s || p
|
|
40
|
+
})
|
|
41
|
+
]
|
|
42
|
+
})]
|
|
43
|
+
}), /* @__PURE__ */ a("div", {
|
|
44
|
+
className: n.actions,
|
|
45
|
+
children: [u && /* @__PURE__ */ i("div", {
|
|
46
|
+
className: n.action,
|
|
47
|
+
children: u
|
|
48
|
+
}), /* @__PURE__ */ i(t, {
|
|
49
|
+
onClose: d,
|
|
50
|
+
className: n.close,
|
|
51
|
+
size: "sm"
|
|
52
|
+
})]
|
|
50
53
|
})]
|
|
51
|
-
})
|
|
52
|
-
})
|
|
53
|
-
}
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
};
|
|
54
57
|
//#endregion
|
|
55
58
|
export { o as Banner };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_ifmu1_3`,t=`_container_ifmu1_15`,n=`_content_ifmu1_24`,r=`_icon_ifmu1_31`,i=`_text_ifmu1_37`,a=`_title_ifmu1_42`,o=`_separator_ifmu1_45`,s=`_description_ifmu1_55`,c=`_actions_ifmu1_58`,l=`_close_ifmu1_64`,u=`_info_ifmu1_98`,d=`_success_ifmu1_106`,f=`_warning_ifmu1_114`,p=`_danger_ifmu1_122`,m={root:e,container:t,content:n,icon:r,text:i,title:a,separator:o,description:s,actions:c,close:l,default:`_default_ifmu1_91`,info:u,success:d,warning:f,danger:p};exports.actions=c,exports.close=l,exports.container=t,exports.content=n,exports.danger=p,exports.default=m,exports.description=s,exports.icon=r,exports.info=u,exports.root=e,exports.separator=o,exports.success=d,exports.text=i,exports.title=a,exports.warning=f;
|