wimui 0.5.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/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/Calendar/calendar.module.cjs +1 -1
- package/dist/components/data-display/Calendar/calendar.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 +1 -1
|
@@ -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_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
|
-
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;
|
|
@@ -6,26 +6,30 @@ import r, { createContext as i, useCallback as a, useContext as o, useState as s
|
|
|
6
6
|
import c from "classnames";
|
|
7
7
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/feedback/Notification/Notification.tsx
|
|
9
|
-
var d = ({ id: i, title: a, description: o, icon: s, intent: d, onClose: f, closable: p = !0, className: m }) => {
|
|
9
|
+
var d = ({ id: i, title: a, description: o, icon: s, intent: d = "default", onClose: f, closable: p = !0, className: m }) => {
|
|
10
10
|
let [h, g] = r.useState(!0);
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
if (!h) return null;
|
|
12
|
+
let _ = () => {
|
|
13
|
+
g(!1), f && f(i);
|
|
14
|
+
}, v = {
|
|
15
|
+
success: "success",
|
|
16
|
+
danger: "danger",
|
|
17
|
+
warning: "warning",
|
|
18
|
+
info: "info"
|
|
19
|
+
}, y = s !== void 0 || d === "success" || d === "warning" || d === "danger" || d === "info";
|
|
20
|
+
return /* @__PURE__ */ l("div", {
|
|
21
|
+
className: c("wim-notification", n.root, n[d], m),
|
|
13
22
|
role: "alert",
|
|
14
23
|
children: /* @__PURE__ */ u("div", {
|
|
15
24
|
className: n.content,
|
|
16
25
|
children: [
|
|
17
|
-
|
|
26
|
+
y && /* @__PURE__ */ l("div", {
|
|
18
27
|
className: n.icon,
|
|
19
28
|
children: /* @__PURE__ */ l(e, {
|
|
20
29
|
intent: d,
|
|
21
30
|
icon: s,
|
|
22
31
|
size: "md",
|
|
23
|
-
color: d
|
|
24
|
-
success: "success",
|
|
25
|
-
danger: "danger",
|
|
26
|
-
warning: "warning",
|
|
27
|
-
info: "info"
|
|
28
|
-
}[d] : void 0
|
|
32
|
+
color: v[d]
|
|
29
33
|
})
|
|
30
34
|
}),
|
|
31
35
|
/* @__PURE__ */ u("div", {
|
|
@@ -39,15 +43,13 @@ var d = ({ id: i, title: a, description: o, icon: s, intent: d, onClose: f, clos
|
|
|
39
43
|
})]
|
|
40
44
|
}),
|
|
41
45
|
/* @__PURE__ */ l(t, {
|
|
42
|
-
onClose: p ?
|
|
43
|
-
g(!1), f && f(i);
|
|
44
|
-
} : void 0,
|
|
46
|
+
onClose: p ? _ : void 0,
|
|
45
47
|
className: n.close,
|
|
46
48
|
size: "sm"
|
|
47
49
|
})
|
|
48
50
|
]
|
|
49
51
|
})
|
|
50
|
-
})
|
|
52
|
+
});
|
|
51
53
|
}, f = i(void 0), p = ({ children: e, placement: t = "topRight" }) => {
|
|
52
54
|
let [r, i] = s([]), o = a((e) => {
|
|
53
55
|
let t = Math.random().toString(36).substr(2, 9);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1g51c_2`,t=`_content_1g51c_14`,n=`_icon_1g51c_19`,r=`_messageContainer_1g51c_22`,i=`_title_1g51c_28`,a=`_description_1g51c_35`,o=`_close_1g51c_40`,s=`_success_1g51c_59`,c=`_info_1g51c_62`,l=`_warning_1g51c_65`,u=`_danger_1g51c_68`,d=`_container_1g51c_71`,f=`_topRight_1g51c_81`,p=`_topLeft_1g51c_85`,m=`_bottomRight_1g51c_89`,h=`_bottomLeft_1g51c_93`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,default:`_default_1g51c_56`,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/feedback/Notification/notification.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1g51c_2", t = "_content_1g51c_14", n = "_icon_1g51c_19", r = "_messageContainer_1g51c_22", i = "_title_1g51c_28", a = "_description_1g51c_35", o = "_close_1g51c_40", s = "_success_1g51c_59", c = "_info_1g51c_62", l = "_warning_1g51c_65", u = "_danger_1g51c_68", d = "_container_1g51c_71", f = "_topRight_1g51c_81", p = "_topLeft_1g51c_85", m = "_bottomRight_1g51c_89", h = "_bottomLeft_1g51c_93", g = {
|
|
4
4
|
root: e,
|
|
5
5
|
content: t,
|
|
6
6
|
icon: n,
|
|
@@ -8,6 +8,7 @@ var e = "_root_mmh85_2", t = "_content_mmh85_14", n = "_icon_mmh85_19", r = "_me
|
|
|
8
8
|
title: i,
|
|
9
9
|
description: a,
|
|
10
10
|
close: o,
|
|
11
|
+
default: "_default_1g51c_56",
|
|
11
12
|
success: s,
|
|
12
13
|
info: c,
|
|
13
14
|
warning: l,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/circle.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./result.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e,status:t,className:a})=>{if(t)return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a});switch(e){case`success`:return(0,c.jsx)(i.Icon,{component:n.default,color:`success`,className:a});case`danger`:return(0,c.jsx)(i.Icon,{component:r.default,color:`danger`,className:a});case`warning`:return(0,c.jsx)(i.Icon,{component:r.default,color:`warning`,className:a});case`info`:return(0,c.jsx)(i.Icon,{component:r.default,color:`info`,className:a});default:return
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/circle.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./result.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e,status:t,className:a})=>{if(t)return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a});switch(e){case`success`:return(0,c.jsx)(i.Icon,{component:n.default,color:`success`,className:a});case`danger`:return(0,c.jsx)(i.Icon,{component:r.default,color:`danger`,className:a});case`warning`:return(0,c.jsx)(i.Icon,{component:r.default,color:`warning`,className:a});case`info`:return(0,c.jsx)(i.Icon,{component:r.default,color:`info`,className:a});default:return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a})}},u=({intent:e=`default`,status:n,title:r,description:i,extra:o,icon:u,className:d,children:f})=>(0,c.jsx)(t.InteractiveArea,{icon:u||(0,c.jsx)(l,{intent:e,status:n,className:a.default.icon}),title:r??void 0,description:i??void 0,actions:o,variant:`none`,bgVariant:`transparent`,className:(0,s.default)(`wim-result`,a.default.root,e&&a.default[e],n&&a.default[n],d),styles:{inner:a.default.inner,icon:a.default.icon,content:a.default.content},children:f});exports.Result=u;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { default as React, ReactNode } from 'react';
|
|
2
2
|
import { WimIntent } from '../../../types/tokens';
|
|
3
|
-
export type ResultIntent = Extract<WimIntent, "success" | "danger" | "info" | "warning">;
|
|
3
|
+
export type ResultIntent = Extract<WimIntent, "default" | "success" | "danger" | "info" | "warning">;
|
|
4
4
|
export type ResultHttpStatus = "404" | "403" | "500";
|
|
5
5
|
export type ResultProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Semantic intent — determines the icon and color.
|
|
8
|
+
* @default "default"
|
|
8
9
|
*/
|
|
9
10
|
intent?: ResultIntent;
|
|
10
11
|
/**
|