wimui 0.18.0 → 0.19.0
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/_internal/FeedbackIcon.cjs +1 -1
- package/dist/components/_internal/FeedbackIcon.d.ts +14 -3
- package/dist/components/_internal/FeedbackIcon.js +2 -2
- package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.cjs +1 -1
- package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.js +2 -8
- package/dist/components/ai/ChatUI/ChatUI.cjs +1 -1
- package/dist/components/ai/ChatUI/ChatUI.d.ts +15 -4
- package/dist/components/ai/ChatUI/ChatUI.js +1 -1
- package/dist/components/ai/ChatUI/chat-ui.module.cjs +1 -1
- package/dist/components/ai/ChatUI/chat-ui.module.js +5 -5
- package/dist/components/ai/Terminal/terminal.module.cjs +1 -1
- package/dist/components/ai/Terminal/terminal.module.js +1 -1
- package/dist/components/ai/ThoughtProcess/ThoughtProcess.cjs +1 -1
- package/dist/components/ai/ThoughtProcess/ThoughtProcess.js +2 -2
- package/dist/components/ai/ThreadList/thread-list.module.cjs +1 -1
- package/dist/components/ai/ThreadList/thread-list.module.js +1 -1
- package/dist/components/charts/GaugeChart/GaugeChart.cjs +1 -1
- package/dist/components/charts/GaugeChart/GaugeChart.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/Carousel/carousel.module.cjs +1 -1
- package/dist/components/data-display/Carousel/carousel.module.js +1 -1
- package/dist/components/data-display/Chip/chip.module.cjs +1 -1
- package/dist/components/data-display/Chip/chip.module.js +2 -2
- package/dist/components/data-display/EmptyState/EmptyState.cjs +1 -1
- package/dist/components/data-display/EmptyState/EmptyState.d.ts +1 -3
- package/dist/components/data-display/EmptyState/EmptyState.js +10 -11
- package/dist/components/data-display/FAQSection/FAQSection.cjs +1 -1
- package/dist/components/data-display/FAQSection/FAQSection.js +1 -1
- package/dist/components/data-display/JsonViewer/json-viewer.module.cjs +1 -1
- package/dist/components/data-display/JsonViewer/json-viewer.module.js +8 -7
- package/dist/components/data-display/Kanban/Kanban.cjs +1 -1
- package/dist/components/data-display/Kanban/Kanban.js +1 -0
- package/dist/components/data-display/Reaction/reaction.module.cjs +1 -1
- package/dist/components/data-display/Reaction/reaction.module.js +1 -1
- package/dist/components/data-display/ScheduleView/schedule-view.module.cjs +1 -1
- package/dist/components/data-display/ScheduleView/schedule-view.module.js +1 -1
- package/dist/components/data-display/Stats/Stats.cjs +1 -1
- package/dist/components/data-display/Stats/Stats.js +1 -5
- 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/data-display/Timeline/Timeline.cjs +1 -1
- package/dist/components/data-display/Timeline/Timeline.d.ts +6 -1
- package/dist/components/data-display/Timeline/Timeline.js +1 -1
- package/dist/components/data-display/Timeline/timeline.module.cjs +1 -1
- package/dist/components/data-display/Timeline/timeline.module.js +9 -6
- package/dist/components/data-display/TreeView/tree-view.module.cjs +1 -1
- package/dist/components/data-display/TreeView/tree-view.module.js +19 -19
- package/dist/components/data-display/VirtualList/virtual-list.module.cjs +1 -1
- package/dist/components/data-display/VirtualList/virtual-list.module.js +1 -1
- package/dist/components/feedback/LoadingOverlay/LoadingOverlay.d.ts +8 -2
- package/dist/components/feedback/Notification/Notification.cjs +1 -1
- package/dist/components/feedback/Notification/Notification.js +3 -8
- package/dist/components/feedback/Notification/notification.module.cjs +1 -1
- package/dist/components/feedback/Notification/notification.module.js +2 -2
- package/dist/components/feedback/Result/Result.cjs +1 -1
- package/dist/components/feedback/Result/Result.js +2 -2
- package/dist/components/feedback/ScrollProgress/ScrollProgress.cjs +1 -1
- package/dist/components/feedback/ScrollProgress/ScrollProgress.d.ts +10 -2
- package/dist/components/feedback/ScrollProgress/ScrollProgress.js +2 -2
- package/dist/components/feedback/ScrollProgress/scrollprogress.module.cjs +1 -1
- package/dist/components/feedback/ScrollProgress/scrollprogress.module.js +6 -4
- package/dist/components/feedback/Snackbar/snackbar.module.cjs +1 -1
- package/dist/components/feedback/Snackbar/snackbar.module.js +7 -7
- package/dist/components/feedback/Tour/Tour.cjs +1 -1
- package/dist/components/feedback/Tour/Tour.js +5 -4
- package/dist/components/form/Checkbox/checkbox.module.cjs +1 -1
- package/dist/components/form/Checkbox/checkbox.module.js +1 -1
- package/dist/components/form/CreditCardInput/CreditCardInput.cjs +1 -1
- package/dist/components/form/CreditCardInput/CreditCardInput.js +27 -28
- package/dist/components/form/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/form/DatePicker/DatePicker.js +37 -37
- package/dist/components/form/Dropzone/Dropzone.cjs +1 -1
- package/dist/components/form/Dropzone/Dropzone.js +0 -1
- package/dist/components/form/FloatButton/FloatButton.cjs +1 -1
- package/dist/components/form/FloatButton/FloatButton.d.ts +10 -2
- package/dist/components/form/FloatButton/FloatButton.js +2 -2
- package/dist/components/form/FloatButton/float-button.module.cjs +1 -1
- package/dist/components/form/FloatButton/float-button.module.js +16 -18
- package/dist/components/form/InputBase/input-base.module.cjs +1 -1
- package/dist/components/form/InputBase/input-base.module.js +1 -1
- package/dist/components/form/Mentions/Mentions.cjs +1 -1
- package/dist/components/form/Mentions/Mentions.js +0 -1
- package/dist/components/form/Radio/radio.module.cjs +1 -1
- package/dist/components/form/Radio/radio.module.js +1 -1
- package/dist/components/form/RangeSlider/range-slider.module.cjs +1 -1
- package/dist/components/form/RangeSlider/range-slider.module.js +1 -1
- package/dist/components/form/Rating/rating.module.cjs +1 -1
- package/dist/components/form/Rating/rating.module.js +1 -1
- package/dist/components/form/SegmentedControl/segmented-control.module.cjs +1 -1
- package/dist/components/form/SegmentedControl/segmented-control.module.js +1 -1
- package/dist/components/form/Slider/slider.module.cjs +1 -1
- package/dist/components/form/Slider/slider.module.js +1 -1
- package/dist/components/form/Switch/switch.module.cjs +1 -1
- package/dist/components/form/Switch/switch.module.js +1 -1
- package/dist/components/form/ThemeToggle/theme-toggle.module.cjs +1 -1
- package/dist/components/form/ThemeToggle/theme-toggle.module.js +1 -1
- package/dist/components/form/ToggleGroup/toggle-group.module.cjs +1 -1
- package/dist/components/form/ToggleGroup/toggle-group.module.js +1 -1
- package/dist/components/layout/Footer/Footer.cjs +1 -1
- package/dist/components/layout/Footer/Footer.d.ts +1 -1
- package/dist/components/layout/Footer/Footer.js +1 -1
- package/dist/components/layout/Footer/footer.module.cjs +1 -1
- package/dist/components/layout/Footer/footer.module.js +4 -4
- package/dist/components/layout/Header/Header.cjs +1 -1
- package/dist/components/layout/Header/Header.d.ts +1 -1
- package/dist/components/layout/Header/Header.js +1 -1
- package/dist/components/layout/Header/header.module.cjs +1 -1
- package/dist/components/layout/Header/header.module.js +4 -4
- package/dist/components/media/Audio/Audio.cjs +1 -1
- package/dist/components/media/Audio/Audio.js +1 -1
- package/dist/components/media/Image/Image.cjs +1 -1
- package/dist/components/media/Image/Image.js +1 -1
- package/dist/components/media/ImageCompare/image-compare.module.cjs +1 -1
- package/dist/components/media/ImageCompare/image-compare.module.js +6 -6
- package/dist/components/navigation/CommandPalette/command-palette.module.cjs +1 -1
- package/dist/components/navigation/CommandPalette/command-palette.module.js +1 -1
- package/dist/components/navigation/Link/Link.cjs +1 -1
- package/dist/components/navigation/Link/Link.js +1 -1
- package/dist/components/navigation/Menubar/menubar.module.cjs +1 -1
- package/dist/components/navigation/Menubar/menubar.module.js +1 -1
- package/dist/components/navigation/Pagination/pagination.module.cjs +1 -1
- package/dist/components/navigation/Pagination/pagination.module.js +1 -1
- package/dist/components/navigation/SpeedDial/SpeedDial.cjs +1 -1
- package/dist/components/navigation/SpeedDial/SpeedDial.js +3 -4
- package/dist/components/overlay/ContextMenu/ContextMenu.cjs +1 -1
- package/dist/components/overlay/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/overlay/Drawer/Drawer.cjs +1 -1
- package/dist/components/overlay/Drawer/Drawer.d.ts +32 -4
- package/dist/components/overlay/Drawer/Drawer.js +22 -17
- package/dist/components/overlay/Drawer/drawer.module.cjs +1 -1
- package/dist/components/overlay/Drawer/drawer.module.js +4 -3
- package/dist/components/overlay/Popconfirm/Popconfirm.cjs +1 -1
- package/dist/components/overlay/Popconfirm/Popconfirm.js +1 -1
- package/dist/components/overlay/Popover/popover.module.cjs +1 -1
- package/dist/components/overlay/Popover/popover.module.js +1 -1
- package/dist/components/typography/Spoiler/spoiler.module.cjs +1 -1
- package/dist/components/typography/Spoiler/spoiler.module.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +267 -267
- package/dist/llms-full.txt +19 -11
- package/dist/llms.txt +1 -1
- package/dist/overlay.cjs +1 -1
- package/dist/overlay.js +11 -11
- package/dist/styles.css +2 -2
- package/dist/utilities/style-utils.cjs +1 -1
- package/dist/utilities/style-utils.js +1 -1
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +5 -5
- package/package.json +8 -4
- package/dist/components/data-display/EmptyState/empty-state.module.cjs +0 -2
- package/dist/components/data-display/EmptyState/empty-state.module.js +0 -5
- package/dist/components/form/CreditCardInput/credit-card-input.module.cjs +0 -2
- package/dist/components/form/CreditCardInput/credit-card-input.module.js +0 -5
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../icon/alert-circle.cjs"),n=require("../../icon/alert-triangle.cjs"),r=require("../../icon/check.cjs"),i=require("../../icon/circle.cjs"),a=require("../../icon/info-circle.cjs"),o=require("../media/Icon/Icon.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e=`info`,icon:t,size:n=`sm`,className:r,
|
|
2
|
+
const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../icon/alert-circle.cjs"),n=require("../../icon/alert-triangle.cjs"),r=require("../../icon/check.cjs"),i=require("../../icon/circle.cjs"),a=require("../../icon/info-circle.cjs"),o=require("../media/Icon/Icon.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e=`info`,icon:t,size:n=`sm`,className:r,tinted:a=!1})=>t&&s.default.isValidElement(t)?(0,c.jsx)(c.Fragment,{children:t}):t===!1?null:(0,c.jsx)(o.Icon,{component:u[e]??i.default,size:n,className:r,color:a?e:void 0}),u={success:r.default,danger:t.default,warning:n.default,info:a.default};exports.FeedbackIcon=l;
|
|
@@ -23,9 +23,20 @@ export interface FeedbackIconProps {
|
|
|
23
23
|
*/
|
|
24
24
|
className?: string;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* intent の色でアイコンを塗る。省略時は継承(容器の文字色)。
|
|
27
|
+
*
|
|
28
|
+
* 以前は `color?: "danger" | "success" | "warning" | "info"` で、intent と
|
|
29
|
+
* 同じ語彙を取っていた。そのため `intent="success" color="danger"` という
|
|
30
|
+
* 矛盾が型で書けた(実際に書いている箇所は無く、唯一の利用者 `Notification` は
|
|
31
|
+
* `typeToColorMap[intent]` = 恒等写像を渡していた)。真偽値にして矛盾を
|
|
32
|
+
* 書けなくする(T119)。
|
|
33
|
+
*
|
|
34
|
+
* prop を消すことはできない。 容器の扱いが 3 通りに割れている ──
|
|
35
|
+
* `Alert` / `Banner` は容器が `color: text-{intent}` を当てるので継承で足り、
|
|
36
|
+
* `Snackbar` は濃い intent 色が背景なので継承(on-color)でなければならず、
|
|
37
|
+
* `Notification` は左の縦線しか intent 色にしないため明示が要る。
|
|
27
38
|
*/
|
|
28
|
-
|
|
39
|
+
tinted?: boolean;
|
|
29
40
|
}
|
|
30
41
|
/**
|
|
31
42
|
* FeedbackIcon is an internal component that resolves and displays the appropriate
|
|
@@ -36,4 +47,4 @@ export interface FeedbackIconProps {
|
|
|
36
47
|
* - Returns null if `icon` is explicitly `false`.
|
|
37
48
|
* - Maps `intent` to default system icons (e.g., success -> CheckIcon).
|
|
38
49
|
*/
|
|
39
|
-
export declare const FeedbackIcon: ({ intent, icon, size, className,
|
|
50
|
+
export declare const FeedbackIcon: ({ intent, icon, size, className, tinted, }: FeedbackIconProps) => React.JSX.Element | null;
|
|
@@ -8,11 +8,11 @@ import { Icon as a } from "../media/Icon/Icon.js";
|
|
|
8
8
|
import o from "react";
|
|
9
9
|
import { Fragment as s, jsx as c } from "react/jsx-runtime";
|
|
10
10
|
//#region src/components/_internal/FeedbackIcon.tsx
|
|
11
|
-
var l = ({ intent: e = "info", icon: t, size: n = "sm", className: i,
|
|
11
|
+
var l = ({ intent: e = "info", icon: t, size: n = "sm", className: i, tinted: l = !1 }) => t && o.isValidElement(t) ? /* @__PURE__ */ c(s, { children: t }) : t === !1 ? null : /* @__PURE__ */ c(a, {
|
|
12
12
|
component: u[e] ?? r,
|
|
13
13
|
size: n,
|
|
14
14
|
className: i,
|
|
15
|
-
color: l
|
|
15
|
+
color: l ? e : void 0
|
|
16
16
|
}), u = {
|
|
17
17
|
success: n,
|
|
18
18
|
danger: e,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./field-character-count.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");var a=({count:e,maxLength:n,alwaysShow:a=!1,className:o,isError:s=!1})=>!a&&e===0&&n===void 0?null:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,{[t.default.danger]:s||n!==void 0&&e>n,[t.default.warning]:n!==void 0&&e>=n*.9&&e<=n},o),"aria-live":`polite`,children:[(0,i.jsx)(`span`,{
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./field-character-count.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");var a=({count:e,maxLength:n,alwaysShow:a=!1,className:o,isError:s=!1})=>!a&&e===0&&n===void 0?null:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,{[t.default.danger]:s||n!==void 0&&e>n,[t.default.warning]:n!==void 0&&e>=n*.9&&e<=n},o),"aria-live":`polite`,children:[(0,i.jsx)(`span`,{children:e}),n!==void 0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:t.default.separator,children:` / `}),(0,i.jsx)(`span`,{children:n})]})]});exports.FieldCharacterCount=a;
|
|
@@ -10,16 +10,10 @@ var a = ({ count: a, maxLength: o, alwaysShow: s = !1, className: c, isError: l
|
|
|
10
10
|
[e.warning]: o !== void 0 && a >= o * .9 && a <= o
|
|
11
11
|
}, c),
|
|
12
12
|
"aria-live": "polite",
|
|
13
|
-
children: [/* @__PURE__ */ r("span", {
|
|
14
|
-
className: e.count,
|
|
15
|
-
children: a
|
|
16
|
-
}), o !== void 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
|
|
13
|
+
children: [/* @__PURE__ */ r("span", { children: a }), o !== void 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
|
|
17
14
|
className: e.separator,
|
|
18
15
|
children: " / "
|
|
19
|
-
}), /* @__PURE__ */ r("span", {
|
|
20
|
-
className: e.max,
|
|
21
|
-
children: o
|
|
22
|
-
})] })]
|
|
16
|
+
}), /* @__PURE__ */ r("span", { children: o })] })]
|
|
23
17
|
});
|
|
24
18
|
//#endregion
|
|
25
19
|
export { a as FieldCharacterCount };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("./chat-ui.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(`wim-chat-ui`,o.default.container,t),...n,children:e}),d=(0,s.forwardRef)(({children:e,className:t,...n},r)=>(0,l.jsx)(`div`,{ref:r,className:(0,c.default)(o.default.messageList,t),...n,children:e}));d.displayName=`ChatMessageList`;var f=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:s,isTyping:u=!1,actions:d,actionsVisible:f=!0,className:p,...m})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.message,o.default[t],o.default[n],{[o.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i}),(0,l.jsxs)(`div`,{className:o.default.contentWrapper,children:[s&&(0,l.jsx)(`div`,{className:o.default.sender,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.bubble,{[o.default.typing]:u}),children:u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot})]}):e}),d&&(0,l.jsx)(`div`,{className:(0,c.default)(o.default.actions,{[o.default.hoverOnly]:!f}),children:d}),a&&(0,l.jsx)(`div`,{className:o.default.timestamp,children:a})]}),r&&t===`right`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i})]}),p=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.inputArea,t),...n,children:e}),m=(0,s.forwardRef)(({onSend:e,onAttach:c,sendButtonLabel:u,sendButtonIcon:d=r.default,showSendButton:f=!0,showAttach:m=!1,maxRows:h=8,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(`common`),[b,x]=s.default.useState(``),S=_.value!==void 0,C=S?_.value:b,w=a.useAutoResize(C,h);s.default.useImperativeHandle(v,()=>w.current);let T=!!u,E=()=>{e&&(e(C),S||x(``))};return(0,l.jsx)(p,{className:g,children:(0,l.jsxs)(`div`,{className:o.default.fieldContainer,children:[m&&(0,l.jsx)(`button`,{type:`button`,className:o.default.attachButton,onClick:c,"aria-label":y(`a11y.attach_file`),children:(0,l.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,l.jsx)(`textarea`,{ref:w,className:o.default.field,value:C,onChange:e=>{S||x(e.target.value),_.onChange?.(e)},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),E())},placeholder:_.placeholder||`Type a message...`,rows:1,..._}),f&&(0,l.jsx)(`button`,{className:o.default.sendButton,onClick:E,disabled:!C.trim(),type:`button`,"aria-label":u||`Send`,children:T?u:(0,l.jsx)(i.Icon,{component:d,size:`sm`})})]})})});m.displayName=`ChatInput`;var h=({src:e,alt:t,fallback:n,size:r=`md`,
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("./chat-ui.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(`wim-chat-ui`,o.default.container,t),...n,children:e}),d=(0,s.forwardRef)(({children:e,className:t,...n},r)=>(0,l.jsx)(`div`,{ref:r,className:(0,c.default)(o.default.messageList,t),...n,children:e}));d.displayName=`ChatMessageList`;var f=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:s,isTyping:u=!1,actions:d,actionsVisible:f=!0,className:p,...m})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.message,o.default[t],o.default[n],{[o.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i}),(0,l.jsxs)(`div`,{className:o.default.contentWrapper,children:[s&&(0,l.jsx)(`div`,{className:o.default.sender,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.bubble,{[o.default.typing]:u}),children:u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot})]}):e}),d&&(0,l.jsx)(`div`,{className:(0,c.default)(o.default.actions,{[o.default.hoverOnly]:!f}),children:d}),a&&(0,l.jsx)(`div`,{className:o.default.timestamp,children:a})]}),r&&t===`right`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i})]}),p=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.inputArea,t),...n,children:e}),m=(0,s.forwardRef)(({onSend:e,onAttach:c,sendButtonLabel:u,sendButtonIcon:d=r.default,showSendButton:f=!0,showAttach:m=!1,maxRows:h=8,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(`common`),[b,x]=s.default.useState(``),S=_.value!==void 0,C=S?_.value:b,w=a.useAutoResize(C,h);s.default.useImperativeHandle(v,()=>w.current);let T=!!u,E=()=>{e&&(e(C),S||x(``))};return(0,l.jsx)(p,{className:g,children:(0,l.jsxs)(`div`,{className:o.default.fieldContainer,children:[m&&(0,l.jsx)(`button`,{type:`button`,className:o.default.attachButton,onClick:c,"aria-label":y(`a11y.attach_file`),children:(0,l.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,l.jsx)(`textarea`,{ref:w,className:o.default.field,value:C,onChange:e=>{S||x(e.target.value),_.onChange?.(e)},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),E())},placeholder:_.placeholder||`Type a message...`,rows:1,..._}),f&&(0,l.jsx)(`button`,{className:o.default.sendButton,onClick:E,disabled:!C.trim(),type:`button`,"aria-label":u||`Send`,children:T?u:(0,l.jsx)(i.Icon,{component:d,size:`sm`})})]})})});m.displayName=`ChatInput`;var h=({src:e,alt:t,fallback:n,size:r=`md`,tone:i=`s18`,className:a,...u})=>{let[d,f]=s.default.useState(!1),p=t||`User Avatar`;return(0,l.jsx)(`div`,{className:(0,c.default)(o.default.avatar,o.default[r],o.default[i],a),...u,children:e&&!d?(0,l.jsx)(`img`,{src:e,alt:p,className:o.default.image,onError:()=>f(!0)}):(0,l.jsx)(`div`,{className:o.default.fallback,children:n||p.charAt(0).toUpperCase()})})};exports.ChatAvatar=h,exports.ChatContainer=u,exports.ChatInput=m,exports.ChatInputArea=p,exports.ChatMessage=f,exports.ChatMessageList=d;
|
|
@@ -19,8 +19,14 @@ export interface ChatMessageProps extends React.ComponentPropsWithoutRef<"div">
|
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
/** Side the message is aligned to (typically left for others, right for self) */
|
|
21
21
|
position?: "left" | "right";
|
|
22
|
-
/**
|
|
23
|
-
|
|
22
|
+
/**
|
|
23
|
+
* バブルの色。`position` が既に色を決める(`left` は受信色、`right` は送信色)ので、
|
|
24
|
+
* これはその上書き ── 右寄せのまま受信色にする、といった例外用。
|
|
25
|
+
*
|
|
26
|
+
* 以前は `primary` / `secondary` という名前だったが、指しているトークンは
|
|
27
|
+
* `--wim-comp-chat-bubble-sent` / `-received` で、intent ではなく送受信だった(T114)。
|
|
28
|
+
*/
|
|
29
|
+
variant?: "default" | "sent" | "received";
|
|
24
30
|
/** Whether to show the avatar */
|
|
25
31
|
showAvatar?: boolean;
|
|
26
32
|
/** Avatar element */
|
|
@@ -89,8 +95,13 @@ export interface ChatAvatarProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
|
89
95
|
/** Size of the avatar */
|
|
90
96
|
size?: ComponentSizeBasic;
|
|
91
97
|
/** Background color token used for the fallback */
|
|
92
|
-
|
|
98
|
+
/**
|
|
99
|
+
* PCCS の色調スケール。色そのものではなく明度・彩度の段なので、
|
|
100
|
+
* 他のコンポーネントの `color`(トークン色や任意の CSS 色)とは軸が違う。
|
|
101
|
+
* 以前は `color` という名前で、同じ prop 名が 3 つの語彙を運ぶ状態の一角だった(T118)。
|
|
102
|
+
*/
|
|
103
|
+
tone?: "s1" | "s3" | "s5" | "s7" | "s10" | "s12" | "s14" | "s16" | "s18" | "s20" | "s22" | "s24";
|
|
93
104
|
/** Additional class names */
|
|
94
105
|
className?: string;
|
|
95
106
|
}
|
|
96
|
-
export declare const ChatAvatar: ({ src, alt: altProp, fallback, size,
|
|
107
|
+
export declare const ChatAvatar: ({ src, alt: altProp, fallback, size, tone, className, ...props }: ChatAvatarProps) => React.ReactElement;
|
|
@@ -113,7 +113,7 @@ var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar
|
|
|
113
113
|
});
|
|
114
114
|
});
|
|
115
115
|
g.displayName = "ChatInput";
|
|
116
|
-
var _ = ({ src: e, alt: t, fallback: n, size: r = "md",
|
|
116
|
+
var _ = ({ src: e, alt: t, fallback: n, size: r = "md", tone: i = "s18", className: s, ...l }) => {
|
|
117
117
|
let [d, f] = o.useState(!1), p = t || "User Avatar";
|
|
118
118
|
return /* @__PURE__ */ u("div", {
|
|
119
119
|
className: c(a.avatar, a[r], a[i], s),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_1qce0_3`,t=`_messageList_1qce0_19`,n=`_message_1qce0_19`,r=`_left_1qce0_51`,i=`_right_1qce0_56`,a=`_contentWrapper_1qce0_61`,o=`_sent_1qce0_64`,s=`_received_1qce0_67`,c=`_messageAvatar_1qce0_70`,l=`_sender_1qce0_79`,u=`_bubble_1qce0_84`,d=`_typing_1qce0_95`,f=`_typingDot_1qce0_102`,p=`_actions_1qce0_126`,m=`_hoverOnly_1qce0_133`,h=`_hasAvatar_1qce0_151`,g=`_timestamp_1qce0_191`,_=`_inputArea_1qce0_196`,v=`_fieldContainer_1qce0_209`,y=`_field_1qce0_209`,b=`_sendButton_1qce0_244`,x=`_attachButton_1qce0_271`,S=`_avatar_1qce0_293`,C=`_sm_1qce0_306`,w=`_md_1qce0_311`,T=`_lg_1qce0_316`,E=`_s1_1qce0_324`,D=`_s3_1qce0_328`,O=`_s5_1qce0_332`,k=`_s7_1qce0_336`,A=`_s10_1qce0_340`,j=`_s12_1qce0_344`,M=`_s14_1qce0_348`,N=`_s16_1qce0_352`,P=`_s18_1qce0_356`,F=`_s20_1qce0_360`,I=`_s22_1qce0_364`,L=`_s24_1qce0_368`,R=`_image_1qce0_372`,z=`_fallback_1qce0_377`,B={container:e,messageList:t,message:n,left:r,right:i,contentWrapper:a,sent:o,received:s,messageAvatar:c,sender:l,bubble:u,typing:d,typingDot:f,"chat-typing":`_chat-typing_1qce0_1`,actions:p,hoverOnly: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.hoverOnly=m,exports.image=R,exports.inputArea=_,exports.left=r,exports.lg=T,exports.md=w,exports.message=n,exports.messageAvatar=c,exports.messageList=t,exports.received=s,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.sendButton=b,exports.sender=l,exports.sent=o,exports.sm=C,exports.timestamp=g,exports.typing=d,exports.typingDot=f;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/ChatUI/chat-ui.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_container_1qce0_3", t = "_messageList_1qce0_19", n = "_message_1qce0_19", r = "_left_1qce0_51", i = "_right_1qce0_56", a = "_contentWrapper_1qce0_61", o = "_sent_1qce0_64", s = "_received_1qce0_67", c = "_messageAvatar_1qce0_70", l = "_sender_1qce0_79", u = "_bubble_1qce0_84", d = "_typing_1qce0_95", f = "_typingDot_1qce0_102", p = "_actions_1qce0_126", m = "_hoverOnly_1qce0_133", h = "_hasAvatar_1qce0_151", g = "_timestamp_1qce0_191", _ = "_inputArea_1qce0_196", v = "_fieldContainer_1qce0_209", y = "_field_1qce0_209", b = "_sendButton_1qce0_244", x = "_attachButton_1qce0_271", S = "_avatar_1qce0_293", C = "_sm_1qce0_306", w = "_md_1qce0_311", T = "_lg_1qce0_316", E = "_s1_1qce0_324", D = "_s3_1qce0_328", O = "_s5_1qce0_332", k = "_s7_1qce0_336", A = "_s10_1qce0_340", j = "_s12_1qce0_344", M = "_s14_1qce0_348", N = "_s16_1qce0_352", P = "_s18_1qce0_356", F = "_s20_1qce0_360", I = "_s22_1qce0_364", L = "_s24_1qce0_368", R = "_image_1qce0_372", z = "_fallback_1qce0_377", B = {
|
|
4
4
|
container: e,
|
|
5
5
|
messageList: t,
|
|
6
6
|
message: n,
|
|
7
7
|
left: r,
|
|
8
8
|
right: i,
|
|
9
9
|
contentWrapper: a,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
sent: o,
|
|
11
|
+
received: s,
|
|
12
12
|
messageAvatar: c,
|
|
13
13
|
sender: l,
|
|
14
14
|
bubble: u,
|
|
15
15
|
typing: d,
|
|
16
16
|
typingDot: f,
|
|
17
|
-
"chat-typing": "_chat-
|
|
17
|
+
"chat-typing": "_chat-typing_1qce0_1",
|
|
18
18
|
actions: p,
|
|
19
19
|
hoverOnly: m,
|
|
20
20
|
hasAvatar: h,
|
|
@@ -44,4 +44,4 @@ var e = "_container_7udj8_3", t = "_messageList_7udj8_19", n = "_message_7udj8_1
|
|
|
44
44
|
fallback: z
|
|
45
45
|
};
|
|
46
46
|
//#endregion
|
|
47
|
-
export { p as actions, x as attachButton, S as avatar, u as bubble, e as container, a as contentWrapper, B as default, z as fallback, y as field, v as fieldContainer, h as hasAvatar, m as hoverOnly, R as image, _ as inputArea, r as left, T as lg, w as md, n as message, c as messageAvatar, t as messageList,
|
|
47
|
+
export { p as actions, x as attachButton, S as avatar, u as bubble, e as container, a as contentWrapper, B as default, z as fallback, y as field, v as fieldContainer, h as hasAvatar, m as hoverOnly, R as image, _ as inputArea, r as left, T as lg, w as md, n as message, c as messageAvatar, t as messageList, s as received, i as right, E as s1, A as s10, j as s12, M as s14, N as s16, P as s18, F as s20, I as s22, L as s24, D as s3, O as s5, k as s7, b as sendButton, l as sender, o as sent, C as sm, g as timestamp, d as typing, f as typingDot };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1adbo_35`,t=`_titleBar_1adbo_48`,n=`_dot_1adbo_57`,r=`_titleText_1adbo_73`,i=`_titleActions_1adbo_89`,a=`_titleBtn_1adbo_95`,o=`_copied_1adbo_119`,s=`_body_1adbo_126`,c=`_line_1adbo_141`,l=`_prompt_1adbo_147`,u=`_content_1adbo_152`,d=`_input_1adbo_159`,f=`_output_1adbo_162`,p=`_error_1adbo_165`,m=`_info_1adbo_171`,h={root:e,titleBar:t,dot:n,titleText:r,titleActions:i,titleBtn:a,copied:o,body:s,line:c,prompt:l,content:u,input:d,output:f,error:p,info:m};exports.body=s,exports.content=u,exports.copied=o,exports.default=h,exports.dot=n,exports.error=p,exports.info=m,exports.input=d,exports.line=c,exports.output=f,exports.prompt=l,exports.root=e,exports.titleActions=i,exports.titleBar=t,exports.titleBtn=a,exports.titleText=r;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/Terminal/terminal.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1adbo_35", t = "_titleBar_1adbo_48", n = "_dot_1adbo_57", r = "_titleText_1adbo_73", i = "_titleActions_1adbo_89", a = "_titleBtn_1adbo_95", o = "_copied_1adbo_119", s = "_body_1adbo_126", c = "_line_1adbo_141", l = "_prompt_1adbo_147", u = "_content_1adbo_152", d = "_input_1adbo_159", f = "_output_1adbo_162", p = "_error_1adbo_165", m = "_info_1adbo_171", h = {
|
|
4
4
|
root: e,
|
|
5
5
|
titleBar: t,
|
|
6
6
|
dot: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`neutral`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{intent:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,className:n,isCollapsible:u=!0,defaultExpanded:d=!0,isThinking:f=!1})=>{let[p,m]=s.default.useState(d),h=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,f&&o.default.thinking,n),children:[u?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-controls":h,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,p&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":3,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:h,className:(0,c.default)(o.default.bodyWrapper,p&&o.default.open),"aria-hidden":!p,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;
|
|
@@ -19,12 +19,12 @@ var g = ({ children: n, status: i = "completed", label: d, isLast: f = !1, isStr
|
|
|
19
19
|
}) : i === "error" ? /* @__PURE__ */ m(r, {
|
|
20
20
|
component: e,
|
|
21
21
|
size: "xs"
|
|
22
|
-
}) : null, v = i === "completed" ? "success" : i === "error" ? "danger" : "
|
|
22
|
+
}) : null, v = i === "completed" ? "success" : i === "error" ? "danger" : "neutral";
|
|
23
23
|
return /* @__PURE__ */ h(s, {
|
|
24
24
|
className: p(u.item, u[i]),
|
|
25
25
|
"aria-busy": i === "pending" || void 0,
|
|
26
26
|
children: [/* @__PURE__ */ h(l, { children: [/* @__PURE__ */ m(c, {
|
|
27
|
-
|
|
27
|
+
intent: v,
|
|
28
28
|
children: _
|
|
29
29
|
}), !f && /* @__PURE__ */ m(a, { className: u.connector })] }), /* @__PURE__ */ h(o, {
|
|
30
30
|
className: u.content,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1qshp_4`,t=`_newButton_1qshp_19`,n=`_empty_1qshp_43`,r=`_list_1qshp_50`,i=`_item_1qshp_58`,a=`_deleteButton_1qshp_63`,o=`_thread_1qshp_66`,s=`_active_1qshp_86`,c=`_icon_1qshp_89`,l=`_body_1qshp_96`,u=`_titleRow_1qshp_103`,d=`_unread_1qshp_109`,f=`_title_1qshp_103`,p=`_timestamp_1qshp_125`,m=`_preview_1qshp_130`,h={root:e,newButton:t,empty:n,list:r,item:i,deleteButton:a,thread:o,active:s,icon:c,body:l,titleRow:u,unread:d,title:f,timestamp:p,preview:m};exports.active=s,exports.body=l,exports.default=h,exports.deleteButton=a,exports.empty=n,exports.icon=c,exports.item=i,exports.list=r,exports.newButton=t,exports.preview=m,exports.root=e,exports.thread=o,exports.timestamp=p,exports.title=f,exports.titleRow=u,exports.unread=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/ai/ThreadList/thread-list.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1qshp_4", t = "_newButton_1qshp_19", n = "_empty_1qshp_43", r = "_list_1qshp_50", i = "_item_1qshp_58", a = "_deleteButton_1qshp_63", o = "_thread_1qshp_66", s = "_active_1qshp_86", c = "_icon_1qshp_89", l = "_body_1qshp_96", u = "_titleRow_1qshp_103", d = "_unread_1qshp_109", f = "_title_1qshp_103", p = "_timestamp_1qshp_125", m = "_preview_1qshp_130", h = {
|
|
4
4
|
root: e,
|
|
5
5
|
newButton: t,
|
|
6
6
|
empty: n,
|
|
@@ -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("./gauge-chart.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("recharts");var c=({value:e,min:i=0,max:c=100,height:l=200,width:u=`100%`,title:d,label:f,color:p,animated:m=!1})=>{let h=Math.max(i,Math.min(c,e)),g=[{value:h-i},{value:c-h}],_=p||n.CHART_COLORS[0];return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-gauge-chart`,r.default.root
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./gauge-chart.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("recharts");var c=({value:e,min:i=0,max:c=100,height:l=200,width:u=`100%`,title:d,label:f,color:p,animated:m=!1})=>{let h=Math.max(i,Math.min(c,e)),g=[{value:h-i},{value:c-h}],_=p||n.CHART_COLORS[0];return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-gauge-chart`,r.default.root),style:{width:u},children:[d&&(0,o.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:d}),(0,o.jsxs)(`div`,{className:r.default.container,style:{height:l},children:[(0,o.jsx)(s.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,o.jsx)(s.PieChart,{children:(0,o.jsxs)(s.Pie,{data:g,cx:`50%`,cy:`80%`,startAngle:180,endAngle:0,innerRadius:`60%`,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,stroke:`none`,isAnimationActive:m,children:[(0,o.jsx)(s.Cell,{fill:_}),(0,o.jsx)(s.Cell,{fill:`var(--wim-color-surface-variant)`})]})})}),(0,o.jsx)(`div`,{className:r.default.gaugeLabel,children:f||e})]})]})};exports.GaugeChart=c;
|
|
@@ -10,7 +10,7 @@ import { Cell as o, Pie as s, PieChart as c, ResponsiveContainer as l } from "re
|
|
|
10
10
|
var u = ({ value: u, min: d = 0, max: f = 100, height: p = 200, width: m = "100%", title: h, label: g, color: _, animated: v = !1 }) => {
|
|
11
11
|
let y = Math.max(d, Math.min(f, u)), b = [{ value: y - d }, { value: f - y }], x = _ || t[0];
|
|
12
12
|
return /* @__PURE__ */ a("div", {
|
|
13
|
-
className: r("wim-gauge-chart", n.root
|
|
13
|
+
className: r("wim-gauge-chart", n.root),
|
|
14
14
|
style: { width: m },
|
|
15
15
|
children: [h && /* @__PURE__ */ i(e, {
|
|
16
16
|
tag: "h3",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_2kfer_3`,t=`_disabled_2kfer_13`,n=`_header_2kfer_16`,r=`_day_2kfer_17`,i=`_title_2kfer_26`,a=`_navBtn_2kfer_31`,o=`_grid_2kfer_52`,s=`_weekday_2kfer_60`,c=`_sunday_2kfer_70`,l=`_saturday_2kfer_73`,u=`_selected_2kfer_94`,d=`_otherMonth_2kfer_103`,f=`_today_2kfer_106`,p=`_inRange_2kfer_119`,m=`_rangeStart_2kfer_126`,h=`_rangeEnd_2kfer_130`,g={root:e,disabled:t,header:n,day:r,title:i,navBtn:a,grid:o,weekday:s,sunday:c,saturday:l,selected:u,otherMonth:d,today:f,inRange:p,rangeStart:m,rangeEnd:h};exports.day=r,exports.default=g,exports.disabled=t,exports.grid=o,exports.header=n,exports.inRange=p,exports.navBtn=a,exports.otherMonth=d,exports.rangeEnd=h,exports.rangeStart=m,exports.root=e,exports.saturday=l,exports.selected=u,exports.sunday=c,exports.title=i,exports.today=f,exports.weekday=s;
|
|
@@ -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_2kfer_3", t = "_disabled_2kfer_13", n = "_header_2kfer_16", r = "_day_2kfer_17", i = "_title_2kfer_26", a = "_navBtn_2kfer_31", o = "_grid_2kfer_52", s = "_weekday_2kfer_60", c = "_sunday_2kfer_70", l = "_saturday_2kfer_73", u = "_selected_2kfer_94", d = "_otherMonth_2kfer_103", f = "_today_2kfer_106", p = "_inRange_2kfer_119", m = "_rangeStart_2kfer_126", h = "_rangeEnd_2kfer_130", 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_2re21_3`,t=`_viewport_2re21_12`,n=`_track_2re21_16`,r=`_transition_2re21_20`,i=`_item_2re21_23`,a=`_hasAspectRatio_2re21_28`,o=`_control_2re21_42`,s=`_prev_2re21_66`,c=`_next_2re21_69`,l=`_indicators_2re21_73`,u=`_indicator_2re21_73`,d=`_active_2re21_96`,f={root:e,viewport:t,track:n,transition:r,item:i,hasAspectRatio:a,control:o,prev:s,next:c,indicators:l,indicator:u,active:d};exports.active=d,exports.control=o,exports.default=f,exports.hasAspectRatio=a,exports.indicator=u,exports.indicators=l,exports.item=i,exports.next=c,exports.prev=s,exports.root=e,exports.track=n,exports.transition=r,exports.viewport=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Carousel/carousel.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_2re21_3", t = "_viewport_2re21_12", n = "_track_2re21_16", r = "_transition_2re21_20", i = "_item_2re21_23", a = "_hasAspectRatio_2re21_28", o = "_control_2re21_42", s = "_prev_2re21_66", c = "_next_2re21_69", l = "_indicators_2re21_73", u = "_indicator_2re21_73", d = "_active_2re21_96", f = {
|
|
4
4
|
root: e,
|
|
5
5
|
viewport: t,
|
|
6
6
|
track: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_9hoo8_3`,t=`_md_9hoo8_20`,n=`_avatar_9hoo8_25`,r=`_sm_9hoo8_30`,i=`_lg_9hoo8_40`,a=`_clickable_9hoo8_50`,o=`_primary_9hoo8_61`,s=`_solid_9hoo8_61`,c=`_outline_9hoo8_67`,l=`_subtle_9hoo8_72`,u=`_success_9hoo8_78`,d=`_warning_9hoo8_95`,f=`_danger_9hoo8_112`,p=`_info_9hoo8_129`,m=`_neutral_9hoo8_146`,h=`_selected_9hoo8_163`,g=`_disabled_9hoo8_166`,_=`_label_9hoo8_190`,v=`_icon_9hoo8_195`,y={root:e,md:t,avatar:n,sm:r,lg:i,clickable:a,primary:o,solid:s,outline:c,subtle:l,success:u,warning:d,danger:f,info:p,neutral:m,selected:h,disabled:g,delete:`_delete_9hoo8_174`,label:_,icon:v};exports.avatar=n,exports.clickable=a,exports.danger=f,exports.default=y,exports.disabled=g,exports.icon=v,exports.info=p,exports.label=_,exports.lg=i,exports.md=t,exports.neutral=m,exports.outline=c,exports.primary=o,exports.root=e,exports.selected=h,exports.sm=r,exports.solid=s,exports.subtle=l,exports.success=u,exports.warning=d;
|
|
@@ -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_9hoo8_3", t = "_md_9hoo8_20", n = "_avatar_9hoo8_25", r = "_sm_9hoo8_30", i = "_lg_9hoo8_40", a = "_clickable_9hoo8_50", o = "_primary_9hoo8_61", s = "_solid_9hoo8_61", c = "_outline_9hoo8_67", l = "_subtle_9hoo8_72", u = "_success_9hoo8_78", d = "_warning_9hoo8_95", f = "_danger_9hoo8_112", p = "_info_9hoo8_129", m = "_neutral_9hoo8_146", h = "_selected_9hoo8_163", g = "_disabled_9hoo8_166", _ = "_label_9hoo8_190", v = "_icon_9hoo8_195", y = {
|
|
4
4
|
root: e,
|
|
5
5
|
md: t,
|
|
6
6
|
avatar: n,
|
|
@@ -18,7 +18,7 @@ var e = "_root_rvx31_2", t = "_md_rvx31_19", n = "_avatar_rvx31_24", r = "_sm_rv
|
|
|
18
18
|
neutral: m,
|
|
19
19
|
selected: h,
|
|
20
20
|
disabled: g,
|
|
21
|
-
delete: "
|
|
21
|
+
delete: "_delete_9hoo8_174",
|
|
22
22
|
label: _,
|
|
23
23
|
icon: v
|
|
24
24
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/StatusContent.cjs")
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/StatusContent.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");var a=({title:e,description:n,icon:a,extra:o,className:s,...c})=>(0,i.jsx)(t.StatusContent,{title:e,description:n,icon:a,actions:o,className:(0,r.default)(`wim-empty-state`,s),...c});exports.EmptyState=a;
|
|
@@ -8,11 +8,9 @@ type EmptyStateProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
|
8
8
|
icon?: React.ReactNode;
|
|
9
9
|
/** Element shown as an action (e.g. a button). */
|
|
10
10
|
extra?: React.ReactNode;
|
|
11
|
-
/** Design variant. */
|
|
12
|
-
variant?: "default" | "simple";
|
|
13
11
|
};
|
|
14
12
|
/**
|
|
15
13
|
* Placeholder component shown when there is no data or no search results.
|
|
16
14
|
*/
|
|
17
|
-
export declare const EmptyState: ({ title, description, icon, extra,
|
|
15
|
+
export declare const EmptyState: ({ title, description, icon, extra, className, ...props }: EmptyStateProps) => React.JSX.Element;
|
|
18
16
|
export {};
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { StatusContent as e } from "../../_internal/StatusContent.js";
|
|
3
|
-
import t from "./empty-state.module.js";
|
|
4
3
|
import "react";
|
|
5
|
-
import
|
|
6
|
-
import { jsx as
|
|
4
|
+
import t from "classnames";
|
|
5
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
7
6
|
//#region src/components/data-display/EmptyState/EmptyState.tsx
|
|
8
|
-
var
|
|
9
|
-
title:
|
|
10
|
-
description:
|
|
11
|
-
icon:
|
|
12
|
-
actions:
|
|
13
|
-
className:
|
|
14
|
-
...
|
|
7
|
+
var r = ({ title: r, description: i, icon: a, extra: o, className: s, ...c }) => /* @__PURE__ */ n(e, {
|
|
8
|
+
title: r,
|
|
9
|
+
description: i,
|
|
10
|
+
icon: a,
|
|
11
|
+
actions: o,
|
|
12
|
+
className: t("wim-empty-state", s),
|
|
13
|
+
...c
|
|
15
14
|
});
|
|
16
15
|
//#endregion
|
|
17
|
-
export {
|
|
16
|
+
export { r as EmptyState };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Text/Text.cjs"),n=require("../Accordion/Accordion.cjs"),r=require("../../typography/Title/Title.cjs"),i=require("./faq-section.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({items:e,title:a,description:c,layout:l=`top`,accordionProps:u,className:d})=>{let f=!!(a||c);return(0,s.jsxs)(`section`,{className:(0,o.default)(`wim-faq-section`,i.default.root,i.default[`layout-${l}`],d),children:[f&&(0,s.jsxs)(`div`,{className:i.default.header,children:[a&&(0,s.jsx)(r.Title,{tag:`h2`,size:`xl`,className:i.default.title,children:a}),c&&(0,s.jsx)(t.Text,{content:c,color:`text-secondary`,className:i.default.description})]}),(0,s.jsx)(`div`,{className:i.default.content,children:(0,s.jsx)(n.Accordion,{type:`multiple`,collapsible:!0,...u,className:
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Text/Text.cjs"),n=require("../Accordion/Accordion.cjs"),r=require("../../typography/Title/Title.cjs"),i=require("./faq-section.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({items:e,title:a,description:c,layout:l=`top`,accordionProps:u,className:d})=>{let f=!!(a||c);return(0,s.jsxs)(`section`,{className:(0,o.default)(`wim-faq-section`,i.default.root,i.default[`layout-${l}`],d),children:[f&&(0,s.jsxs)(`div`,{className:i.default.header,children:[a&&(0,s.jsx)(r.Title,{tag:`h2`,size:`xl`,className:i.default.title,children:a}),c&&(0,s.jsx)(t.Text,{content:c,color:`text-secondary`,className:i.default.description})]}),(0,s.jsx)(`div`,{className:i.default.content,children:(0,s.jsx)(n.Accordion,{type:`multiple`,collapsible:!0,...u,className:u?.className,children:e.map((e,t)=>(0,s.jsxs)(n.Accordion.Item,{value:`faq-item-${t}`,children:[(0,s.jsx)(n.Accordion.Trigger,{children:e.question}),(0,s.jsx)(n.Accordion.Content,{children:e.answer})]},t))})})]})};exports.FAQSection=c;
|
|
@@ -29,7 +29,7 @@ var s = ({ items: s, title: c, description: l, layout: u = "top", accordionProps
|
|
|
29
29
|
type: "multiple",
|
|
30
30
|
collapsible: !0,
|
|
31
31
|
...d,
|
|
32
|
-
className:
|
|
32
|
+
className: d?.className,
|
|
33
33
|
children: s.map((e, n) => /* @__PURE__ */ o(t.Item, {
|
|
34
34
|
value: `faq-item-${n}`,
|
|
35
35
|
children: [/* @__PURE__ */ a(t.Trigger, { children: e.question }), /* @__PURE__ */ a(t.Content, { children: e.answer })]
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_ikm3p_29`,t=`_toolbar_ikm3p_43`,n=`_title_ikm3p_51`,r=`_tree_ikm3p_58`,i=`_node_ikm3p_63`,a=`_actions_ikm3p_69`,o=`_headerRow_ikm3p_69`,s=`_header_ikm3p_69`,c=`_collapsible_ikm3p_87`,l=`_toggle_ikm3p_90`,u=`_nodeAction_ikm3p_101`,d=`_input_ikm3p_124`,f=`_keyInput_ikm3p_135`,p=`_children_ikm3p_142`,m=`_footer_ikm3p_146`,h=`_key_ikm3p_135`,g=`_value_ikm3p_153`,_=`_string_ikm3p_153`,v=`_number_ikm3p_156`,y=`_boolean_ikm3p_159`,b=`_editable_ikm3p_166`,x=`_bracket_ikm3p_183`,S=`_count_ikm3p_187`,C=`_ellipsis_ikm3p_192`,w={root:e,toolbar:t,title:n,tree:r,node:i,actions:a,headerRow:o,header:s,collapsible:c,toggle:l,nodeAction:u,delete:`_delete_ikm3p_120`,input:d,keyInput:f,children:p,footer:m,key:h,value:g,string:_,number:v,boolean:y,null:`_null_ikm3p_162`,editable:b,bracket:x,count:S,ellipsis:C};exports.actions=a,exports.boolean=y,exports.bracket=x,exports.children=p,exports.collapsible=c,exports.count=S,exports.default=w,exports.editable=b,exports.ellipsis=C,exports.footer=m,exports.header=s,exports.headerRow=o,exports.input=d,exports.key=h,exports.keyInput=f,exports.node=i,exports.nodeAction=u,exports.number=v,exports.root=e,exports.string=_,exports.title=n,exports.toggle=l,exports.toolbar=t,exports.tree=r,exports.value=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/JsonViewer/json-viewer.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_ikm3p_29", t = "_toolbar_ikm3p_43", n = "_title_ikm3p_51", r = "_tree_ikm3p_58", i = "_node_ikm3p_63", a = "_actions_ikm3p_69", o = "_headerRow_ikm3p_69", s = "_header_ikm3p_69", c = "_collapsible_ikm3p_87", l = "_toggle_ikm3p_90", u = "_nodeAction_ikm3p_101", d = "_input_ikm3p_124", f = "_keyInput_ikm3p_135", p = "_children_ikm3p_142", m = "_footer_ikm3p_146", h = "_key_ikm3p_135", g = "_value_ikm3p_153", _ = "_string_ikm3p_153", v = "_number_ikm3p_156", y = "_boolean_ikm3p_159", b = "_editable_ikm3p_166", x = "_bracket_ikm3p_183", S = "_count_ikm3p_187", C = "_ellipsis_ikm3p_192", w = {
|
|
4
4
|
root: e,
|
|
5
5
|
toolbar: t,
|
|
6
6
|
title: n,
|
|
@@ -12,7 +12,7 @@ var e = "_root_19osr_29", t = "_toolbar_19osr_43", n = "_title_19osr_51", r = "_
|
|
|
12
12
|
collapsible: c,
|
|
13
13
|
toggle: l,
|
|
14
14
|
nodeAction: u,
|
|
15
|
-
delete: "
|
|
15
|
+
delete: "_delete_ikm3p_120",
|
|
16
16
|
input: d,
|
|
17
17
|
keyInput: f,
|
|
18
18
|
children: p,
|
|
@@ -22,10 +22,11 @@ var e = "_root_19osr_29", t = "_toolbar_19osr_43", n = "_title_19osr_51", r = "_
|
|
|
22
22
|
string: _,
|
|
23
23
|
number: v,
|
|
24
24
|
boolean: y,
|
|
25
|
-
null: "
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
null: "_null_ikm3p_162",
|
|
26
|
+
editable: b,
|
|
27
|
+
bracket: x,
|
|
28
|
+
count: S,
|
|
29
|
+
ellipsis: C
|
|
29
30
|
};
|
|
30
31
|
//#endregion
|
|
31
|
-
export { a as actions, y as boolean,
|
|
32
|
+
export { a as actions, y as boolean, x as bracket, p as children, c as collapsible, S as count, w as default, b as editable, C as ellipsis, m as footer, s as header, o as headerRow, d as input, h as key, f as keyInput, i as node, u as nodeAction, v as number, e as root, _ as string, n as title, l as toggle, t as toolbar, r as tree, g as value };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/more-horizontal.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./kanban.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=(0,o.forwardRef)(({columns:e,onMove:r,onCardMove:i,className:l,forceMobileUI:d=!1,children:f,asChild:m=!1,...g},_)=>{let{t:v}=n.useWimTranslation(`common`),[y,b]=(0,o.useState)(null),[x,S]=(0,o.useState)(null),[C,w]=(0,o.useState)(null),T=r||i,E=(e,t,n)=>{b({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},D=(e,t)=>{e.preventDefault(),S(t)},O=(e,t)=>{e.preventDefault(),S(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);T?.(r,n,t),b(null)},k=(e,t,n)=>{T?.(e,t,n),w(null)},A=o.default.useMemo(()=>{if(e)return e;let t=[];return o.default.Children.forEach(f,e=>{if(o.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[f,e]),j=()=>f||(e?e.map(e=>(0,c.jsx)(h,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,c.jsx)(p,{id:e.id,children:e.content},e.id))},e.id)):null),M=m?t.Root:`div`;return(0,c.jsx)(u.Provider,{value:{draggedItem:y,dragOverColumn:x,setDragOverColumn:S,handleDragStart:E,handleDragOver:D,handleDrop:O,handleMobileMove:k,activeMobileMenu:C,setActiveMobileMenu:w,columns:A},children:(0,c.jsx)(M,{...g,ref:_,className:(0,s.default)(`wim-kanban`,a.default.root,d&&a.default.touch,l),role:`region`,"aria-label":v(`a11y.kanban_board`),children:(0,c.jsx)(t.Slottable,{children:j()})})})}),u=o.default.createContext(null),d=()=>{let e=o.default.useContext(u);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},f=({id:e,title:t,cardCount:n,children:r,className:i})=>{let{dragOverColumn:o,handleDragOver:l,handleDrop:u,setDragOverColumn:f}=d();return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.column,{[a.default.dragOver]:o===e},i),onDragOver:t=>l(t,e),onDrop:t=>u(t,e),onDragLeave:()=>f(null),children:[(0,c.jsxs)(`div`,{className:a.default.columnHeader,children:[(0,c.jsx)(`div`,{className:a.default.columnTitle,children:t}),n!==void 0&&(0,c.jsx)(`div`,{className:a.default.columnCount,"aria-label":`${n} cards`,children:n})]}),(0,c.jsx)(`div`,{className:a.default.columnBody,children:r})]})},p=({id:e,children:t,disabled:l,className:u})=>{let{t:f}=n.useWimTranslation(`common`),{draggedItem:p,handleDragStart:h,handleMobileMove:g,activeMobileMenu:_,setActiveMobileMenu:v,columns:y}=d(),b=o.default.useContext(m);return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.card,{[a.default.dragging]:p?.itemId===e,[a.default.disabled]:l},u),draggable:!l,onDragStart:t=>b&&h(t,e,b),children:[(0,c.jsx)(`div`,{className:a.default.cardContent,children:t}),(0,c.jsxs)(`div`,{className:a.default.cardMove,children:[(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveBtn,onClick:()=>v(_===e?null:e),"aria-label":f(`a11y.move_card`),disabled:l,children:(0,c.jsx)(i.Icon,{component:r.default,size:`sm`})}),_===e&&(0,c.jsx)(`div`,{className:a.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:y.filter(e=>e.id!==b).map(t=>(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveOption,onClick:()=>b&&g(e,b,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},m=o.default.createContext(null),h=e=>(0,c.jsx)(m.Provider,{value:e.id,children:(0,c.jsx)(f,{...e})}),g=l;g.Column=h,g.Card=p,l.displayName=`Kanban`,g.displayName=`KanbanBoard`,f.displayName=`KanbanColumn`,p.displayName=`KanbanCard`,h.displayName=`KanbanColumnWrapper`,exports.Kanban=l,exports.KanbanBoard=g,exports.default=g,exports.KanbanCard=p,exports.KanbanColumn=f;
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/more-horizontal.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./kanban.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=(0,o.forwardRef)(({columns:e,onMove:r,onCardMove:i,className:l,forceMobileUI:d=!1,children:f,asChild:m=!1,...g},_)=>{let{t:v}=n.useWimTranslation(`common`),[y,b]=(0,o.useState)(null),[x,S]=(0,o.useState)(null),[C,w]=(0,o.useState)(null),T=r||i,E=(e,t,n)=>{b({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},D=(e,t)=>{e.preventDefault(),S(t)},O=(e,t)=>{e.preventDefault(),S(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);T?.(r,n,t),b(null)},k=(e,t,n)=>{T?.(e,t,n),w(null)},A=o.default.useMemo(()=>{if(e)return e;let t=[];return o.default.Children.forEach(f,e=>{if(o.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[f,e]),j=()=>f||(e?e.map(e=>(0,c.jsx)(h,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,c.jsx)(p,{id:e.id,children:e.content},e.id))},e.id)):null),M=m?t.Root:`div`;return(0,c.jsx)(u.Provider,{value:{draggedItem:y,dragOverColumn:x,setDragOverColumn:S,handleDragStart:E,handleDragOver:D,handleDrop:O,handleMobileMove:k,activeMobileMenu:C,setActiveMobileMenu:w,columns:A},children:(0,c.jsx)(M,{...g,ref:_,className:(0,s.default)(`wim-kanban`,a.default.root,d&&a.default.touch,l),role:`region`,"aria-label":v(`a11y.kanban_board`),tabIndex:0,children:(0,c.jsx)(t.Slottable,{children:j()})})})}),u=o.default.createContext(null),d=()=>{let e=o.default.useContext(u);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},f=({id:e,title:t,cardCount:n,children:r,className:i})=>{let{dragOverColumn:o,handleDragOver:l,handleDrop:u,setDragOverColumn:f}=d();return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.column,{[a.default.dragOver]:o===e},i),onDragOver:t=>l(t,e),onDrop:t=>u(t,e),onDragLeave:()=>f(null),children:[(0,c.jsxs)(`div`,{className:a.default.columnHeader,children:[(0,c.jsx)(`div`,{className:a.default.columnTitle,children:t}),n!==void 0&&(0,c.jsx)(`div`,{className:a.default.columnCount,"aria-label":`${n} cards`,children:n})]}),(0,c.jsx)(`div`,{className:a.default.columnBody,children:r})]})},p=({id:e,children:t,disabled:l,className:u})=>{let{t:f}=n.useWimTranslation(`common`),{draggedItem:p,handleDragStart:h,handleMobileMove:g,activeMobileMenu:_,setActiveMobileMenu:v,columns:y}=d(),b=o.default.useContext(m);return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.card,{[a.default.dragging]:p?.itemId===e,[a.default.disabled]:l},u),draggable:!l,onDragStart:t=>b&&h(t,e,b),children:[(0,c.jsx)(`div`,{className:a.default.cardContent,children:t}),(0,c.jsxs)(`div`,{className:a.default.cardMove,children:[(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveBtn,onClick:()=>v(_===e?null:e),"aria-label":f(`a11y.move_card`),disabled:l,children:(0,c.jsx)(i.Icon,{component:r.default,size:`sm`})}),_===e&&(0,c.jsx)(`div`,{className:a.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:y.filter(e=>e.id!==b).map(t=>(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveOption,onClick:()=>b&&g(e,b,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},m=o.default.createContext(null),h=e=>(0,c.jsx)(m.Provider,{value:e.id,children:(0,c.jsx)(f,{...e})}),g=l;g.Column=h,g.Card=p,l.displayName=`Kanban`,g.displayName=`KanbanBoard`,f.displayName=`KanbanColumn`,p.displayName=`KanbanCard`,h.displayName=`KanbanColumnWrapper`,exports.Kanban=l,exports.KanbanBoard=g,exports.default=g,exports.KanbanCard=p,exports.KanbanColumn=f;
|
|
@@ -63,6 +63,7 @@ var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI:
|
|
|
63
63
|
className: l("wim-kanban", a.root, f && a.touch, d),
|
|
64
64
|
role: "region",
|
|
65
65
|
"aria-label": b("a11y.kanban_board"),
|
|
66
|
+
tabIndex: 0,
|
|
66
67
|
children: /* @__PURE__ */ u(t, { children: N() })
|
|
67
68
|
})
|
|
68
69
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_kyz6n_4`,t=`_sm_kyz6n_9`,n=`_item_kyz6n_9`,r=`_md_kyz6n_14`,i=`_lg_kyz6n_17`,a=`_active_kyz6n_49`,o=`_icon_kyz6n_61`,s=`_count_kyz6n_70`,c=`_addButton_kyz6n_74`,l=`_addIcon_kyz6n_80`,u={root:e,sm:t,item:n,md:r,lg:i,active:a,icon:o,count:s,addButton:c,addIcon:l};exports.active=a,exports.addButton=c,exports.addIcon=l,exports.count=s,exports.default=u,exports.icon=o,exports.item=n,exports.lg=i,exports.md=r,exports.root=e,exports.sm=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Reaction/reaction.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_kyz6n_4", t = "_sm_kyz6n_9", n = "_item_kyz6n_9", r = "_md_kyz6n_14", i = "_lg_kyz6n_17", a = "_active_kyz6n_49", o = "_icon_kyz6n_61", s = "_count_kyz6n_70", c = "_addButton_kyz6n_74", l = "_addIcon_kyz6n_80", u = {
|
|
4
4
|
root: e,
|
|
5
5
|
sm: t,
|
|
6
6
|
item: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_18jpe_2`,t={root:e};exports.default=t,exports.root=e;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/arrow-down.cjs"),n=require("../../../icon/arrow-right.cjs"),r=require("../../../icon/arrow-up.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../Card/Card.cjs"),o=require("./stats.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={up:r.default,down:t.default,neutral:n.default},d=({variant:e=`elevated`,className:t,children:n,...r})=>(0,l.jsx)(a.Card,{variant:e,className:(0,c.default)(`wim-stats`,o.default.root,t),padding:`none`,...r,children:(0,l.jsx)(`div`,{className:o.default.inner,children:n})}),f=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.label,e),...n,children:t}),p=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,e),...n,children:t}),m=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.description,e),...n,children:t}),h=({direction:e=`up`,className:t,children:n,...r})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.trend,o.default[e],t),...r,children:[(0,l.jsx)(`span`,{
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/arrow-down.cjs"),n=require("../../../icon/arrow-right.cjs"),r=require("../../../icon/arrow-up.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../Card/Card.cjs"),o=require("./stats.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={up:r.default,down:t.default,neutral:n.default},d=({variant:e=`elevated`,className:t,children:n,...r})=>(0,l.jsx)(a.Card,{variant:e,className:(0,c.default)(`wim-stats`,o.default.root,t),padding:`none`,...r,children:(0,l.jsx)(`div`,{className:o.default.inner,children:n})}),f=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.label,e),...n,children:t}),p=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,e),...n,children:t}),m=({className:e,children:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.description,e),...n,children:t}),h=({direction:e=`up`,className:t,children:n,...r})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.trend,o.default[e],t),...r,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,children:(0,l.jsx)(i.Icon,{component:u[e],size:`sm`})}),(0,l.jsx)(`span`,{children:n})]});d.displayName=`Stats`,f.displayName=`Stats.Label`,p.displayName=`Stats.Value`,m.displayName=`Stats.Description`,h.displayName=`Stats.Trend`,d.Label=f,d.Value=p,d.Description=m,d.Trend=h,exports.Stats=d,exports.default=d,exports.StatsDescription=m,exports.StatsLabel=f,exports.StatsTrend=h,exports.StatsValue=p;
|
|
@@ -38,16 +38,12 @@ var l = {
|
|
|
38
38
|
className: o(a.trend, a[e], t),
|
|
39
39
|
...i,
|
|
40
40
|
children: [/* @__PURE__ */ s("span", {
|
|
41
|
-
className: a.trendIcon,
|
|
42
41
|
"aria-hidden": "true",
|
|
43
42
|
children: /* @__PURE__ */ s(r, {
|
|
44
43
|
component: l[e],
|
|
45
44
|
size: "sm"
|
|
46
45
|
})
|
|
47
|
-
}), /* @__PURE__ */ s("span", {
|
|
48
|
-
className: a.trendValue,
|
|
49
|
-
children: n
|
|
50
|
-
})]
|
|
46
|
+
}), /* @__PURE__ */ s("span", { children: n })]
|
|
51
47
|
});
|
|
52
48
|
u.displayName = "Stats", d.displayName = "Stats.Label", f.displayName = "Stats.Value", p.displayName = "Stats.Description", m.displayName = "Stats.Trend", u.Label = d, u.Value = f, u.Description = p, u.Trend = m;
|
|
53
49
|
//#endregion
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1jf97_3`,t=`_md_1jf97_15`,n=`_sm_1jf97_19`,r=`_lg_1jf97_23`,i=`_primary_1jf97_27`,a=`_solid_1jf97_27`,o=`_outline_1jf97_33`,s=`_subtle_1jf97_38`,c=`_success_1jf97_44`,l=`_warning_1jf97_61`,u=`_danger_1jf97_78`,d=`_info_1jf97_95`,f=`_neutral_1jf97_112`,p=`_disabled_1jf97_129`,m=`_closeButton_1jf97_137`,h=`_interactive_1jf97_140`,g=`_icon_1jf97_152`,_={root:e,md:t,sm:n,lg:r,primary:i,solid:a,outline:o,subtle:s,success:c,warning:l,danger:u,info:d,neutral:f,disabled:p,closeButton:m,interactive:h,icon:g};exports.closeButton=m,exports.danger=u,exports.default=_,exports.disabled=p,exports.icon=g,exports.info=d,exports.interactive=h,exports.lg=r,exports.md=t,exports.neutral=f,exports.outline=o,exports.primary=i,exports.root=e,exports.sm=n,exports.solid=a,exports.subtle=s,exports.success=c,exports.warning=l;
|