wimui 0.18.0 → 0.20.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/Button/button.module.cjs +1 -1
- package/dist/components/form/Button/button.module.js +2 -2
- package/dist/components/form/Checkbox/checkbox.module.cjs +1 -1
- package/dist/components/form/Checkbox/checkbox.module.js +1 -1
- package/dist/components/form/ColorInput/ColorInput.cjs +1 -1
- package/dist/components/form/ColorInput/ColorInput.d.ts +9 -1
- package/dist/components/form/ColorInput/ColorInput.js +36 -46
- package/dist/components/form/ColorInput/color-input.module.cjs +1 -1
- package/dist/components/form/ColorInput/color-input.module.js +4 -7
- 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/DateRangePicker/DateRangePicker.cjs +1 -1
- package/dist/components/form/DateRangePicker/DateRangePicker.js +36 -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/MultiSelect/MultiSelect.cjs +1 -1
- package/dist/components/form/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.cjs +1 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.d.ts +124 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.js +87 -84
- package/dist/components/form/QueryBuilder/querybuilder.module.cjs +1 -1
- package/dist/components/form/QueryBuilder/querybuilder.module.js +1 -1
- package/dist/components/form/QueryBuilder/warn-unknown-operator.cjs +2 -0
- package/dist/components/form/QueryBuilder/warn-unknown-operator.d.ts +3 -0
- package/dist/components/form/QueryBuilder/warn-unknown-operator.js +4 -0
- 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/SmartSearchInput/SmartSearchInput.cjs +1 -1
- package/dist/components/form/SmartSearchInput/SmartSearchInput.js +4 -0
- package/dist/components/form/SmartSearchInput/smart-search-input.module.cjs +1 -1
- package/dist/components/form/SmartSearchInput/smart-search-input.module.js +5 -3
- package/dist/components/form/Switch/switch.module.cjs +1 -1
- package/dist/components/form/Switch/switch.module.js +1 -1
- package/dist/components/form/TagInput/TagInput.cjs +1 -1
- package/dist/components/form/TagInput/TagInput.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/i18n/generated/keys.d.ts +1 -1
- package/dist/i18n/generated/resources.cjs +1 -1
- package/dist/i18n/generated/resources.js +18 -3
- 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/locales/en/components.json +19 -2
- package/dist/locales/ja/components.json +19 -2
- package/dist/locales/pt/components.json +19 -2
- package/dist/overlay.cjs +1 -1
- package/dist/overlay.js +11 -11
- package/dist/reset.css +1 -1
- package/dist/styles.css +2 -2
- package/dist/types/generated-tokens.d.ts +1 -1
- 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 +12 -7
- 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,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/FloatButton/float-button.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1xsib_3", t = "_iconBacktop_1xsib_18", n = "_icon_1xsib_18", r = "_inner_1xsib_21", i = "_labelWrapper_1xsib_30", a = "_label_1xsib_30", o = "_lg_1xsib_46", s = "_md_1xsib_52", c = "_sm_1xsib_58", l = "_extended_1xsib_67", u = "_shrink_1xsib_84", d = "_circle_1xsib_98", f = "_square_1xsib_101", p = "_danger_1xsib_117", m = "_success_1xsib_126", h = "_outline_1xsib_135", g = "_glass_1xsib_145", _ = "_bottomRight_1xsib_156", v = "_bottomLeft_1xsib_161", y = "_bottomCenter_1xsib_166", b = "_topRight_1xsib_178", x = "_topLeft_1xsib_183", S = "_inline_1xsib_192", C = "_badge_1xsib_195", w = "_dot_1xsib_213", T = "_description_1xsib_223", E = {
|
|
4
4
|
root: e,
|
|
5
5
|
iconBacktop: t,
|
|
6
6
|
icon: n,
|
|
@@ -14,22 +14,20 @@ var e = "_root_1vfl7_3", t = "_iconBacktop_1vfl7_15", n = "_icon_1vfl7_15", r =
|
|
|
14
14
|
shrink: u,
|
|
15
15
|
circle: d,
|
|
16
16
|
square: f,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
dot: T,
|
|
32
|
-
description: E
|
|
17
|
+
default: "_default_1xsib_106",
|
|
18
|
+
danger: p,
|
|
19
|
+
success: m,
|
|
20
|
+
outline: h,
|
|
21
|
+
glass: g,
|
|
22
|
+
bottomRight: _,
|
|
23
|
+
bottomLeft: v,
|
|
24
|
+
bottomCenter: y,
|
|
25
|
+
topRight: b,
|
|
26
|
+
topLeft: x,
|
|
27
|
+
inline: S,
|
|
28
|
+
badge: C,
|
|
29
|
+
dot: w,
|
|
30
|
+
description: T
|
|
33
31
|
};
|
|
34
32
|
//#endregion
|
|
35
|
-
export {
|
|
33
|
+
export { C as badge, y as bottomCenter, v as bottomLeft, _ as bottomRight, d as circle, p as danger, E as default, T as description, w as dot, l as extended, g as glass, n as icon, t as iconBacktop, S as inline, r as inner, a as label, i as labelWrapper, o as lg, s as md, h as outline, e as root, u as shrink, c as sm, f as square, m as success, x as topLeft, b as topRight };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_n0ajw_16`,t=`_ghost_n0ajw_61`,n=`_disabled_n0ajw_65`,r=`_icon_n0ajw_74`,i=`_iconItem_n0ajw_74`,a=`_danger_n0ajw_7`,o=`_warning_n0ajw_90`,s=`_success_n0ajw_93`,c=`_hasLeftIcon_n0ajw_112`,l=`_hasRightIcon_n0ajw_115`,u=`_hasMultipleRightIcons_n0ajw_118`,d=`_widthXs_n0ajw_121`,f=`_widthSm_n0ajw_124`,p=`_widthMd_n0ajw_127`,m=`_widthLg_n0ajw_130`,h=`_widthXl_n0ajw_133`,g=`_hasCustomWidth_n0ajw_136`,_=`_fullWidth_n0ajw_141`,v=`_clickable_n0ajw_163`,y=`_left_n0ajw_166`,b=`_suffix_n0ajw_169`,x=`_suffixClearsIcons_n0ajw_177`,S=`_icons_n0ajw_180`,C=`_right_n0ajw_195`,w=`_rotated_n0ajw_207`,T=`_iconButton_n0ajw_210`,E=`_inner_n0ajw_232`,D={root:e,ghost:t,disabled:n,icon:r,iconItem:i,danger:a,warning:o,success:s,hasLeftIcon:c,hasRightIcon:l,hasMultipleRightIcons:u,widthXs:d,widthSm:f,widthMd:p,widthLg:m,widthXl:h,hasCustomWidth:g,fullWidth:_,clickable:v,left:y,suffix:b,suffixClearsIcons:x,icons:S,right:C,rotated:w,iconButton:T,inner:E};exports.clickable=v,exports.danger=a,exports.default=D,exports.disabled=n,exports.fullWidth=_,exports.ghost=t,exports.hasCustomWidth=g,exports.hasLeftIcon=c,exports.hasMultipleRightIcons=u,exports.hasRightIcon=l,exports.icon=r,exports.iconButton=T,exports.iconItem=i,exports.icons=S,exports.inner=E,exports.left=y,exports.right=C,exports.root=e,exports.rotated=w,exports.success=s,exports.suffix=b,exports.suffixClearsIcons=x,exports.warning=o,exports.widthLg=m,exports.widthMd=p,exports.widthSm=f,exports.widthXl=h,exports.widthXs=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/InputBase/input-base.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_n0ajw_16", t = "_ghost_n0ajw_61", n = "_disabled_n0ajw_65", r = "_icon_n0ajw_74", i = "_iconItem_n0ajw_74", a = "_danger_n0ajw_7", o = "_warning_n0ajw_90", s = "_success_n0ajw_93", c = "_hasLeftIcon_n0ajw_112", l = "_hasRightIcon_n0ajw_115", u = "_hasMultipleRightIcons_n0ajw_118", d = "_widthXs_n0ajw_121", f = "_widthSm_n0ajw_124", p = "_widthMd_n0ajw_127", m = "_widthLg_n0ajw_130", h = "_widthXl_n0ajw_133", g = "_hasCustomWidth_n0ajw_136", _ = "_fullWidth_n0ajw_141", v = "_clickable_n0ajw_163", y = "_left_n0ajw_166", b = "_suffix_n0ajw_169", x = "_suffixClearsIcons_n0ajw_177", S = "_icons_n0ajw_180", C = "_right_n0ajw_195", w = "_rotated_n0ajw_207", T = "_iconButton_n0ajw_210", E = "_inner_n0ajw_232", D = {
|
|
4
4
|
root: e,
|
|
5
5
|
ghost: t,
|
|
6
6
|
disabled: n,
|
|
@@ -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("../../_internal/BaseListItem/BaseListItem.cjs"),r=require("../../_internal/mergeRefs.cjs"),i=require("../Textarea/Textarea.cjs"),a=require("./mentions.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({options:e,trigger:c=`@`,value:l,defaultValue:u,onChange:d,onSelect:f,asChild:p=!1,children:m,intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee,...k},A)=>{let j=(0,o.useId)(),M=k.id||`wim-mentions-${j}`,[N,P]=(0,o.useState)(u||``),F=l!==void 0,I=F?l:N,[L,R]=(0,o.useState)(!1),[z,B]=(0,o.useState)(``),[V,H]=(0,o.useState)(0),[U,W]=(0,o.useState)(-1),[G,K]=(0,o.useState)(0),q=(0,o.useRef)(null),J=(0,o.useRef)(null),Y=r.mergeRefs(J,A),X=e.filter(e=>e.display.toLowerCase().includes(z.toLowerCase())),Z=e=>{let t=e.target.value,n=e.target.selectionStart;H(n),F||P(t),d&&d(e);let r=t.slice(0,n),i=r.lastIndexOf(c);if(i!==-1){let e=r.slice(i+c.length);if(!e.includes(` `)){W(i),B(e),R(!0),K(0);return}}R(!1),W(-1)},Q=e=>{let t=I.slice(0,U),n=I.slice(V),r=`${t}${c}${e.display} ${n}`;F||P(r),d&&d({target:{value:r}}),f&&f(e),R(!1),W(-1),setTimeout(()=>{if(q.current){q.current.focus();let n=t.length+c.length+e.display.length+1;q.current.setSelectionRange(n,n)}},0)},te=e=>{L&&X.length>0&&(e.key===`ArrowDown`?(e.preventDefault(),K(e=>e>=X.length-1?0:e+1)):e.key===`ArrowUp`?(e.preventDefault(),K(e=>e<=0?X.length-1:e-1)):e.key===`Enter`||e.key===`Tab`?G>=0&&X[G]&&(e.preventDefault(),Q(X[G])):e.key===`Escape`&&R(!1))},ne=p?t.Root:`div`,$={intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee},re=p?{...$,...k}:k;return(0,s.jsxs)(ne,{className:`wim-mentions ${a.default.container}`,ref:Y,...re,children:[(0,s.jsxs)(t.Slottable,{children:[(0,s.jsx)(i.Textarea,{...k,...$,ref:q,value:I,onChange:Z,onKeyDown:te,"aria-autocomplete":`list`,"aria-controls":L?`${M}-list`:void 0,onBlur:e=>{J.current?.contains(e.relatedTarget)||R(!1)}}),L&&X.length>0&&(0,s.jsx)(`div`,{id:`${M}-list`,className:a.default.list,role:`listbox`,children:X.map((e,t)=>(0,s.jsx)(n.BaseListItem,{
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/BaseListItem/BaseListItem.cjs"),r=require("../../_internal/mergeRefs.cjs"),i=require("../Textarea/Textarea.cjs"),a=require("./mentions.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({options:e,trigger:c=`@`,value:l,defaultValue:u,onChange:d,onSelect:f,asChild:p=!1,children:m,intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee,...k},A)=>{let j=(0,o.useId)(),M=k.id||`wim-mentions-${j}`,[N,P]=(0,o.useState)(u||``),F=l!==void 0,I=F?l:N,[L,R]=(0,o.useState)(!1),[z,B]=(0,o.useState)(``),[V,H]=(0,o.useState)(0),[U,W]=(0,o.useState)(-1),[G,K]=(0,o.useState)(0),q=(0,o.useRef)(null),J=(0,o.useRef)(null),Y=r.mergeRefs(J,A),X=e.filter(e=>e.display.toLowerCase().includes(z.toLowerCase())),Z=e=>{let t=e.target.value,n=e.target.selectionStart;H(n),F||P(t),d&&d(e);let r=t.slice(0,n),i=r.lastIndexOf(c);if(i!==-1){let e=r.slice(i+c.length);if(!e.includes(` `)){W(i),B(e),R(!0),K(0);return}}R(!1),W(-1)},Q=e=>{let t=I.slice(0,U),n=I.slice(V),r=`${t}${c}${e.display} ${n}`;F||P(r),d&&d({target:{value:r}}),f&&f(e),R(!1),W(-1),setTimeout(()=>{if(q.current){q.current.focus();let n=t.length+c.length+e.display.length+1;q.current.setSelectionRange(n,n)}},0)},te=e=>{L&&X.length>0&&(e.key===`ArrowDown`?(e.preventDefault(),K(e=>e>=X.length-1?0:e+1)):e.key===`ArrowUp`?(e.preventDefault(),K(e=>e<=0?X.length-1:e-1)):e.key===`Enter`||e.key===`Tab`?G>=0&&X[G]&&(e.preventDefault(),Q(X[G])):e.key===`Escape`&&R(!1))},ne=p?t.Root:`div`,$={intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee},re=p?{...$,...k}:k;return(0,s.jsxs)(ne,{className:`wim-mentions ${a.default.container}`,ref:Y,...re,children:[(0,s.jsxs)(t.Slottable,{children:[(0,s.jsx)(i.Textarea,{...k,...$,ref:q,value:I,onChange:Z,onKeyDown:te,"aria-autocomplete":`list`,"aria-controls":L?`${M}-list`:void 0,onBlur:e=>{J.current?.contains(e.relatedTarget)||R(!1)}}),L&&X.length>0&&(0,s.jsx)(`div`,{id:`${M}-list`,className:a.default.list,role:`listbox`,children:X.map((e,t)=>(0,s.jsx)(n.BaseListItem,{active:t===G,onMouseDown:e=>e.preventDefault(),onClick:()=>Q(e),onMouseEnter:()=>K(t),role:`option`,"aria-selected":t===G,tabIndex:-1,children:e.display},e.id))})]}),p?m:null]})});c.displayName=`Mentions`,exports.Mentions=c,exports.default=c;
|
|
@@ -72,7 +72,6 @@ var f = o(({ options: o, trigger: f = "@", value: p, defaultValue: ee, onChange:
|
|
|
72
72
|
className: a.list,
|
|
73
73
|
role: "listbox",
|
|
74
74
|
children: Z.map((e, t) => /* @__PURE__ */ u(n, {
|
|
75
|
-
className: a.item,
|
|
76
75
|
active: t === q,
|
|
77
76
|
onMouseDown: (e) => e.preventDefault(),
|
|
78
77
|
onClick: () => Q(e),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/check.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../_internal/BaseListItem/BaseListItem.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../../data-display/Chip/Chip.cjs"),s=require("./multiselect.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({options:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,defaultValue:b=[],allowClear:x=!1,id:S,width:C,fullWidth:w=!1,...T})=>{let[E,D]=(0,c.useState)(!1),[O,k]=(0,c.useState)(b),[A,j]=(0,c.useState)(-1),[M,N]=(0,c.useState)(!1),P=(0,c.useRef)(null),F=(0,c.useRef)(null),I=(0,c.useRef)(null),L=(0,c.useId)(),R=S||`wim-multiselect-${L}`,z=`${R}-list`,B=m?`${R}-label`:void 0,V=h?`${R}-error`:void 0,H=`${R}-trigger`,U=d!==void 0,W=U?d:O;(0,c.useEffect)(()=>{let e=e=>{P.current&&!P.current.contains(e.target)&&D(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let G=e=>{if(y||e&&e.target.closest(`[data-chip-delete]`))return;let t=!E;D(t),j(t?0:-1)},K=e=>{if(y)return;let t;t=W?.includes(e)?W.filter(t=>t!==e):[...W||[],e],U||k(t),f&&f(t)},q=(e,t)=>{if(e.stopPropagation(),y)return;let n=(W||[]).filter(e=>e!==t);U||k(n),f&&f(n)},J=e=>{e?.stopPropagation(),!y&&(U||k([]),f&&f([]))},Y=e.filter(e=>W?.includes(e.value)),X=t=>{if(N(!0),!y)switch(t.key){case`ArrowDown`:t.preventDefault(),E?j(t=>t<e.length-1?t+1:0):(D(!0),j(0));break;case`ArrowUp`:t.preventDefault(),E&&j(t=>t>0?t-1:e.length-1);break;case`Enter`:case` `:t.preventDefault(),E?A>=0&&K(e[A].value):(D(!0),j(0));break;case`Escape`:E&&(t.preventDefault(),D(!1),j(-1),I.current?.focus());break;case`Home`:E&&(t.preventDefault(),j(0));break;case`End`:E&&(t.preventDefault(),j(e.length-1));break;case`Tab`:E&&(D(!1),j(-1));break}};(0,c.useEffect)(()=>{E&&A>=0&&F.current&&F.current.children[A]?.scrollIntoView({block:`nearest`})},[A,E]);let{"aria-label":Z,"aria-labelledby":Q,"aria-describedby":$,...ee}=T;return(0,u.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:B,htmlFor:H,errorId:V,className:v,children:(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-multi-select`,s.default.root,w&&s.default.fullWidth),ref:P,onMouseMove:()=>N(!1),"data-keyboard-nav":M,...ee,children:[(0,u.jsx)(i.InputBase,{disabled:y,allowClear:x,hasValue:W&&W.length>0,onClear:J,intent:h?`danger`:`default`,width:C,fullWidth:w,rightIcons:[{name:`ChevronDownIcon`,rotated:E}],className:(0,l.default)(E&&s.default.open),children:(0,u.jsx)(`div`,{id:H,"data-testid":`multiselect-trigger`,className:(0,l.default)(s.default.trigger,y&&s.default.disabled),onClick:G,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":E,"aria-haspopup":`listbox`,"aria-controls":E?z:void 0,"aria-disabled":y,"aria-labelledby":B||Q,"aria-describedby":V||$,"aria-required":g,"aria-invalid":!!h,"aria-label":m?void 0:Z||p,onKeyDown:X,ref:I,"aria-activedescendant":E&&A>=0?`${R}-option-${A}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(s.default.value,Y.length===0&&s.default.placeholder),children:Y.length>0?Y.map(e=>(0,u.jsx)(o.Chip,{"data-testid":`multiselect-chip`,size:`sm`,
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/check.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../_internal/BaseListItem/BaseListItem.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../../data-display/Chip/Chip.cjs"),s=require("./multiselect.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({options:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,defaultValue:b=[],allowClear:x=!1,id:S,width:C,fullWidth:w=!1,...T})=>{let[E,D]=(0,c.useState)(!1),[O,k]=(0,c.useState)(b),[A,j]=(0,c.useState)(-1),[M,N]=(0,c.useState)(!1),P=(0,c.useRef)(null),F=(0,c.useRef)(null),I=(0,c.useRef)(null),L=(0,c.useId)(),R=S||`wim-multiselect-${L}`,z=`${R}-list`,B=m?`${R}-label`:void 0,V=h?`${R}-error`:void 0,H=`${R}-trigger`,U=d!==void 0,W=U?d:O;(0,c.useEffect)(()=>{let e=e=>{P.current&&!P.current.contains(e.target)&&D(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let G=e=>{if(y||e&&e.target.closest(`[data-chip-delete]`))return;let t=!E;D(t),j(t?0:-1)},K=e=>{if(y)return;let t;t=W?.includes(e)?W.filter(t=>t!==e):[...W||[],e],U||k(t),f&&f(t)},q=(e,t)=>{if(e.stopPropagation(),y)return;let n=(W||[]).filter(e=>e!==t);U||k(n),f&&f(n)},J=e=>{e?.stopPropagation(),!y&&(U||k([]),f&&f([]))},Y=e.filter(e=>W?.includes(e.value)),X=t=>{if(N(!0),!y)switch(t.key){case`ArrowDown`:t.preventDefault(),E?j(t=>t<e.length-1?t+1:0):(D(!0),j(0));break;case`ArrowUp`:t.preventDefault(),E&&j(t=>t>0?t-1:e.length-1);break;case`Enter`:case` `:t.preventDefault(),E?A>=0&&K(e[A].value):(D(!0),j(0));break;case`Escape`:E&&(t.preventDefault(),D(!1),j(-1),I.current?.focus());break;case`Home`:E&&(t.preventDefault(),j(0));break;case`End`:E&&(t.preventDefault(),j(e.length-1));break;case`Tab`:E&&(D(!1),j(-1));break}};(0,c.useEffect)(()=>{E&&A>=0&&F.current&&F.current.children[A]?.scrollIntoView({block:`nearest`})},[A,E]);let{"aria-label":Z,"aria-labelledby":Q,"aria-describedby":$,...ee}=T;return(0,u.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:B,htmlFor:H,errorId:V,className:v,children:(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-multi-select`,s.default.root,w&&s.default.fullWidth),ref:P,onMouseMove:()=>N(!1),"data-keyboard-nav":M,...ee,children:[(0,u.jsx)(i.InputBase,{disabled:y,allowClear:x,hasValue:W&&W.length>0,onClear:J,intent:h?`danger`:`default`,width:C,fullWidth:w,rightIcons:[{name:`ChevronDownIcon`,rotated:E}],className:(0,l.default)(E&&s.default.open),children:(0,u.jsx)(`div`,{id:H,"data-testid":`multiselect-trigger`,className:(0,l.default)(s.default.trigger,y&&s.default.disabled),onClick:G,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":E,"aria-haspopup":`listbox`,"aria-controls":E?z:void 0,"aria-disabled":y,"aria-labelledby":B||Q,"aria-describedby":V||$,"aria-required":g,"aria-invalid":!!h,"aria-label":m?void 0:Z||p,onKeyDown:X,ref:I,"aria-activedescendant":E&&A>=0?`${R}-option-${A}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(s.default.value,Y.length===0&&s.default.placeholder),children:Y.length>0?Y.map(e=>(0,u.jsx)(o.Chip,{"data-testid":`multiselect-chip`,size:`sm`,intent:`neutral`,variant:`solid`,disabled:y,onDelete:y?void 0:t=>q(t,e.value),children:e.label},e.value)):p})})}),E&&!y&&(0,u.jsx)(`ul`,{id:z,ref:F,className:s.default.list,role:`listbox`,"aria-multiselectable":`true`,"aria-labelledby":B||Q||void 0,children:e.map((e,i)=>{let a=W?.includes(e.value),o=i===A;return(0,u.jsx)(r.BaseListItem,{asChild:!0,id:`${R}-option-${i}`,className:(0,l.default)(s.default.option,a&&s.default.selected),active:o,disabled:e.disabled,onClick:()=>!e.disabled&&K(e.value),onMouseEnter:()=>j(i),rightSection:a?(0,u.jsx)(n.Icon,{component:t.default,size:`sm`}):void 0,role:`option`,"aria-selected":a,tabIndex:-1,children:(0,u.jsx)(`li`,{children:e.label})},e.value)})})]})})};d.displayName=`MultiSelect`,exports.MultiSelect=d;
|
|
@@ -114,7 +114,7 @@ var m = ({ options: m = [], value: h, onChange: g, placeholder: _, label: v, err
|
|
|
114
114
|
children: Q.length > 0 ? Q.map((e) => /* @__PURE__ */ f(a, {
|
|
115
115
|
"data-testid": "multiselect-chip",
|
|
116
116
|
size: "sm",
|
|
117
|
-
|
|
117
|
+
intent: "neutral",
|
|
118
118
|
variant: "solid",
|
|
119
119
|
disabled: C,
|
|
120
120
|
onDelete: C ? void 0 : (t) => X(t, e.value),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../Input/Input.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("../NumberInput/NumberInput.cjs"),o=require("../SegmentedControl/SegmentedControl.cjs"),s=require("../Select/Select.cjs"),c=require("../Switch/Switch.cjs"),l=require("../IconButton/IconButton.cjs"),u=require("./querybuilder.module.cjs");let
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../Input/Input.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("../NumberInput/NumberInput.cjs"),o=require("../SegmentedControl/SegmentedControl.cjs"),s=require("../Select/Select.cjs"),c=require("../Switch/Switch.cjs"),l=require("../IconButton/IconButton.cjs"),u=require("./querybuilder.module.cjs"),d=require("./warn-unknown-operator.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=0,g=()=>typeof window<`u`&&window.__VRT__?(h+=1,`vrt-id-${h}`):Math.random().toString(36).substring(2,11),_={string:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Contains`,value:`contains`,key:`contains`},{label:`Starts with`,value:`starts_with`,key:`starts_with`},{label:`Ends with`,value:`ends_with`,key:`ends_with`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],number:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Greater than`,value:`>`,key:`greater_than`},{label:`Less than`,value:`<`,key:`less_than`},{label:`Greater than or equal`,value:`>=`,key:`greater_than_or_equal`},{label:`Less than or equal`,value:`<=`,key:`less_than_or_equal`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],date:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`After`,value:`>`,key:`after`},{label:`Before`,value:`<`,key:`before`},{label:`After or on`,value:`>=`,key:`after_or_on`},{label:`Before or on`,value:`<=`,key:`before_or_on`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],boolean:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}]},v=({fields:e,query:h,defaultQuery:v,onChange:y,maxDepth:b=3,className:x,id:S,labels:C={}})=>{let{t:w}=t.useWimTranslation(`components`),{ruleAdded:T=w(`query.builder.rule_added`),groupAdded:E=w(`query.builder.group_added`),removed:D=w(`query.builder.removed`),ruleAriaLabel:O=w(`query.builder.rule`),fieldAriaLabel:k=w(`query.builder.field`),operatorAriaLabel:A=w(`query.builder.operator`),valueAriaLabel:j=w(`query.builder.value`),trueLabel:M=w(`query.builder.true`),falseLabel:N=w(`query.builder.false`),removeRuleAriaLabel:P=w(`query.builder.remove_rule`),removeGroupAriaLabel:F=w(`query.builder.remove_group`),addRuleLabel:I=w(`query.builder.add_rule`),addGroupLabel:L=w(`query.builder.add_group`),regionAriaLabel:R=w(`query.builder.region_label`),combinatorAriaLabel:z=w(`query.builder.combinator`),operators:B={}}=C,V=(0,f.useId)(),H=S||`wim-qb-${V}`,U=(0,f.useRef)(null),[W,G]=(0,f.useState)(v||{id:g(),combinator:`and`,not:!1,rules:[]}),K=h===void 0?W:h,q=(0,f.useCallback)(e=>{U.current&&(U.current.textContent=``,setTimeout(()=>{U.current&&(U.current.textContent=e)},50))},[]),J=(0,f.useCallback)(e=>{h===void 0&&G(e),y?.(e)},[h,y]),Y=(e,t)=>{let n=r=>r.id===e?{...r,...t}:{...r,rules:r.rules.map(r=>r.id===e?{...r,...t}:`rules`in r?n(r):r)};J(n(K))},X=t=>{let n=e[0],r={id:g(),field:n?.name||``,operator:`=`,value:n?.type===`boolean`?!1:``},i=e=>e.id===t?{...e,rules:[...e.rules,r]}:{...e,rules:e.rules.map(e=>`rules`in e?i(e):e)};J(i(K)),q(T)},Z=e=>{let t={id:g(),combinator:`and`,not:!1,rules:[]},n=r=>r.id===e?{...r,rules:[...r.rules,t]}:{...r,rules:r.rules.map(e=>`rules`in e?n(e):e)};J(n(K)),q(E)},Q=e=>{let t=n=>({...n,rules:n.rules.filter(t=>t.id!==e).map(e=>`rules`in e?t(e):e)});J(t(K)),q(D)},$=(e,t,r)=>(0,m.jsxs)(`div`,{role:`group`,"aria-label":`${e.combinator.toUpperCase()} group`,className:(0,p.default)(u.default.group,t>0&&u.default.nested,r&&u.default.excluded),children:[(0,m.jsxs)(`div`,{className:u.default.groupHeader,children:[(0,m.jsxs)(`div`,{className:u.default.groupHeaderLeft,children:[(0,m.jsx)(o.SegmentedControl,{size:`md`,options:[{label:`AND`,value:`and`},{label:`OR`,value:`or`}],value:e.combinator,onChange:t=>Y(e.id,{combinator:t}),"aria-label":z,styles:{root:u.default.segmentedControl,item:u.default.segmentedControlItem,slider:u.default.segmentedControlSlider}}),(0,m.jsx)(c.Switch,{size:`md`,checked:e.not,onChange:t=>Y(e.id,{not:t.target.checked}),children:`NOT`})]}),t>0&&(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":F,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(e.id),className:u.default.removeGroup})]}),(0,m.jsx)(`div`,{className:u.default.ruleList,children:e.rules.map(e=>`rules`in e?$(e,t+1,r):ee(e))}),(0,m.jsxs)(`div`,{className:u.default.groupActions,children:[(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>X(e.id),children:I}),t<b&&(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>Z(e.id),children:L})]})]},e.id),ee=t=>{let n=e.find(e=>e.name===t.field)?.type||`string`,o=_[n].map(e=>({...e,label:B[e.key]||e.label})),c=n=>{let r=e.find(e=>e.name===n);Y(t.id,{field:n,operator:`=`,value:r?.type===`boolean`?!1:``})};o.some(e=>e.value===t.operator)||d.warnUnknownOperator(t.operator,n,o.map(e=>e.value));let f=t.operator===`is_null`||t.operator===`is_not_null`;return(0,m.jsx)(`div`,{className:u.default.rule,role:`group`,"aria-label":O,children:(0,m.jsxs)(`div`,{className:u.default.ruleFields,children:[(0,m.jsx)(s.Select,{className:u.default.field,options:e.map(e=>({label:e.label,value:e.name})),value:t.field,onChange:c,"aria-label":k,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),(0,m.jsx)(s.Select,{className:u.default.operator,options:o.map(e=>({label:e.label,value:e.value})),value:t.operator,onChange:e=>Y(t.id,{operator:e}),"aria-label":A,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),!f&&(0,m.jsx)(`div`,{className:u.default.value,children:n===`number`?(0,m.jsx)(a.NumberInput,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j}):n===`date`?(0,m.jsx)(i.DatePicker,{value:typeof t.value==`string`||typeof t.value==`number`?new Date(t.value):void 0,onChange:e=>Y(t.id,{value:e?e.toISOString():``}),"aria-label":j}):n===`boolean`?(0,m.jsx)(s.Select,{options:[{label:M,value:`true`},{label:N,value:`false`}],value:String(t.value),onChange:e=>Y(t.id,{value:e===`true`}),"aria-label":j,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}):(0,m.jsx)(r.Input,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j,styles:{root:u.default.inputBase}})}),(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":P,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(t.id),className:u.default.removeRule})]})},t.id)};return(0,m.jsxs)(`div`,{id:H,role:`region`,"aria-label":R,className:(0,p.default)(`wim-query-builder`,u.default.root,x),children:[(0,m.jsx)(`div`,{ref:U,"aria-live":`polite`,"aria-atomic":`true`,className:u.default.srOnly}),$(K,0,!1)]})};exports.QueryBuilder=v;
|
|
@@ -8,7 +8,7 @@ export interface QueryField {
|
|
|
8
8
|
export interface QueryRule {
|
|
9
9
|
id: string;
|
|
10
10
|
field: string;
|
|
11
|
-
operator:
|
|
11
|
+
operator: QueryOperator;
|
|
12
12
|
value: string | number | boolean | null;
|
|
13
13
|
}
|
|
14
14
|
export interface QueryGroup {
|
|
@@ -69,7 +69,130 @@ export interface QueryBuilderProps {
|
|
|
69
69
|
*/
|
|
70
70
|
labels?: QueryBuilderLabels;
|
|
71
71
|
}
|
|
72
|
+
/**
|
|
73
|
+
* 演算子の語彙。**利用者が `QueryRule.operator` に渡すのは `value`(記号)**で、
|
|
74
|
+
* `key` は翻訳の引き当てにしか使わない。以前は `operator: string` だったため
|
|
75
|
+
* `"greater_equal"` のような語を渡すと**空の Select が黙って描画された**(T124)。
|
|
76
|
+
* 型はこの表から導くので、値を足せば型も追随する(T38 と同じ形)。
|
|
77
|
+
*/
|
|
78
|
+
declare const DEFAULT_OPERATORS: {
|
|
79
|
+
readonly string: readonly [{
|
|
80
|
+
readonly label: "Equals";
|
|
81
|
+
readonly value: "=";
|
|
82
|
+
readonly key: "equal";
|
|
83
|
+
}, {
|
|
84
|
+
readonly label: "Does not equal";
|
|
85
|
+
readonly value: "!=";
|
|
86
|
+
readonly key: "not_equal";
|
|
87
|
+
}, {
|
|
88
|
+
readonly label: "Contains";
|
|
89
|
+
readonly value: "contains";
|
|
90
|
+
readonly key: "contains";
|
|
91
|
+
}, {
|
|
92
|
+
readonly label: "Starts with";
|
|
93
|
+
readonly value: "starts_with";
|
|
94
|
+
readonly key: "starts_with";
|
|
95
|
+
}, {
|
|
96
|
+
readonly label: "Ends with";
|
|
97
|
+
readonly value: "ends_with";
|
|
98
|
+
readonly key: "ends_with";
|
|
99
|
+
}, {
|
|
100
|
+
readonly label: "Is null";
|
|
101
|
+
readonly value: "is_null";
|
|
102
|
+
readonly key: "is_null";
|
|
103
|
+
}, {
|
|
104
|
+
readonly label: "Is not null";
|
|
105
|
+
readonly value: "is_not_null";
|
|
106
|
+
readonly key: "is_not_null";
|
|
107
|
+
}];
|
|
108
|
+
readonly number: readonly [{
|
|
109
|
+
readonly label: "Equals";
|
|
110
|
+
readonly value: "=";
|
|
111
|
+
readonly key: "equal";
|
|
112
|
+
}, {
|
|
113
|
+
readonly label: "Does not equal";
|
|
114
|
+
readonly value: "!=";
|
|
115
|
+
readonly key: "not_equal";
|
|
116
|
+
}, {
|
|
117
|
+
readonly label: "Greater than";
|
|
118
|
+
readonly value: ">";
|
|
119
|
+
readonly key: "greater_than";
|
|
120
|
+
}, {
|
|
121
|
+
readonly label: "Less than";
|
|
122
|
+
readonly value: "<";
|
|
123
|
+
readonly key: "less_than";
|
|
124
|
+
}, {
|
|
125
|
+
readonly label: "Greater than or equal";
|
|
126
|
+
readonly value: ">=";
|
|
127
|
+
readonly key: "greater_than_or_equal";
|
|
128
|
+
}, {
|
|
129
|
+
readonly label: "Less than or equal";
|
|
130
|
+
readonly value: "<=";
|
|
131
|
+
readonly key: "less_than_or_equal";
|
|
132
|
+
}, {
|
|
133
|
+
readonly label: "Is null";
|
|
134
|
+
readonly value: "is_null";
|
|
135
|
+
readonly key: "is_null";
|
|
136
|
+
}, {
|
|
137
|
+
readonly label: "Is not null";
|
|
138
|
+
readonly value: "is_not_null";
|
|
139
|
+
readonly key: "is_not_null";
|
|
140
|
+
}];
|
|
141
|
+
readonly date: readonly [{
|
|
142
|
+
readonly label: "Equals";
|
|
143
|
+
readonly value: "=";
|
|
144
|
+
readonly key: "equal";
|
|
145
|
+
}, {
|
|
146
|
+
readonly label: "Does not equal";
|
|
147
|
+
readonly value: "!=";
|
|
148
|
+
readonly key: "not_equal";
|
|
149
|
+
}, {
|
|
150
|
+
readonly label: "After";
|
|
151
|
+
readonly value: ">";
|
|
152
|
+
readonly key: "after";
|
|
153
|
+
}, {
|
|
154
|
+
readonly label: "Before";
|
|
155
|
+
readonly value: "<";
|
|
156
|
+
readonly key: "before";
|
|
157
|
+
}, {
|
|
158
|
+
readonly label: "After or on";
|
|
159
|
+
readonly value: ">=";
|
|
160
|
+
readonly key: "after_or_on";
|
|
161
|
+
}, {
|
|
162
|
+
readonly label: "Before or on";
|
|
163
|
+
readonly value: "<=";
|
|
164
|
+
readonly key: "before_or_on";
|
|
165
|
+
}, {
|
|
166
|
+
readonly label: "Is null";
|
|
167
|
+
readonly value: "is_null";
|
|
168
|
+
readonly key: "is_null";
|
|
169
|
+
}, {
|
|
170
|
+
readonly label: "Is not null";
|
|
171
|
+
readonly value: "is_not_null";
|
|
172
|
+
readonly key: "is_not_null";
|
|
173
|
+
}];
|
|
174
|
+
readonly boolean: readonly [{
|
|
175
|
+
readonly label: "Equals";
|
|
176
|
+
readonly value: "=";
|
|
177
|
+
readonly key: "equal";
|
|
178
|
+
}, {
|
|
179
|
+
readonly label: "Does not equal";
|
|
180
|
+
readonly value: "!=";
|
|
181
|
+
readonly key: "not_equal";
|
|
182
|
+
}, {
|
|
183
|
+
readonly label: "Is null";
|
|
184
|
+
readonly value: "is_null";
|
|
185
|
+
readonly key: "is_null";
|
|
186
|
+
}, {
|
|
187
|
+
readonly label: "Is not null";
|
|
188
|
+
readonly value: "is_not_null";
|
|
189
|
+
readonly key: "is_not_null";
|
|
190
|
+
}];
|
|
191
|
+
};
|
|
192
|
+
/** `QueryRule.operator` に渡せる値(`DEFAULT_OPERATORS` の `value`)。 */
|
|
193
|
+
export type QueryOperator = (typeof DEFAULT_OPERATORS)[QueryFieldType][number]["value"];
|
|
72
194
|
/**
|
|
73
195
|
* 複雑な検索条件をネスト状に組み立てるためのクエリビルダーコンポーネント。
|
|
74
196
|
*/
|
|
75
197
|
export declare const QueryBuilder: ({ fields, query, defaultQuery, onChange, maxDepth, className, id: customId, labels, }: QueryBuilderProps) => React.JSX.Element;
|
|
198
|
+
export {};
|