canvu-react 0.4.62 → 0.4.63
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/react.cjs +25 -14
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +74 -2
- package/dist/react.d.ts +74 -2
- package/dist/react.js +25 -14
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
package/dist/react.cjs
CHANGED
|
@@ -2119,7 +2119,7 @@ var collapseButtonStyle = {
|
|
|
2119
2119
|
cursor: "pointer",
|
|
2120
2120
|
padding: 0
|
|
2121
2121
|
};
|
|
2122
|
-
var
|
|
2122
|
+
var defaultCollapsedButtonStyle = {
|
|
2123
2123
|
display: "inline-flex",
|
|
2124
2124
|
alignItems: "center",
|
|
2125
2125
|
justifyContent: "center",
|
|
@@ -2148,7 +2148,10 @@ function ImagesMenu({
|
|
|
2148
2148
|
onItemsChange,
|
|
2149
2149
|
onFocusItem,
|
|
2150
2150
|
labels,
|
|
2151
|
-
defaultOpen = false
|
|
2151
|
+
defaultOpen = false,
|
|
2152
|
+
collapsedButtonClassName,
|
|
2153
|
+
collapsedButtonStyle,
|
|
2154
|
+
renderCollapsedButton
|
|
2152
2155
|
}) {
|
|
2153
2156
|
const managed = react.useMemo(() => items.filter(isManagedImage), [items]);
|
|
2154
2157
|
const sensors = core.useSensors(
|
|
@@ -2169,18 +2172,26 @@ function ImagesMenu({
|
|
|
2169
2172
|
duplicate: labels?.duplicate ?? labels?.copy ?? defaultLabels.duplicate
|
|
2170
2173
|
};
|
|
2171
2174
|
if (collapsed) {
|
|
2172
|
-
|
|
2173
|
-
"button",
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2175
|
+
const buttonProps = {
|
|
2176
|
+
type: "button",
|
|
2177
|
+
"data-slot": "images-menu-collapsed",
|
|
2178
|
+
className: collapsedButtonClassName,
|
|
2179
|
+
style: {
|
|
2180
|
+
...defaultCollapsedButtonStyle,
|
|
2181
|
+
...collapsedButtonStyle ?? {}
|
|
2182
|
+
},
|
|
2183
|
+
"aria-label": resolvedLabels.expand,
|
|
2184
|
+
title: resolvedLabels.expand,
|
|
2185
|
+
onClick: () => setCollapsed(false)
|
|
2186
|
+
};
|
|
2187
|
+
if (renderCollapsedButton) {
|
|
2188
|
+
return renderCollapsedButton({
|
|
2189
|
+
count: managed.length,
|
|
2190
|
+
label: resolvedLabels.expand,
|
|
2191
|
+
buttonProps
|
|
2192
|
+
});
|
|
2193
|
+
}
|
|
2194
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", { ...buttonProps, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Images, { size: 20 }) });
|
|
2184
2195
|
}
|
|
2185
2196
|
const onDragEnd = (event) => {
|
|
2186
2197
|
const { active, over } = event;
|