wimui 0.14.0 → 0.16.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/NOTICE +85 -0
- package/README.ja.md +2 -0
- package/README.md +2 -0
- package/dist/components/_internal/FeedbackIcon.cjs +1 -1
- package/dist/components/_internal/FeedbackIcon.js +17 -16
- package/dist/components/ai/ChatUI/ChatUI.cjs +1 -1
- package/dist/components/ai/ChatUI/ChatUI.d.ts +8 -6
- package/dist/components/ai/ChatUI/ChatUI.js +2 -2
- package/dist/components/ai/ChatUI/chat-ui.module.cjs +1 -1
- package/dist/components/ai/ChatUI/chat-ui.module.js +4 -4
- package/dist/components/ai/CodeBlock/code-block.module.cjs +1 -1
- package/dist/components/ai/CodeBlock/code-block.module.js +1 -1
- package/dist/components/ai/Terminal/Terminal.cjs +1 -1
- package/dist/components/ai/Terminal/Terminal.js +1 -1
- package/dist/components/data-display/Card/card.module.cjs +1 -1
- package/dist/components/data-display/Card/card.module.js +15 -15
- package/dist/components/data-display/Stats/Stats.cjs +1 -1
- package/dist/components/data-display/Stats/Stats.js +46 -38
- package/dist/components/data-display/Timeline/timeline.module.cjs +1 -1
- package/dist/components/data-display/Timeline/timeline.module.js +6 -6
- package/dist/components/form/Cascader/cascader.module.cjs +1 -1
- package/dist/components/form/Cascader/cascader.module.js +6 -6
- package/dist/components/form/RichTextEditor/RichTextEditor.cjs +1 -1
- package/dist/components/form/RichTextEditor/RichTextEditor.js +248 -421
- package/dist/components/form/SignaturePad/signature-pad.module.cjs +1 -1
- package/dist/components/form/SignaturePad/signature-pad.module.js +6 -6
- package/dist/components/form/Transfer/transfer.module.cjs +1 -1
- package/dist/components/form/Transfer/transfer.module.js +6 -6
- package/dist/components/form/TreeSelect/tree-select.module.cjs +1 -1
- package/dist/components/form/TreeSelect/tree-select.module.js +6 -6
- package/dist/components/layout/Dashboard/Dashboard.cjs +1 -1
- package/dist/components/layout/Dashboard/Dashboard.js +1 -1
- package/dist/components/layout/Transition/Transition.cjs +1 -1
- package/dist/components/layout/Transition/Transition.js +24 -46
- package/dist/components/media/Gallery/Gallery.cjs +1 -1
- package/dist/components/media/Gallery/Gallery.js +1 -1
- package/dist/components/media/Lightbox/Lightbox.cjs +1 -1
- package/dist/components/media/Lightbox/Lightbox.d.ts +4 -0
- package/dist/components/media/Lightbox/Lightbox.js +23 -22
- package/dist/components/navigation/TabBar/TabBar.d.ts +12 -1
- package/dist/components/navigation/TabBar/tab-bar.module.cjs +1 -1
- package/dist/components/navigation/TabBar/tab-bar.module.js +1 -1
- package/dist/components/overlay/BottomSheet/BottomSheet.cjs +1 -1
- package/dist/components/overlay/BottomSheet/BottomSheet.js +1 -8
- package/dist/components/overlay/BottomSheet/bottom-sheet.module.cjs +1 -1
- package/dist/components/overlay/BottomSheet/bottom-sheet.module.js +8 -10
- package/dist/components/overlay/Popover/Popover.cjs +1 -1
- package/dist/components/overlay/Popover/Popover.js +2 -3
- package/dist/i18n/generated/keys.d.ts +1 -1
- package/dist/i18n/generated/resources.cjs +1 -1
- package/dist/i18n/generated/resources.js +9 -3
- package/dist/icon/alert-triangle.cjs +2 -0
- package/dist/icon/alert-triangle.js +31 -0
- package/dist/icon/align-justify.cjs +1 -1
- package/dist/icon/align-justify.js +14 -8
- package/dist/icon/arrow-down.cjs +2 -0
- package/dist/icon/arrow-down.js +22 -0
- package/dist/icon/arrow-left.cjs +2 -0
- package/dist/icon/arrow-left.js +22 -0
- package/dist/icon/arrow-right.cjs +2 -0
- package/dist/icon/arrow-right.js +22 -0
- package/dist/icon/arrow-up.cjs +2 -0
- package/dist/icon/arrow-up.js +22 -0
- package/dist/icon/bell.cjs +1 -1
- package/dist/icon/bell.js +0 -2
- package/dist/icon/bold.cjs +2 -0
- package/dist/icon/bold.js +17 -0
- package/dist/icon/chart.cjs +1 -1
- package/dist/icon/chart.js +0 -2
- package/dist/icon/close-small.cjs +1 -1
- package/dist/icon/close-small.js +21 -11
- package/dist/icon/columns.cjs +1 -1
- package/dist/icon/columns.js +5 -17
- package/dist/icon/credit-card.cjs +1 -1
- package/dist/icon/credit-card.js +0 -2
- package/dist/icon/document.cjs +1 -1
- package/dist/icon/document.js +1 -6
- package/dist/icon/eraser.cjs +2 -0
- package/dist/icon/eraser.js +17 -0
- package/dist/icon/external-link.cjs +1 -1
- package/dist/icon/external-link.js +0 -2
- package/dist/icon/grid.cjs +1 -1
- package/dist/icon/grid.js +36 -36
- package/dist/icon/grip-vertical.cjs +1 -1
- package/dist/icon/grip-vertical.js +0 -2
- package/dist/icon/home.cjs +1 -1
- package/dist/icon/home.js +1 -3
- package/dist/icon/hourglass.cjs +1 -1
- package/dist/icon/hourglass.js +6 -1
- package/dist/icon/index.cjs +1 -1
- package/dist/icon/index.d.ts +29 -1
- package/dist/icon/index.js +176 -148
- package/dist/icon/italic.cjs +2 -0
- package/dist/icon/italic.js +36 -0
- package/dist/icon/link.cjs +2 -0
- package/dist/icon/link.js +17 -0
- package/dist/icon/list-ordered.cjs +2 -0
- package/dist/icon/list-ordered.js +24 -0
- package/dist/icon/list.cjs +2 -0
- package/dist/icon/list.js +54 -0
- package/dist/icon/loading.cjs +1 -1
- package/dist/icon/loading.js +7 -16
- package/dist/icon/maximize.cjs +1 -1
- package/dist/icon/maximize.js +2 -4
- package/dist/icon/menu.cjs +1 -1
- package/dist/icon/menu.js +4 -4
- package/dist/icon/minimize.cjs +1 -1
- package/dist/icon/minimize.js +0 -2
- package/dist/icon/paperclip.cjs +1 -1
- package/dist/icon/paperclip.js +1 -3
- package/dist/icon/phone.cjs +1 -1
- package/dist/icon/phone.js +1 -1
- package/dist/icon/pip.cjs +1 -1
- package/dist/icon/pip.js +15 -31
- package/dist/icon/project.cjs +1 -1
- package/dist/icon/project.js +1 -3
- package/dist/icon/repeat.cjs +1 -1
- package/dist/icon/repeat.js +4 -6
- package/dist/icon/send.cjs +1 -1
- package/dist/icon/send.js +6 -3
- package/dist/icon/settings.cjs +1 -1
- package/dist/icon/settings.js +2 -4
- package/dist/icon/shuffle.cjs +1 -1
- package/dist/icon/shuffle.js +0 -2
- package/dist/icon/skip-back.cjs +1 -1
- package/dist/icon/skip-back.js +0 -2
- package/dist/icon/skip-forward.cjs +1 -1
- package/dist/icon/skip-forward.js +1 -3
- package/dist/icon/square.cjs +1 -1
- package/dist/icon/square.js +13 -9
- package/dist/icon/star.cjs +1 -1
- package/dist/icon/star.js +0 -2
- package/dist/icon/strikethrough.cjs +2 -0
- package/dist/icon/strikethrough.js +26 -0
- package/dist/icon/thumb-down.cjs +1 -1
- package/dist/icon/thumb-down.js +1 -1
- package/dist/icon/underline.cjs +2 -0
- package/dist/icon/underline.js +22 -0
- package/dist/icon/unlink.cjs +2 -0
- package/dist/icon/unlink.js +44 -0
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +90 -76
- package/dist/index.cjs +1 -1
- package/dist/index.js +257 -243
- package/dist/llms-full.txt +11 -2
- package/dist/llms.txt +1 -1
- package/dist/locales/en/components.json +3 -1
- package/dist/locales/ja/components.json +3 -1
- package/dist/locales/pt/components.json +3 -1
- package/dist/reset.css +1 -1
- package/dist/styles.css +2 -2
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +5 -5
- package/package.json +7 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1u1o9_295`,t=`_disabled_1u1o9_303`,n=`_canvasContainer_1u1o9_307`,r=`_danger_1u1o9_286`,i=`_canvas_1u1o9_307`,a=`_footer_1u1o9_331`,o={"wim-docs-container":`_wim-docs-container_1u1o9_87`,"wim-t":`_wim-t_1u1o9_250`,"react-flow":`_react-flow_1u1o9_273`,"react-flow__edges":`_react-flow__edges_1u1o9_274`,"react-flow__connectionline":`_react-flow__connectionline_1u1o9_275`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/SignaturePad/signature-pad.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_root_1u1o9_295", t = "_disabled_1u1o9_303", n = "_canvasContainer_1u1o9_307", r = "_danger_1u1o9_286", i = "_canvas_1u1o9_307", a = "_footer_1u1o9_331", o = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_1u1o9_87",
|
|
5
|
+
"wim-t": "_wim-t_1u1o9_250",
|
|
6
|
+
"react-flow": "_react-flow_1u1o9_273",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_1u1o9_274",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_1u1o9_275",
|
|
9
9
|
root: e,
|
|
10
10
|
disabled: t,
|
|
11
11
|
canvasContainer: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_34dgu_281`,t=`_root_34dgu_291`,n=`_list_34dgu_310`,r=`_header_34dgu_339`,i=`_headerTitle_34dgu_354`,a=`_disabled_34dgu_360`,o=`_headerCount_34dgu_370`,s=`_body_34dgu_381`,c=`_itemList_34dgu_408`,l=`_item_34dgu_408`,u=`_checkboxVisual_34dgu_422`,d=`_checked_34dgu_448`,f=`_active_34dgu_465`,p=`_operation_34dgu_478`,m=`_button_34dgu_490`,h=`_empty_34dgu_498`,g={"wim-docs-container":`_wim-docs-container_34dgu_87`,"wim-t":`_wim-t_34dgu_250`,"react-flow":`_react-flow_34dgu_273`,"react-flow__edges":`_react-flow__edges_34dgu_274`,"react-flow__connectionline":`_react-flow__connectionline_34dgu_275`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/Transfer/transfer.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_container_34dgu_281", t = "_root_34dgu_291", n = "_list_34dgu_310", r = "_header_34dgu_339", i = "_headerTitle_34dgu_354", a = "_disabled_34dgu_360", o = "_headerCount_34dgu_370", s = "_body_34dgu_381", c = "_itemList_34dgu_408", l = "_item_34dgu_408", u = "_checkboxVisual_34dgu_422", d = "_checked_34dgu_448", f = "_active_34dgu_465", p = "_operation_34dgu_478", m = "_button_34dgu_490", h = "_empty_34dgu_498", g = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_34dgu_87",
|
|
5
|
+
"wim-t": "_wim-t_34dgu_250",
|
|
6
|
+
"react-flow": "_react-flow_34dgu_273",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_34dgu_274",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_34dgu_275",
|
|
9
9
|
container: e,
|
|
10
10
|
root: t,
|
|
11
11
|
list: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_ab85z_282`,t=`_root_ab85z_292`,n=`_fullWidth_ab85z_305`,r=`_label_ab85z_309`,i=`_trigger_ab85z_316`,a=`_disabled_ab85z_329`,o=`_open_ab85z_341`,s=`_value_ab85z_349`,c=`_placeholder_ab85z_350`,l=`_icon_ab85z_353`,u=`_clear_ab85z_373`,d=`_dropdown_ab85z_385`,f=`_treeView_ab85z_415`,p=`_treeViewItem_ab85z_423`,m=`_treeViewSearch_ab85z_426`,h={"wim-docs-container":`_wim-docs-container_ab85z_87`,"wim-t":`_wim-t_ab85z_250`,"react-flow":`_react-flow_ab85z_273`,"react-flow__edges":`_react-flow__edges_ab85z_274`,"react-flow__connectionline":`_react-flow__connectionline_ab85z_275`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/TreeSelect/tree-select.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_container_ab85z_282", t = "_root_ab85z_292", n = "_fullWidth_ab85z_305", r = "_label_ab85z_309", i = "_trigger_ab85z_316", a = "_disabled_ab85z_329", o = "_open_ab85z_341", s = "_value_ab85z_349", c = "_placeholder_ab85z_350", l = "_icon_ab85z_353", u = "_clear_ab85z_373", d = "_dropdown_ab85z_385", f = "_treeView_ab85z_415", p = "_treeViewItem_ab85z_423", m = "_treeViewSearch_ab85z_426", h = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_ab85z_87",
|
|
5
|
+
"wim-t": "_wim-t_ab85z_250",
|
|
6
|
+
"react-flow": "_react-flow_ab85z_273",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_ab85z_274",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_ab85z_275",
|
|
9
9
|
container: e,
|
|
10
10
|
root: t,
|
|
11
11
|
fullWidth: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:void 0,onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
|
|
3
|
-
import t from "../../../icon/close
|
|
3
|
+
import t from "../../../icon/close.js";
|
|
4
4
|
import n from "../../../icon/edit.js";
|
|
5
5
|
import r from "../../../icon/plus.js";
|
|
6
6
|
import { Icon as i } from "../../media/Icon/Icon.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.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=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.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=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=n.default.forwardRef(({show:e,children:o,preset:s,enterPreset:c,leavePreset:l,enter:u=``,enterFrom:d=``,enterTo:f=``,leave:p=``,leaveFrom:m=``,leaveTo:h=``,unmount:g=!0,appear:_=!1,className:v,...y},b)=>{let[x,S]=(0,n.useState)(e),[C,w]=(0,n.useState)(()=>e&&_?`entering`:`idle`),[T,E]=(0,n.useState)(e),[D,O]=(0,n.useState)(`from`),k=(0,n.useRef)(null),A=e=>e&&e!==`none`?a(e):{},j=A(c??s),M=A(l??s),N=(0,r.default)(j.enter,u),P=(0,r.default)(j.enterFrom,d),F=(0,r.default)(j.enterTo,f),I=(0,r.default)(M.leave,p),L=(0,r.default)(M.leaveFrom,m),R=(0,r.default)(M.leaveTo,h);e&&!x&&S(!0),e!==T&&(E(e),e?C!==`entering`&&w(`entering`):C!==`leaving`&&w(`leaving`)),(0,n.useImperativeHandle)(b,()=>k.current);let z=(0,n.useCallback)(e=>{if(e.target===k.current&&(C===`entering`||C===`leaving`)){let e=C===`leaving`;w(`idle`),e&&g&&S(!1)}},[C,g]);return(0,n.useLayoutEffect)(()=>{if(C===`idle`)return;O(`from`);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>O(`to`))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[C,z]),!x&&g?null:(0,i.jsx)(`div`,{ref:k,className:(0,r.default)(v,!e&&C===`idle`&&!g&&t.default.hidden,C===`entering`&&N,C===`entering`&&(D===`from`?P:F),C===`leaving`&&I,C===`leaving`&&(D===`from`?L:R)),onTransitionEnd:z,...y,children:o})});o.displayName=`Transition`,exports.Transition=o;
|
|
@@ -56,54 +56,32 @@ var l = (t) => {
|
|
|
56
56
|
};
|
|
57
57
|
default: return {};
|
|
58
58
|
}
|
|
59
|
-
}, u =
|
|
60
|
-
let [
|
|
61
|
-
t && !
|
|
62
|
-
let
|
|
63
|
-
if (e.target ===
|
|
64
|
-
let e =
|
|
65
|
-
|
|
59
|
+
}, u = t.forwardRef(({ show: t, children: u, preset: d, enterPreset: f, leavePreset: p, enter: m = "", enterFrom: h = "", enterTo: g = "", leave: _ = "", leaveFrom: v = "", leaveTo: y = "", unmount: b = !0, appear: x = !1, className: S, ...C }, w) => {
|
|
60
|
+
let [T, E] = o(t), [D, O] = o(() => t && x ? "entering" : "idle"), [k, A] = o(t), [j, M] = o("from"), N = a(null), P = (e) => e && e !== "none" ? l(e) : {}, F = P(f ?? d), I = P(p ?? d), L = s(F.enter, m), R = s(F.enterFrom, h), z = s(F.enterTo, g), B = s(I.leave, _), V = s(I.leaveFrom, v), H = s(I.leaveTo, y);
|
|
61
|
+
t && !T && E(!0), t !== k && (A(t), t ? D !== "entering" && O("entering") : D !== "leaving" && O("leaving")), r(w, () => N.current);
|
|
62
|
+
let U = n((e) => {
|
|
63
|
+
if (e.target === N.current && (D === "entering" || D === "leaving")) {
|
|
64
|
+
let e = D === "leaving";
|
|
65
|
+
O("idle"), e && b && E(!1);
|
|
66
66
|
}
|
|
67
|
-
}, [
|
|
67
|
+
}, [D, b]);
|
|
68
68
|
return i(() => {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
}, [
|
|
85
|
-
O,
|
|
86
|
-
I,
|
|
87
|
-
L,
|
|
88
|
-
R,
|
|
89
|
-
z,
|
|
90
|
-
B,
|
|
91
|
-
V,
|
|
92
|
-
H
|
|
93
|
-
]), !E && x ? null : /* @__PURE__ */ c("div", {
|
|
94
|
-
ref: M,
|
|
95
|
-
className: s(C, {
|
|
96
|
-
[e.hidden]: !t && O === "idle" && !x,
|
|
97
|
-
[I]: O === "entering",
|
|
98
|
-
[R]: O === "entering",
|
|
99
|
-
[z]: O === "leaving",
|
|
100
|
-
[V]: O === "leaving"
|
|
101
|
-
}),
|
|
102
|
-
onTransitionEnd: H,
|
|
103
|
-
...w,
|
|
104
|
-
children: d
|
|
69
|
+
if (D === "idle") return;
|
|
70
|
+
M("from");
|
|
71
|
+
let e = 0, t = requestAnimationFrame(() => {
|
|
72
|
+
e = requestAnimationFrame(() => M("to"));
|
|
73
|
+
});
|
|
74
|
+
return () => {
|
|
75
|
+
cancelAnimationFrame(t), cancelAnimationFrame(e);
|
|
76
|
+
};
|
|
77
|
+
}, [D, U]), !T && b ? null : /* @__PURE__ */ c("div", {
|
|
78
|
+
ref: N,
|
|
79
|
+
className: s(S, !t && D === "idle" && !b && e.hidden, D === "entering" && L, D === "entering" && (j === "from" ? R : z), D === "leaving" && B, D === "leaving" && (j === "from" ? V : H)),
|
|
80
|
+
onTransitionEnd: U,
|
|
81
|
+
...C,
|
|
82
|
+
children: u
|
|
105
83
|
});
|
|
106
84
|
});
|
|
107
|
-
|
|
85
|
+
u.displayName = "Transition";
|
|
108
86
|
//#endregion
|
|
109
|
-
export {
|
|
87
|
+
export { u as Transition };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../Icon/Icon.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../../form/Checkbox/Checkbox.cjs"),o=require("./gallery.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=(0,s.createContext)(null),d=()=>{let e=(0,s.useContext)(u);if(!e)throw Error(`Gallery subcomponents must be used within Gallery`);return e},f=s.default.forwardRef(({items:e,columns:a=3,gap:d=`md`,aspect:f=`square`,selectable:m=!1,selected:h,defaultSelected:g=[],onSelectionChange:_,onItemClick:v,renderActions:y,className:b,style:x,...S},C)=>{let{t:w}=t.useWimTranslation(`components`),T=h!==void 0,[E,D]=(0,s.useState)(()=>new Set(g)),[O,k]=(0,s.useState)(0),A=(0,s.useRef)(null),j=(0,s.useRef)(null),[M,N]=(0,s.useState)(a),P=(0,s.useCallback)(e=>{j.current=e,typeof C==`function`?C(e):C&&(C.current=e)},[C]);(0,s.useEffect)(()=>{let e=j.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0].contentRect.width;N(t<480?1:t<576?2:a)});return t.observe(e),()=>t.disconnect()},[a]);let F=(0,s.useMemo)(()=>T?new Set(h):E,[T,h,E]),I=(0,s.useCallback)(e=>{T||D(e),_?.(Array.from(e))},[T,_]),L=(0,s.useCallback)((t,n,r)=>{let i=new Set(F);if(r&&A.current!==null){let r=Math.min(A.current,n),a=Math.max(A.current,n),o=!F.has(t);for(let t=r;t<=a;t++)o?i.add(e[t].id):i.delete(e[t].id)}else i.has(t)?i.delete(t):i.add(t),A.current=n;I(i)},[F,e,I]),R=(0,s.useCallback)(()=>{I(new Set(e.map(e=>e.id)))},[e,I]),z=(0,s.useCallback)(()=>{I(new Set)},[I]),B=(0,s.useMemo)(()=>{let t=[];for(let n=0;n<e.length;n+=M)t.push({rowItems:e.slice(n,n+M),startIndex:n});return t},[e,M]),V=Array.from(F),H=V.length>0,U={"--gallery-columns":M,...x},W=t=>{let n=M,r=e.length,i=O;switch(t.key){case`ArrowRight`:t.preventDefault(),i=Math.min(O+1,r-1);break;case`ArrowLeft`:t.preventDefault(),i=Math.max(O-1,0);break;case`ArrowDown`:t.preventDefault(),i=Math.min(O+n,r-1);break;case`ArrowUp`:t.preventDefault(),i=Math.max(O-n,0);break;case`Home`:t.preventDefault(),i=0;break;case`End`:t.preventDefault(),i=r-1;break;case`Escape`:m&&(t.preventDefault(),z());break;case`a`:case`A`:m&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),R());break;default:return}i!==O&&(k(i),t.currentTarget.querySelectorAll(`[data-gallery-item]`)[i]?.focus())};return(0,l.jsx)(u.Provider,{value:{selectable:m,selectedIds:F,lastClickedIndex:A,items:e,toggleSelect:L,focusedIndex:O,setFocusedIndex:k,selectAll:R,clearSelection:z,onItemClick:v},children:(0,l.jsxs)(`div`,{ref:P,className:(0,c.default)(`wim-gallery`,o.default.root,b),...S,children:[m&&H&&(0,l.jsxs)(`div`,{className:o.default.toolbar,role:`toolbar`,"aria-label":w(`gallery.toolbar_label`),children:[(0,l.jsx)(`span`,{className:o.default.toolbarCount,children:w(`gallery.selected_count`,{count:V.length})}),(0,l.jsxs)(`div`,{className:o.default.toolbarActions,children:[y?.({selectedIds:V,clearSelection:z}),(0,l.jsx)(i.Button,{size:`sm`,variant:`ghost`,className:o.default.toolbarClear,onClick:z,"aria-label":w(`gallery.clear_selection`),icon:(0,l.jsx)(r.Icon,{component:n.default,size:`sm`})})]})]}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.grid,o.default[`gap-${d}`],o.default[`aspect-${f}`]),style:U,role:`grid`,"aria-multiselectable":m||void 0,"aria-label":w(`gallery.grid_label`),onKeyDown:W,tabIndex:0,children:B.map(({rowItems:e,startIndex:t},n)=>(0,l.jsx)(`div`,{role:`row`,style:{display:`contents`},children:e.map((e,n)=>(0,l.jsx)(p,{item:e,index:t+n},e.id))},n))})]})})});f.displayName=`Gallery`;var p=({item:e,index:n})=>{let{selectable:r,selectedIds:i,toggleSelect:s,focusedIndex:u,setFocusedIndex:f,onItemClick:p}=d(),{t:m}=t.useWimTranslation(`components`),h=i.has(e.id),g=u===n,_=t=>{r?s(e.id,n,t.shiftKey):p?.(e,n),f(n)},v=t=>{t.stopPropagation(),s(e.id,n,t.shiftKey)},y=t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),r?s(e.id,n,!1):p?.(e,n))};return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.item,{[o.default.selected]:h,[o.default.selectable]:r}),role:`gridcell`,"aria-selected":r?h:void 0,tabIndex:g?0:-1,onClick:_,onKeyDown:y,onFocus:()=>f(n),"data-gallery-item":!0,children:[(0,l.jsxs)(`div`,{className:o.default.imageWrapper,children:[(0,l.jsx)(`img`,{src:e.src,alt:e.alt??e.title??``,className:o.default.image,draggable:!1}),r&&(0,l.jsx)(`div`,{className:o.default.checkboxOverlay,children:(0,l.jsx)(a.Checkbox,{checked:h,onChange:()=>{},onClick:v,"aria-label":m(h?`gallery.deselect_item`:`gallery.select_item`,{title:e.title??e.alt??String(n+1)}),tabIndex:-1,className:o.default.checkbox})}),h&&(0,l.jsx)(`div`,{className:o.default.selectedRing,"aria-hidden":!0})]}),(e.title||e.caption)&&(0,l.jsxs)(`div`,{className:o.default.caption,children:[e.title&&(0,l.jsx)(`span`,{className:o.default.captionTitle,children:e.title}),e.caption&&(0,l.jsx)(`span`,{className:o.default.captionText,children:e.caption})]})]})};exports.Gallery=f;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
|
|
3
|
-
import t from "../../../icon/close
|
|
3
|
+
import t from "../../../icon/close.js";
|
|
4
4
|
import { Icon as n } from "../Icon/Icon.js";
|
|
5
5
|
import { Button as r } from "../../form/Button/Button.js";
|
|
6
6
|
import { Checkbox as i } from "../../form/Checkbox/Checkbox.js";
|
|
@@ -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("../../_internal/OverlayBase.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../../icon/close.cjs"),s=require("../../../icon/minus.cjs"),c=require("../../../icon/plus.cjs"),l=require("../Icon/Icon.cjs"),u=require("./lightbox.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=(0,d.createContext)(void 0),h=()=>{let e=(0,d.useContext)(m);if(!e)throw Error(`Lightbox components must be used within Lightbox`);return e},g=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,defaultIndex:i=0})=>{let[a,o]=(0,d.useState)(r),[s,c]=(0,d.useState)(i),[l,u]=(0,d.useState)([]),f=t!==void 0,h=f?t:a,g=(0,d.useCallback)(e=>{f||o(e),n?.(e)},[f,n]),_=(0,d.useCallback)(e=>{let t=-1;return u(n=>(t=n.length,[...n,e])),t},[]),v=(0,d.useCallback)(e=>{},[]);return(0,p.jsx)(m.Provider,{value:{open:h,setOpen:g,currentIndex:s,setCurrentIndex:c,items:l,setItems:u,registerItem:_,unregisterItem:v},children:e})},_=({children:e,className:
|
|
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("../../_internal/OverlayBase.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../../icon/close.cjs"),s=require("../../../icon/minus.cjs"),c=require("../../../icon/plus.cjs"),l=require("../Icon/Icon.cjs"),u=require("./lightbox.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=(0,d.createContext)(void 0),h=()=>{let e=(0,d.useContext)(m);if(!e)throw Error(`Lightbox components must be used within Lightbox`);return e},g=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,defaultIndex:i=0})=>{let[a,o]=(0,d.useState)(r),[s,c]=(0,d.useState)(i),[l,u]=(0,d.useState)([]),f=t!==void 0,h=f?t:a,g=(0,d.useCallback)(e=>{f||o(e),n?.(e)},[f,n]),_=(0,d.useCallback)(e=>{let t=-1;return u(n=>(t=n.length,[...n,e])),t},[]),v=(0,d.useCallback)(e=>{},[]);return(0,p.jsx)(m.Provider,{value:{open:h,setOpen:g,currentIndex:s,setCurrentIndex:c,items:l,setItems:u,registerItem:_,unregisterItem:v},children:e})},_=({children:e,className:r,onClick:i,asChild:a=!1,index:o,src:s,alt:c,caption:l,...d})=>{let{setOpen:m,setCurrentIndex:g,items:_,setItems:v}=h(),{t:y}=n.useWimTranslation(`components`),b=e=>{if(i?.(e),o!==void 0)g(o);else if(s){let e=_.findIndex(e=>e.src===s);if(e!==-1)g(e);else{let e=_.length;v(e=>[...e,{src:s,alt:c,caption:l}]),g(e)}}m(!0)},x=a?t.Root:`button`,S=o===void 0?void 0:_[o]?.alt,C=d[`aria-label`]!==void 0||d[`aria-labelledby`]!==void 0,w=c??S,T=C?void 0:w?y(`lightbox.open_named`,{name:w}):y(`lightbox.open`);return(0,p.jsx)(x,{type:`button`,className:(0,f.default)(u.default.trigger,r),onClick:b,"aria-label":T,...d,children:(0,p.jsx)(t.Slottable,{children:e})})},v=({className:e,showCloseButton:t=!0,showNavigation:m=!0,showCounter:g=!0,closeOnOverlayClick:_=!0,...v})=>{let{open:y,setOpen:b,currentIndex:x,setCurrentIndex:S,items:C}=h(),{t:w}=n.useWimTranslation(`components`),[T,E]=(0,d.useState)(1),D=(0,d.useCallback)(()=>{S((x-1+C.length)%C.length),E(1)},[x,C.length,S]),O=(0,d.useCallback)(()=>{S((x+1)%C.length),E(1)},[x,C.length,S]),k=()=>{E(e=>e===1?2:1)};(0,d.useEffect)(()=>{if(!y)return;let e=e=>{e.key===`ArrowLeft`&&D(),e.key===`ArrowRight`&&O(),e.key===`Escape`&&b(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y,D,O,b]);let A=C[x];return A?(0,p.jsx)(r.OverlayBase,{...v,open:y,onOpenChange:b,closeOnOverlayClick:_,overlayClassName:u.default.overlay,className:(0,f.default)(`wim-lightbox`,u.default.contentRoot,e),transitionProps:{preset:`fade`,enter:u.default.contentEnter,enterFrom:u.default.contentEnterFrom,enterTo:u.default.contentEnterTo},children:(0,p.jsxs)(`div`,{className:u.default.container,children:[(0,p.jsxs)(`div`,{className:u.default.header,children:[g&&C.length>1&&(0,p.jsx)(`div`,{className:u.default.counter,children:w(`lightbox.counter`,{current:x+1,total:C.length})}),(0,p.jsxs)(`div`,{className:u.default.controls,children:[(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:k,"aria-label":w(T>1?`lightbox.zoom_out`:`lightbox.zoom_in`),children:T>1?(0,p.jsx)(l.Icon,{component:s.default}):(0,p.jsx)(l.Icon,{component:c.default})}),t&&(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:()=>b(!1),"aria-label":w(`lightbox.close`),children:(0,p.jsx)(l.Icon,{component:o.default})})]})]}),(0,p.jsxs)(`div`,{className:u.default.viewport,children:[m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.prev),onClick:D,"aria-label":w(`lightbox.previous`),children:(0,p.jsx)(l.Icon,{component:i.default})}),(0,p.jsx)(`div`,{className:u.default.mediaWrapper,style:{transform:`scale(${T})`},children:(0,p.jsx)(`img`,{src:A.src,alt:A.alt||``,className:u.default.image})}),m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.next),onClick:O,"aria-label":w(`lightbox.next`),children:(0,p.jsx)(l.Icon,{component:a.default})})]}),(A.title||A.caption)&&(0,p.jsxs)(`div`,{className:u.default.footer,children:[A.title&&(0,p.jsx)(`h3`,{className:u.default.title,children:A.title}),A.caption&&(0,p.jsx)(`p`,{className:u.default.caption,children:A.caption})]})]})}):null},y=({items:e,children:t})=>{let{setItems:n}=h();return(0,d.useEffect)(()=>{n(e)},[e,n]),(0,p.jsx)(`div`,{className:u.default.gallery,children:t})},b=g;b.Trigger=_,b.Content=v,b.Gallery=y,b.displayName=`Lightbox`,_.displayName=`Lightbox.Trigger`,v.displayName=`Lightbox.Content`,y.displayName=`Lightbox.Gallery`,exports.Lightbox=g,exports.LightboxContent=v,exports.LightboxGallery=y,exports.LightboxRoot=b,exports.default=b,exports.LightboxTrigger=_,exports.useLightbox=h;
|
|
@@ -34,6 +34,10 @@ export interface LightboxTriggerProps extends React.ComponentPropsWithoutRef<"bu
|
|
|
34
34
|
asChild?: boolean;
|
|
35
35
|
index?: number;
|
|
36
36
|
src?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Description of the image this opens. Also becomes the button's accessible
|
|
39
|
+
* name when no `aria-label` is given.
|
|
40
|
+
*/
|
|
37
41
|
alt?: string;
|
|
38
42
|
caption?: string;
|
|
39
43
|
}
|
|
@@ -37,29 +37,30 @@ var y = d(void 0), b = () => {
|
|
|
37
37
|
},
|
|
38
38
|
children: e
|
|
39
39
|
});
|
|
40
|
-
}, S = ({ children:
|
|
41
|
-
let { setOpen:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
src: s,
|
|
54
|
-
alt: c,
|
|
55
|
-
caption: l
|
|
56
|
-
}]), p(e);
|
|
57
|
-
}
|
|
40
|
+
}, S = ({ children: r, className: i, onClick: a, asChild: o = !1, index: s, src: c, alt: l, caption: d, ...f }) => {
|
|
41
|
+
let { setOpen: p, setCurrentIndex: m, items: h, setItems: v } = b(), { t: y } = n("components"), x = (e) => {
|
|
42
|
+
if (a?.(e), s !== void 0) m(s);
|
|
43
|
+
else if (c) {
|
|
44
|
+
let e = h.findIndex((e) => e.src === c);
|
|
45
|
+
if (e !== -1) m(e);
|
|
46
|
+
else {
|
|
47
|
+
let e = h.length;
|
|
48
|
+
v((e) => [...e, {
|
|
49
|
+
src: c,
|
|
50
|
+
alt: l,
|
|
51
|
+
caption: d
|
|
52
|
+
}]), m(e);
|
|
58
53
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
54
|
+
}
|
|
55
|
+
p(!0);
|
|
56
|
+
}, S = o ? e : "button", C = s === void 0 ? void 0 : h[s]?.alt, w = f["aria-label"] !== void 0 || f["aria-labelledby"] !== void 0, T = l ?? C, E = w ? void 0 : T ? y("lightbox.open_named", { name: T }) : y("lightbox.open");
|
|
57
|
+
return /* @__PURE__ */ _(S, {
|
|
58
|
+
type: "button",
|
|
59
|
+
className: g(u.trigger, i),
|
|
60
|
+
onClick: x,
|
|
61
|
+
"aria-label": E,
|
|
62
|
+
...f,
|
|
63
|
+
children: /* @__PURE__ */ _(t, { children: r })
|
|
63
64
|
});
|
|
64
65
|
}, C = ({ className: e, showCloseButton: t = !0, showNavigation: d = !0, showCounter: p = !0, closeOnOverlayClick: y = !0, ...x }) => {
|
|
65
66
|
let { open: S, setOpen: C, currentIndex: w, setCurrentIndex: T, items: E } = b(), { t: D } = n("components"), [O, k] = h(1), A = f(() => {
|
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface TabBarProps extends React.ComponentPropsWithoutRef<"nav"> {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Pins the bar to the bottom of the **viewport**. Defaults to `true`.
|
|
5
|
+
*
|
|
6
|
+
* The pin is `position: fixed`, so the bar leaves whatever container you put
|
|
7
|
+
* it in: inside a device-width frame, a preview pane, or a split view it
|
|
8
|
+
* spans the whole window instead. Pass `false` whenever the bar belongs to a
|
|
9
|
+
* container rather than to the window — a screen inside a screen.
|
|
10
|
+
*
|
|
11
|
+
* Nothing warns you about this. `position: fixed` does not widen the
|
|
12
|
+
* document, so the page never gains a horizontal scrollbar and overflow
|
|
13
|
+
* scans stay green while the bar hangs outside its parent.
|
|
14
|
+
*/
|
|
4
15
|
fixed?: boolean;
|
|
5
16
|
/** Show top border */
|
|
6
17
|
bordered?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1na74_3`,t=`_fixed_1na74_14`,n=`_bordered_1na74_19`,r=`_glass_1na74_22`,i=`_container_1na74_26`,a=`_item_1na74_34`,o=`_active_1na74_56`,s=`_icon_1na74_59`,c=`_label_1na74_70`,l=`_badge_1na74_76`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/navigation/TabBar/tab-bar.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1na74_3", t = "_fixed_1na74_14", n = "_bordered_1na74_19", r = "_glass_1na74_22", i = "_container_1na74_26", a = "_item_1na74_34", o = "_active_1na74_56", s = "_icon_1na74_59", c = "_label_1na74_70", l = "_badge_1na74_76", u = {
|
|
4
4
|
root: e,
|
|
5
5
|
fixed: t,
|
|
6
6
|
bordered: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]);return(0,a.jsx)(o.Provider,{value:{open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c}=s();return(0,a.jsxs)(t.OverlayBase,{open:o,onOpenChange:c,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]);return(0,a.jsx)(o.Provider,{value:{open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c}=s();return(0,a.jsxs)(t.OverlayBase,{open:o,onOpenChange:c,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{preset:`slide-bottom`},children:[(0,a.jsx)(`div`,{className:n.default.handle}),e]})},f=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,t),"data-testid":`bottom-sheet-header`,children:e}),p=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,t),"data-testid":`bottom-sheet-footer`,children:e}),m=({children:e,className:t})=>(0,a.jsx)(`h2`,{className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e}),h=({children:e,className:t})=>(0,a.jsx)(`p`,{className:(0,i.default)(n.default.description,t),"data-testid":`bottom-sheet-description`,children:e}),g=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,t),"data-testid":`bottom-sheet-body`,children:e}),_=e=>(0,a.jsx)(c,{...e});_.displayName=`BottomSheet`,_.Trigger=l,_.Content=d,_.Header=f,_.Footer=p,_.Title=m,_.Description=h,_.Body=g,_.Close=u,exports.BottomSheet=_,exports.default=_,exports.BottomSheetBody=g,exports.BottomSheetClose=u,exports.BottomSheetContent=d,exports.BottomSheetDescription=h,exports.BottomSheetFooter=p,exports.BottomSheetHeader=f,exports.BottomSheetTitle=m,exports.BottomSheetTrigger=l;
|
|
@@ -56,14 +56,7 @@ var u = r(void 0), d = () => {
|
|
|
56
56
|
onOpenChange: a,
|
|
57
57
|
overlayClassName: t.overlay,
|
|
58
58
|
contentClassName: s("wim-bottom-sheet", t.content, r),
|
|
59
|
-
transitionProps: {
|
|
60
|
-
enter: "slide-bottom-enter",
|
|
61
|
-
enterFrom: "slide-bottom-enter-from",
|
|
62
|
-
enterTo: "slide-bottom-enter-to",
|
|
63
|
-
leave: "slide-bottom-leave",
|
|
64
|
-
leaveFrom: "slide-bottom-leave-from",
|
|
65
|
-
leaveTo: "slide-bottom-leave-to"
|
|
66
|
-
},
|
|
59
|
+
transitionProps: { preset: "slide-bottom" },
|
|
67
60
|
children: [/* @__PURE__ */ c("div", { className: t.handle }), n]
|
|
68
61
|
});
|
|
69
62
|
}, g = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_overlay_mn13o_4`,t=`_overlayShow_mn13o_1`,n=`_content_mn13o_15`,r=`_handle_mn13o_52`,i=`_header_mn13o_60`,a=`_title_mn13o_66`,o=`_description_mn13o_72`,s=`_body_mn13o_78`,c=`_footer_mn13o_83`,l={overlay:e,overlayShow:t,content:n,handle:r,header:i,title:a,description:o,body:s,footer:c};exports.body=s,exports.content=n,exports.default=l,exports.description=o,exports.footer=c,exports.handle=r,exports.header=i,exports.overlay=e,exports.overlayShow=t,exports.title=a;
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/overlay/BottomSheet/bottom-sheet.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_overlay_mn13o_4", t = "_overlayShow_mn13o_1", n = "_content_mn13o_15", r = "_handle_mn13o_52", i = "_header_mn13o_60", a = "_title_mn13o_66", o = "_description_mn13o_72", s = "_body_mn13o_78", c = "_footer_mn13o_83", l = {
|
|
4
4
|
overlay: e,
|
|
5
5
|
overlayShow: t,
|
|
6
6
|
content: n,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
body: l,
|
|
14
|
-
footer: u
|
|
7
|
+
handle: r,
|
|
8
|
+
header: i,
|
|
9
|
+
title: a,
|
|
10
|
+
description: o,
|
|
11
|
+
body: s,
|
|
12
|
+
footer: c
|
|
15
13
|
};
|
|
16
14
|
//#endregion
|
|
17
|
-
export {
|
|
15
|
+
export { s as body, n as content, l as default, o as description, c as footer, r as handle, i as header, e as overlay, t as overlayShow, a as title };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.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"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
|
|
3
3
|
import { Transition as t } from "../../layout/Transition/Transition.js";
|
|
4
|
-
import n from "../../../icon/close
|
|
4
|
+
import n from "../../../icon/close.js";
|
|
5
5
|
import { Icon as r } from "../../media/Icon/Icon.js";
|
|
6
6
|
import i from "./popover.module.js";
|
|
7
7
|
import { useFloatingElement as a } from "../../_internal/useFloatingElement.js";
|
|
@@ -109,8 +109,7 @@ var g = ({ children: t, className: a, asChild: l, ariaLabel: u, ...d }) => {
|
|
|
109
109
|
...d,
|
|
110
110
|
children: t || /* @__PURE__ */ c(r, {
|
|
111
111
|
component: n,
|
|
112
|
-
|
|
113
|
-
height: 15
|
|
112
|
+
size: "sm"
|
|
114
113
|
})
|
|
115
114
|
});
|
|
116
115
|
};
|