wimui 0.23.6 → 0.23.7
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/navigation/SpeedDial/SpeedDial.cjs +1 -1
- package/dist/components/navigation/SpeedDial/SpeedDial.d.ts +12 -0
- package/dist/components/navigation/SpeedDial/SpeedDial.js +20 -18
- package/dist/components/navigation/SpeedDial/speed-dial.module.cjs +1 -1
- package/dist/components/navigation/SpeedDial/speed-dial.module.js +1 -1
- package/dist/llms-full.txt +4 -1
- package/dist/llms.txt +1 -1
- package/dist/styles.css +1 -1
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/FloatButton/FloatButton.cjs"),n=require("./speed-dial.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=r.default.forwardRef(({actions:e,icon:o=`PlusIcon`,activeIcon:s=`CloseIcon`,direction:c=`up`,trigger:l=`hover`,open:u,onOpenChange:d,className:f,...
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/FloatButton/FloatButton.cjs"),n=require("./speed-dial.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=r.default.forwardRef(({actions:e,icon:o=`PlusIcon`,activeIcon:s=`CloseIcon`,direction:c=`up`,trigger:l=`hover`,open:u,onOpenChange:d,className:f,"aria-label":p,...m},h)=>{let[g,_]=(0,r.useState)(!1),v=u??g,y=e=>{_(e),d?.(e)},b=()=>{l===`hover`&&y(!0)},x=()=>{l===`hover`&&y(!1)},S=()=>{l===`click`&&y(!v)};return(0,a.jsxs)(`div`,{ref:h,className:(0,i.default)(`wim-speed-dial`,n.default.root,n.default[c],v&&n.default.open,f),onMouseEnter:b,onMouseLeave:x,...m,children:[(0,a.jsx)(`div`,{className:n.default.actions,children:e.map((e,r)=>(0,a.jsx)(`div`,{className:n.default.actionWrapper,style:{transitionDelay:v?`${r*50}ms`:`0ms`},children:(0,a.jsx)(t.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,intent:e.intent,className:e.className,onClick:()=>{e.onClick?.(),l===`click`&&y(!1)},position:`inline`})},r))}),(0,a.jsx)(t.FloatButton,{iconName:v?s:o,onClick:S,className:n.default.trigger,position:`inline`,"aria-expanded":v,"aria-haspopup":`true`,"aria-label":p})]})});o.displayName=`SpeedDial`,exports.SpeedDial=o;
|
|
@@ -22,6 +22,12 @@ export type SpeedDialProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
|
22
22
|
open?: boolean;
|
|
23
23
|
/** Callback when open state changes */
|
|
24
24
|
onOpenChange?: (open: boolean) => void;
|
|
25
|
+
/**
|
|
26
|
+
* Accessible name for the trigger button.
|
|
27
|
+
* Lands on the inner `FloatButton`, not on the wrapper `div`.
|
|
28
|
+
* Omit to keep the icon-name fallback (`PlusIcon` / `CloseIcon`).
|
|
29
|
+
*/
|
|
30
|
+
"aria-label"?: string;
|
|
25
31
|
};
|
|
26
32
|
/**
|
|
27
33
|
* SpeedDial component displays a floating action button that expands to show multiple actions.
|
|
@@ -45,4 +51,10 @@ export declare const SpeedDial: React.ForwardRefExoticComponent<Omit<React.Detai
|
|
|
45
51
|
open?: boolean;
|
|
46
52
|
/** Callback when open state changes */
|
|
47
53
|
onOpenChange?: (open: boolean) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Accessible name for the trigger button.
|
|
56
|
+
* Lands on the inner `FloatButton`, not on the wrapper `div`.
|
|
57
|
+
* Omit to keep the icon-name fallback (`PlusIcon` / `CloseIcon`).
|
|
58
|
+
*/
|
|
59
|
+
"aria-label"?: string;
|
|
48
60
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -5,45 +5,47 @@ import n, { useState as r } from "react";
|
|
|
5
5
|
import i from "classnames";
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/navigation/SpeedDial/SpeedDial.tsx
|
|
8
|
-
var s = n.forwardRef(({ actions: n, icon: s = "PlusIcon", activeIcon: c = "CloseIcon", direction: l = "up", trigger: u = "hover", open: d, onOpenChange: f, className: p,
|
|
9
|
-
let [
|
|
10
|
-
|
|
11
|
-
}, b = () => {
|
|
12
|
-
u === "hover" && y(!0);
|
|
8
|
+
var s = n.forwardRef(({ actions: n, icon: s = "PlusIcon", activeIcon: c = "CloseIcon", direction: l = "up", trigger: u = "hover", open: d, onOpenChange: f, className: p, "aria-label": m, ...h }, g) => {
|
|
9
|
+
let [_, v] = r(!1), y = d ?? _, b = (e) => {
|
|
10
|
+
v(e), f?.(e);
|
|
13
11
|
}, x = () => {
|
|
14
|
-
u === "hover" &&
|
|
12
|
+
u === "hover" && b(!0);
|
|
15
13
|
}, S = () => {
|
|
16
|
-
u === "
|
|
14
|
+
u === "hover" && b(!1);
|
|
15
|
+
}, C = () => {
|
|
16
|
+
u === "click" && b(!y);
|
|
17
17
|
};
|
|
18
18
|
return /* @__PURE__ */ o("div", {
|
|
19
|
-
ref:
|
|
20
|
-
className: i("wim-speed-dial", t.root, t[l],
|
|
21
|
-
onMouseEnter:
|
|
22
|
-
onMouseLeave:
|
|
23
|
-
...
|
|
19
|
+
ref: g,
|
|
20
|
+
className: i("wim-speed-dial", t.root, t[l], y && t.open, p),
|
|
21
|
+
onMouseEnter: x,
|
|
22
|
+
onMouseLeave: S,
|
|
23
|
+
...h,
|
|
24
24
|
children: [/* @__PURE__ */ a("div", {
|
|
25
25
|
className: t.actions,
|
|
26
26
|
children: n.map((n, r) => /* @__PURE__ */ a("div", {
|
|
27
27
|
className: t.actionWrapper,
|
|
28
|
-
style: { transitionDelay:
|
|
28
|
+
style: { transitionDelay: y ? `${r * 50}ms` : "0ms" },
|
|
29
29
|
children: /* @__PURE__ */ a(e, {
|
|
30
30
|
iconName: n.icon,
|
|
31
31
|
label: n.label,
|
|
32
32
|
size: "sm",
|
|
33
|
+
intent: n.intent,
|
|
33
34
|
className: n.className,
|
|
34
35
|
onClick: () => {
|
|
35
|
-
n.onClick?.(), u === "click" &&
|
|
36
|
+
n.onClick?.(), u === "click" && b(!1);
|
|
36
37
|
},
|
|
37
38
|
position: "inline"
|
|
38
39
|
})
|
|
39
40
|
}, r))
|
|
40
41
|
}), /* @__PURE__ */ a(e, {
|
|
41
|
-
iconName:
|
|
42
|
-
onClick:
|
|
42
|
+
iconName: y ? c : s,
|
|
43
|
+
onClick: C,
|
|
43
44
|
className: t.trigger,
|
|
44
45
|
position: "inline",
|
|
45
|
-
"aria-expanded":
|
|
46
|
-
"aria-haspopup": "true"
|
|
46
|
+
"aria-expanded": y,
|
|
47
|
+
"aria-haspopup": "true",
|
|
48
|
+
"aria-label": m
|
|
47
49
|
})]
|
|
48
50
|
});
|
|
49
51
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_4do0c_3`,t=`_up_4do0c_10`,n=`_down_4do0c_13`,r=`_left_4do0c_16`,i=`_right_4do0c_19`,a=`_actions_4do0c_22`,o=`_open_4do0c_63`,s=`_actionWrapper_4do0c_69`,c=`_trigger_4do0c_78`,l={root:e,up:t,down:n,left:r,right:i,actions:a,open:o,actionWrapper:s,trigger:c};exports.actionWrapper=s,exports.actions=a,exports.default=l,exports.down=n,exports.left=r,exports.open=o,exports.right=i,exports.root=e,exports.trigger=c,exports.up=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/navigation/SpeedDial/speed-dial.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_4do0c_3", t = "_up_4do0c_10", n = "_down_4do0c_13", r = "_left_4do0c_16", i = "_right_4do0c_19", a = "_actions_4do0c_22", o = "_open_4do0c_63", s = "_actionWrapper_4do0c_69", c = "_trigger_4do0c_78", l = {
|
|
4
4
|
root: e,
|
|
5
5
|
up: t,
|
|
6
6
|
down: n,
|
package/dist/llms-full.txt
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## What this is
|
|
6
6
|
|
|
7
|
-
**wimui** v0.23.
|
|
7
|
+
**wimui** v0.23.7 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
|
|
8
8
|
|
|
9
9
|
## Install & required setup
|
|
10
10
|
|
|
@@ -2055,6 +2055,9 @@ Useful for URL-based pagination (e.g. wrap with a Link via PaginationPage asChil
|
|
|
2055
2055
|
- `trigger: "hover" | "click"` = "hover" — Trigger mode to open the SpeedDial
|
|
2056
2056
|
- `open: boolean` — Controlled open state
|
|
2057
2057
|
- `onOpenChange: (open: boolean) => void` — Callback when open state changes
|
|
2058
|
+
- `aria-label: string` — Accessible name for the trigger button.
|
|
2059
|
+
Lands on the inner `FloatButton`, not on the wrapper `div`.
|
|
2060
|
+
Omit to keep the icon-name fallback (`PlusIcon` / `CloseIcon`).
|
|
2058
2061
|
- **Stepper** — Visual sequence steps
|
|
2059
2062
|
- ⚠️ Not the same as elsewhere: In Apple HIG and macOS, a "Stepper" is the control that increments a number — that is `NumberInput` here. WIM's `Stepper` shows progress through a sequence of steps, which is what Material calls a Stepper.
|
|
2060
2063
|
- `steps: Step[]` = [] — Array of step configurations
|
package/dist/llms.txt
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## What this is
|
|
6
6
|
|
|
7
|
-
**wimui** v0.23.
|
|
7
|
+
**wimui** v0.23.7 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
|
|
8
8
|
|
|
9
9
|
## Install & required setup
|
|
10
10
|
|