wimui 0.5.0 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/Card/card.module.cjs +1 -1
- package/dist/components/data-display/Card/card.module.js +12 -9
- 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/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/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 +16 -14
- package/dist/llms.txt +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 +127 -21
|
@@ -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_119ux_2`,t=`_sm_119ux_15`,n=`_iconOnly_119ux_21`,r=`_md_119ux_28`,i=`_lg_119ux_41`,a=`_primary_119ux_54`,o=`_solid_119ux_54`,s=`_outline_119ux_60`,c=`_subtle_119ux_65`,l=`_secondary_119ux_71`,u=`_success_119ux_88`,d=`_warning_119ux_105`,f=`_danger_119ux_122`,p=`_info_119ux_139`,m=`_neutral_119ux_156`,h=`_interactive_119ux_173`,g=`_icon_119ux_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_119ux_2", t = "_sm_119ux_15", n = "_iconOnly_119ux_21", r = "_md_119ux_28", i = "_lg_119ux_41", a = "_primary_119ux_54", o = "_solid_119ux_54", s = "_outline_119ux_60", c = "_subtle_119ux_65", l = "_secondary_119ux_71", u = "_success_119ux_88", d = "_warning_119ux_105", f = "_danger_119ux_122", p = "_info_119ux_139", m = "_neutral_119ux_156", h = "_interactive_119ux_173", g = "_icon_119ux_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_svs5p_3`,t=`_elevated_svs5p_13`,n=`_interactive_svs5p_17`,r=`_outline_svs5p_21`,i=`_flat_svs5p_28`,a=`_glass_svs5p_36`,o=`_header_svs5p_58`,s=`_body_svs5p_58`,c=`_footer_svs5p_58`,l={root:e,elevated:t,interactive:n,outline:r,flat:i,glass:a,"padding-none":`_padding-none_svs5p_55`,header:o,body:s,footer:c,"padding-sm":`_padding-sm_svs5p_61`,"padding-md":`_padding-md_svs5p_67`,"padding-lg":`_padding-lg_svs5p_73`,"padding-xl":`_padding-xl_svs5p_85`,"padding-2xl":`_padding-2xl_svs5p_91`,"padding-3xl":`_padding-3xl_svs5p_97`,"radius-none":`_radius-none_svs5p_106`,"radius-sm":`_radius-sm_svs5p_109`,"radius-md":`_radius-md_svs5p_112`,"radius-lg":`_radius-lg_svs5p_115`};exports.body=s,exports.default=l,exports.elevated=t,exports.flat=i,exports.footer=c,exports.glass=a,exports.header=o,exports.interactive=n,exports.outline=r,exports.root=e;
|
|
@@ -1,23 +1,26 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Card/card.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_svs5p_3", t = "_elevated_svs5p_13", n = "_interactive_svs5p_17", r = "_outline_svs5p_21", i = "_flat_svs5p_28", a = "_glass_svs5p_36", o = "_header_svs5p_58", s = "_body_svs5p_58", c = "_footer_svs5p_58", l = {
|
|
4
4
|
root: e,
|
|
5
5
|
elevated: t,
|
|
6
6
|
interactive: n,
|
|
7
7
|
outline: r,
|
|
8
8
|
flat: i,
|
|
9
9
|
glass: a,
|
|
10
|
-
"padding-none": "_padding-
|
|
10
|
+
"padding-none": "_padding-none_svs5p_55",
|
|
11
11
|
header: o,
|
|
12
12
|
body: s,
|
|
13
13
|
footer: c,
|
|
14
|
-
"padding-sm": "_padding-
|
|
15
|
-
"padding-md": "_padding-
|
|
16
|
-
"padding-lg": "_padding-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"radius-
|
|
14
|
+
"padding-sm": "_padding-sm_svs5p_61",
|
|
15
|
+
"padding-md": "_padding-md_svs5p_67",
|
|
16
|
+
"padding-lg": "_padding-lg_svs5p_73",
|
|
17
|
+
"padding-xl": "_padding-xl_svs5p_85",
|
|
18
|
+
"padding-2xl": "_padding-2xl_svs5p_91",
|
|
19
|
+
"padding-3xl": "_padding-3xl_svs5p_97",
|
|
20
|
+
"radius-none": "_radius-none_svs5p_106",
|
|
21
|
+
"radius-sm": "_radius-sm_svs5p_109",
|
|
22
|
+
"radius-md": "_radius-md_svs5p_112",
|
|
23
|
+
"radius-lg": "_radius-lg_svs5p_115"
|
|
21
24
|
};
|
|
22
25
|
//#endregion
|
|
23
26
|
export { s as body, l as default, t as elevated, i as flat, c as footer, a as glass, o as header, n as interactive, r as outline, e as root };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_zlt38_2`,t=`_md_zlt38_19`,n=`_avatar_zlt38_24`,r=`_sm_zlt38_29`,i=`_lg_zlt38_39`,a=`_clickable_zlt38_49`,o=`_primary_zlt38_60`,s=`_solid_zlt38_60`,c=`_outline_zlt38_66`,l=`_subtle_zlt38_71`,u=`_secondary_zlt38_77`,d=`_success_zlt38_94`,f=`_warning_zlt38_111`,p=`_danger_zlt38_128`,m=`_info_zlt38_145`,h=`_neutral_zlt38_162`,g=`_selected_zlt38_179`,_=`_disabled_zlt38_182`,v=`_label_zlt38_206`,y=`_icon_zlt38_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_zlt38_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_zlt38_2", t = "_md_zlt38_19", n = "_avatar_zlt38_24", r = "_sm_zlt38_29", i = "_lg_zlt38_39", a = "_clickable_zlt38_49", o = "_primary_zlt38_60", s = "_solid_zlt38_60", c = "_outline_zlt38_66", l = "_subtle_zlt38_71", u = "_secondary_zlt38_77", d = "_success_zlt38_94", f = "_warning_zlt38_111", p = "_danger_zlt38_128", m = "_info_zlt38_145", h = "_neutral_zlt38_162", g = "_selected_zlt38_179", _ = "_disabled_zlt38_182", v = "_label_zlt38_206", y = "_icon_zlt38_211", b = {
|
|
4
4
|
root: e,
|
|
5
5
|
md: t,
|
|
6
6
|
avatar: n,
|
|
@@ -19,7 +19,7 @@ var e = "_root_17rfl_2", t = "_md_17rfl_19", n = "_avatar_17rfl_24", r = "_sm_17
|
|
|
19
19
|
neutral: h,
|
|
20
20
|
selected: g,
|
|
21
21
|
disabled: _,
|
|
22
|
-
delete: "
|
|
22
|
+
delete: "_delete_zlt38_190",
|
|
23
23
|
label: v,
|
|
24
24
|
icon: y
|
|
25
25
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1t2m9_2`,t=`_md_1t2m9_14`,n=`_sm_1t2m9_18`,r=`_lg_1t2m9_22`,i=`_primary_1t2m9_26`,a=`_solid_1t2m9_26`,o=`_outline_1t2m9_32`,s=`_subtle_1t2m9_37`,c=`_secondary_1t2m9_43`,l=`_success_1t2m9_60`,u=`_warning_1t2m9_77`,d=`_danger_1t2m9_94`,f=`_info_1t2m9_111`,p=`_neutral_1t2m9_128`,m=`_disabled_1t2m9_145`,h=`_closeButton_1t2m9_153`,g=`_interactive_1t2m9_156`,_=`_icon_1t2m9_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_1t2m9_2", t = "_md_1t2m9_14", n = "_sm_1t2m9_18", r = "_lg_1t2m9_22", i = "_primary_1t2m9_26", a = "_solid_1t2m9_26", o = "_outline_1t2m9_32", s = "_subtle_1t2m9_37", c = "_secondary_1t2m9_43", l = "_success_1t2m9_60", u = "_warning_1t2m9_77", d = "_danger_1t2m9_94", f = "_info_1t2m9_111", p = "_neutral_1t2m9_128", m = "_disabled_1t2m9_145", h = "_closeButton_1t2m9_153", g = "_interactive_1t2m9_156", _ = "_icon_1t2m9_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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/feedback/Banner/banner.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
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 = {
|
|
4
4
|
root: e,
|
|
5
5
|
container: t,
|
|
6
6
|
content: n,
|
|
@@ -11,6 +11,7 @@ var e = "_root_mz0ry_3", t = "_container_mz0ry_15", n = "_content_mz0ry_24", r =
|
|
|
11
11
|
description: s,
|
|
12
12
|
actions: c,
|
|
13
13
|
close: l,
|
|
14
|
+
default: "_default_ifmu1_91",
|
|
14
15
|
info: u,
|
|
15
16
|
success: d,
|
|
16
17
|
warning: f,
|
|
@@ -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("./notification.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=({id:e,title:s,description:c,icon:l,intent:u
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.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=({id:e,title:s,description:c,icon:l,intent:u=`default`,onClose:d,closable:f=!0,className:p})=>{let[m,h]=i.default.useState(!0);if(!m)return null;let g=()=>{h(!1),d&&d(e)},_={success:`success`,danger:`danger`,warning:`warning`,info:`info`},v=l!==void 0||u===`success`||u===`warning`||u===`danger`||u===`info`;return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,r.default[u],p),role:`alert`,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[v&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,color:_[u]})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?g:void 0,className:r.default.close,size:`sm`})]})})},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;
|