@linzjs/windows 15.0.0 → 16.1.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/LuiModalAsync/LuiModalAsyncContextProvider.js +3 -1
- package/dist/LuiModalAsync/LuiModalAsyncContextProvider.js.map +1 -1
- package/dist/LuiModalAsync/LuiModalAsyncHeader.js +3 -2
- package/dist/LuiModalAsync/LuiModalAsyncHeader.js.map +1 -1
- package/dist/common/useConstFunction.js +1 -0
- package/dist/common/useConstFunction.js.map +1 -1
- package/dist/index.js +61 -61
- package/dist/index.js.map +1 -1
- package/dist/index.scss +0 -1
- package/dist/panel/Panel.d.ts +1 -1
- package/dist/panel/Panel.js +21 -10
- package/dist/panel/Panel.js.map +1 -1
- package/dist/panel/Panel.scss +19 -7
- package/dist/panel/PanelHeaderButton.js +3 -2
- package/dist/panel/PanelHeaderButton.js.map +1 -1
- package/dist/panel/PanelInstanceContextProvider.js +3 -0
- package/dist/panel/PanelInstanceContextProvider.js.map +1 -1
- package/package.json +4 -4
- package/dist/ribbon/stories/RibbonDemo.scss +0 -30
|
@@ -151,7 +151,9 @@ export const LuiModalAsyncContextProvider = ({ children }) => {
|
|
|
151
151
|
: [(modalInstance.ownerRef.current?.ownerDocument ?? document).body];
|
|
152
152
|
return (_jsxs(LuiModalAsyncContext.Provider, { value: {
|
|
153
153
|
showModal,
|
|
154
|
-
}, children: [_jsx(_Fragment, { children:
|
|
154
|
+
}, children: [_jsx(_Fragment, { children:
|
|
155
|
+
// oxlint-disable-next-line react/refs
|
|
156
|
+
modals.filter(modalHasView).map((modalInstance) => (_jsx(LuiModalAsyncInstanceContext.Provider, { value: {
|
|
155
157
|
ownerRef: modalInstance.ownerRef,
|
|
156
158
|
close: () => modalInstance.resolve(undefined),
|
|
157
159
|
resolve: modalInstance.resolve,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LuiModalAsyncContextProvider.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncContextProvider.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"LuiModalAsyncContextProvider.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncContextProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,11 @@ import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
|
|
|
10
10
|
export const LuiModalAsyncHeader = ({ icon, title, closeButton, helpLink, onHelpClick, helpButtonLevel, }) => {
|
|
11
11
|
const { ownerRef, close } = useContext(LuiModalAsyncInstanceContext);
|
|
12
12
|
const [disabled, setDisabled] = useState(true);
|
|
13
|
-
// Dialogs
|
|
13
|
+
// Dialogs autofocus buttons even when flagged not to
|
|
14
14
|
// On initial display the header buttons are disable to prevent this
|
|
15
15
|
useLayoutEffect(() => {
|
|
16
|
-
|
|
16
|
+
// oxlint-disable-next-line react/set-state-in-effect
|
|
17
|
+
setDisabled(false);
|
|
17
18
|
}, []);
|
|
18
19
|
return (_jsxs("div", { className: 'LuiModalAsync-header', children: [icon &&
|
|
19
20
|
(typeof icon === 'string' ? (_jsx(LuiIcon, { name: icon, alt: 'icon', size: 'md', className: `LuiModalAsync-header-icon LuiModalAsync-header-icon-${icon}` })) : (icon)), _jsx("h4", { children: title }), (helpLink || onHelpClick) && (_jsx(LuiButton, { type: 'button', level: helpButtonLevel || 'plain-text', "aria-label": 'Help', title: 'Help', className: 'lui-button-icon-only', disabled: disabled, buttonProps: { 'data-noautofocus': true, tabIndex: -1 }, onClick: helpLink
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LuiModalAsyncHeader.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAmC,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAY9E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,eAAe,GAC6B,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,
|
|
1
|
+
{"version":3,"file":"LuiModalAsyncHeader.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAmC,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAY9E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,eAAe,GAC6B,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,qDAAqD;IACrD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,qDAAqD;QACrD,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,aACnC,IAAI;gBACH,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,uDAAuD,IAAI,EAAE,GACxE,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC,EACJ,uBAAK,KAAK,GAAM,EACf,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,KAAC,SAAS,IACR,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,eAAe,IAAI,YAAY,gBAC1B,MAAM,EAClB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EACvD,OAAO,EACL,QAAQ;oBACN,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,IAAI,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;oBACzF,CAAC,CAAC,WAAW,YAGjB,KAAC,OAAO,IAAC,IAAI,EAAC,iBAAiB,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,yBAAyB,GAAI,GACnF,CACb,EACA,WAAW,IAAI,KAAC,iBAAiB,kBAAa,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,GAAI,IACxF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useConstFunction.js","sourceRoot":"","sources":["../../src/common/useConstFunction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,QAAQ;AACV,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,EAAE,GAAQ,MAAa,EAClB,EAAE;IACP,MAAM,WAAW,GAAG,MAAM,CAAM,EAAE,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAM,CAAC,CAAC,GAAG,IAAU,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAQ,CAAC,CAAC;IAEzF,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,QAAQ,CAAC,OAAO,CAAC;AAC1B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"useConstFunction.js","sourceRoot":"","sources":["../../src/common/useConstFunction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,QAAQ;AACV,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,EAAE,GAAQ,MAAa,EAClB,EAAE;IACP,MAAM,WAAW,GAAG,MAAM,CAAM,EAAE,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAM,CAAC,CAAC,GAAG,IAAU,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAQ,CAAC,CAAC;IAEzF,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,sCAAsC;IACtC,OAAO,QAAQ,CAAC,OAAO,CAAC;AAC1B,CAAC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -42,17 +42,7 @@ const tabToSiblingElement = (direction) => {
|
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
-
function r
|
|
46
|
-
var t, f, n = "";
|
|
47
|
-
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
48
|
-
else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r$1(e[t])) && (n && (n += " "), n += f);
|
|
49
|
-
else for (t in e) e[t] && (n && (n += " "), n += t);
|
|
50
|
-
return n;
|
|
51
|
-
}
|
|
52
|
-
function clsx$1() {
|
|
53
|
-
for (var e, t, f = 0, n = ""; f < arguments.length; ) (e = arguments[f++]) && (t = r$1(e)) && (n && (n += " "), n += t);
|
|
54
|
-
return n;
|
|
55
|
-
}
|
|
45
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
56
46
|
|
|
57
47
|
const CopyableText = (props) => {
|
|
58
48
|
const [copied, setCopied] = useState(false);
|
|
@@ -84,7 +74,7 @@ const CopyableText = (props) => {
|
|
|
84
74
|
{
|
|
85
75
|
"data-testid": dataTestId,
|
|
86
76
|
style,
|
|
87
|
-
className: clsx
|
|
77
|
+
className: clsx("windows_tooltip", className),
|
|
88
78
|
onClick: (event) => {
|
|
89
79
|
event.stopPropagation();
|
|
90
80
|
copy(event);
|
|
@@ -2064,11 +2054,11 @@ const LuiModalAsync = ({
|
|
|
2064
2054
|
}
|
|
2065
2055
|
}, 100);
|
|
2066
2056
|
}, []);
|
|
2067
|
-
return className?.includes("storybook") ? /* @__PURE__ */ jsx("div", { className: clsx
|
|
2057
|
+
return className?.includes("storybook") ? /* @__PURE__ */ jsx("div", { className: clsx("LuiModalAsync", className), style, children }) : /* @__PURE__ */ jsx(
|
|
2068
2058
|
"dialog",
|
|
2069
2059
|
{
|
|
2070
2060
|
role: "dialog",
|
|
2071
|
-
className: clsx
|
|
2061
|
+
className: clsx("LuiModalAsync", className),
|
|
2072
2062
|
style,
|
|
2073
2063
|
ref: dialogRef,
|
|
2074
2064
|
onCancel: (e) => {
|
|
@@ -2240,20 +2230,23 @@ const LuiModalAsyncContextProvider = ({ children }) => {
|
|
|
2240
2230
|
showModal
|
|
2241
2231
|
},
|
|
2242
2232
|
children: [
|
|
2243
|
-
/* @__PURE__ */ jsx(Fragment, {
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2233
|
+
/* @__PURE__ */ jsx(Fragment, {
|
|
2234
|
+
// oxlint-disable-next-line react/refs
|
|
2235
|
+
children: modals.filter(modalHasView).map((modalInstance) => /* @__PURE__ */ jsx(
|
|
2236
|
+
LuiModalAsyncInstanceContext.Provider,
|
|
2237
|
+
{
|
|
2238
|
+
value: {
|
|
2239
|
+
ownerRef: modalInstance.ownerRef,
|
|
2240
|
+
close: () => modalInstance.resolve(void 0),
|
|
2241
|
+
resolve: modalInstance.resolve
|
|
2242
|
+
},
|
|
2243
|
+
children: portalOwners(modalInstance).map(
|
|
2244
|
+
(element) => createPortal(/* @__PURE__ */ jsx(Fragment, { children: modalInstance.componentInstance }), element)
|
|
2245
|
+
)
|
|
2250
2246
|
},
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
},
|
|
2255
|
-
modalInstance.uuid
|
|
2256
|
-
)) }),
|
|
2247
|
+
modalInstance.uuid
|
|
2248
|
+
))
|
|
2249
|
+
}),
|
|
2257
2250
|
/* @__PURE__ */ jsx(Fragment, { children })
|
|
2258
2251
|
]
|
|
2259
2252
|
}
|
|
@@ -3299,8 +3292,6 @@ function requirePropTypes () {
|
|
|
3299
3292
|
var propTypesExports = /*@__PURE__*/ requirePropTypes();
|
|
3300
3293
|
var PropTypes2 = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
3301
3294
|
|
|
3302
|
-
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
3303
|
-
|
|
3304
3295
|
// lib/Draggable.tsx
|
|
3305
3296
|
|
|
3306
3297
|
// lib/utils/shims.ts
|
|
@@ -5724,7 +5715,7 @@ function PopinWindow({
|
|
|
5724
5715
|
Rnd,
|
|
5725
5716
|
{
|
|
5726
5717
|
ref: panelRef,
|
|
5727
|
-
className: clsx
|
|
5718
|
+
className: clsx("WindowPanel", className),
|
|
5728
5719
|
dragHandleClassName: "draggable-handle",
|
|
5729
5720
|
maxHeight,
|
|
5730
5721
|
maxWidth,
|
|
@@ -6907,8 +6898,8 @@ const Panel = (props) => {
|
|
|
6907
6898
|
const { dockElements, nextStackPosition } = useContext(PanelsContext);
|
|
6908
6899
|
const { panelPoppedOut, uniqueId, setTitle, dockId, docked, hidden } = useContext(PanelInstanceContext);
|
|
6909
6900
|
const savedState = useRestoreStateFrom({ uniqueId, panelPoppedOut: false });
|
|
6910
|
-
const lastPanelHeightRef = useRef(
|
|
6911
|
-
lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current
|
|
6901
|
+
const lastPanelHeightRef = useRef(400);
|
|
6902
|
+
lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current;
|
|
6912
6903
|
useEffect(() => {
|
|
6913
6904
|
setTitle(title);
|
|
6914
6905
|
}, [setTitle, title]);
|
|
@@ -6920,6 +6911,11 @@ const Panel = (props) => {
|
|
|
6920
6911
|
}
|
|
6921
6912
|
}
|
|
6922
6913
|
}, [title]);
|
|
6914
|
+
useEffect(() => {
|
|
6915
|
+
if (panelRef.current) {
|
|
6916
|
+
panelRef.current.inert = hidden ?? false;
|
|
6917
|
+
}
|
|
6918
|
+
}, [hidden, panelPoppedOut]);
|
|
6923
6919
|
const [panelPosition, setPanelPosition] = useState(() => {
|
|
6924
6920
|
if (dynamicBounds) {
|
|
6925
6921
|
const result = dynamicBounds();
|
|
@@ -6996,7 +6992,7 @@ const Panel = (props) => {
|
|
|
6996
6992
|
}, [dynamicResize]);
|
|
6997
6993
|
useInterval(dynamicResize, dynamicBounds ? 250 : null);
|
|
6998
6994
|
const dockElement = docked && dockId && dockElements[dockId];
|
|
6999
|
-
return /* @__PURE__ */ jsx(Fragment, { children: dockElement && dockElement.isConnected ? createPortal(children, dockElement) : panelPoppedOut ? /* @__PURE__ */
|
|
6995
|
+
return /* @__PURE__ */ jsx(Fragment, { children: dockElement && dockElement.isConnected ? createPortal(children, dockElement) : panelPoppedOut ? /* @__PURE__ */ jsxs(
|
|
7000
6996
|
PopoutWindow,
|
|
7001
6997
|
{
|
|
7002
6998
|
name: uniqueId,
|
|
@@ -7005,22 +7001,26 @@ const Panel = (props) => {
|
|
|
7005
7001
|
popInPanelPosition: panelPosition,
|
|
7006
7002
|
popInPanelSize: {
|
|
7007
7003
|
width: panelSize.width,
|
|
7004
|
+
// oxlint-disable-next-line react/refs
|
|
7008
7005
|
height: panelSize.height === "auto" ? lastPanelHeightRef.current : panelSize.height
|
|
7009
7006
|
},
|
|
7010
|
-
children:
|
|
7011
|
-
"div",
|
|
7012
|
-
|
|
7013
|
-
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
|
|
7007
|
+
children: [
|
|
7008
|
+
hidden && /* @__PURE__ */ jsx("div", { className: "PopoutWindowContainer--hidden" }),
|
|
7009
|
+
/* @__PURE__ */ jsx(
|
|
7010
|
+
"div",
|
|
7011
|
+
{
|
|
7012
|
+
ref: panelRef,
|
|
7013
|
+
style: {
|
|
7014
|
+
display: "flex",
|
|
7015
|
+
flexDirection: "column",
|
|
7016
|
+
width: "100%",
|
|
7017
|
+
height: "100%"
|
|
7018
|
+
},
|
|
7019
|
+
className,
|
|
7020
|
+
children
|
|
7021
|
+
}
|
|
7022
|
+
)
|
|
7023
|
+
]
|
|
7024
7024
|
}
|
|
7025
7025
|
) : /* @__PURE__ */ jsx(
|
|
7026
7026
|
PopinWindow,
|
|
@@ -7037,7 +7037,7 @@ const Panel = (props) => {
|
|
|
7037
7037
|
) });
|
|
7038
7038
|
};
|
|
7039
7039
|
const PanelContent = forwardRef(function PanelContentFr({ children, className }, ref) {
|
|
7040
|
-
return /* @__PURE__ */ jsx("div", { className: clsx
|
|
7040
|
+
return /* @__PURE__ */ jsx("div", { className: clsx(`WindowPanel-content`, className), ref, children });
|
|
7041
7041
|
});
|
|
7042
7042
|
|
|
7043
7043
|
const PanelDock = ({ id, children }) => {
|
|
@@ -7050,13 +7050,13 @@ const PanelDock = ({ id, children }) => {
|
|
|
7050
7050
|
};
|
|
7051
7051
|
|
|
7052
7052
|
const PanelFooter = forwardRef(function PanelFooterFr({ children, className }, ref) {
|
|
7053
|
-
return /* @__PURE__ */ jsx("div", { className: clsx
|
|
7053
|
+
return /* @__PURE__ */ jsx("div", { className: clsx(`WindowPanel-footer`, className), ref, children });
|
|
7054
7054
|
});
|
|
7055
7055
|
|
|
7056
7056
|
const PanelHeaderButton = ({ "aria-label": ariaLabel, href, icon, onClick }) => {
|
|
7057
7057
|
const [disabled, setDisabled] = useState(true);
|
|
7058
7058
|
useLayoutEffect(() => {
|
|
7059
|
-
|
|
7059
|
+
setDisabled(false);
|
|
7060
7060
|
}, []);
|
|
7061
7061
|
return /* @__PURE__ */ jsx(
|
|
7062
7062
|
LuiButton,
|
|
@@ -7101,7 +7101,7 @@ const PanelHeader = ({
|
|
|
7101
7101
|
return /* @__PURE__ */ jsxs(
|
|
7102
7102
|
"div",
|
|
7103
7103
|
{
|
|
7104
|
-
className: clsx
|
|
7104
|
+
className: clsx("WindowPanel-header", resizeable && "draggable-handle"),
|
|
7105
7105
|
onMouseDown: headerMouseDown,
|
|
7106
7106
|
onMouseUp: () => !panelPoppedOut && setCursor("grab"),
|
|
7107
7107
|
style: resizeable ? { cursor } : {},
|
|
@@ -7183,7 +7183,7 @@ const PanelInline = forwardRef(function PanelInline2({ title, className, width,
|
|
|
7183
7183
|
panelPoppedOut: false,
|
|
7184
7184
|
bounds: void 0
|
|
7185
7185
|
},
|
|
7186
|
-
children: /* @__PURE__ */ jsx("div", { ref, className: clsx
|
|
7186
|
+
children: /* @__PURE__ */ jsx("div", { ref, className: clsx("WindowPanel", className), title, style: { width, height }, children })
|
|
7187
7187
|
}
|
|
7188
7188
|
) });
|
|
7189
7189
|
});
|
|
@@ -7439,7 +7439,7 @@ const LuiModalAsyncHeader = ({
|
|
|
7439
7439
|
const { ownerRef, close } = useContext(LuiModalAsyncInstanceContext);
|
|
7440
7440
|
const [disabled, setDisabled] = useState(true);
|
|
7441
7441
|
useLayoutEffect(() => {
|
|
7442
|
-
|
|
7442
|
+
setDisabled(false);
|
|
7443
7443
|
}, []);
|
|
7444
7444
|
return /* @__PURE__ */ jsxs("div", { className: "LuiModalAsync-header", children: [
|
|
7445
7445
|
icon && (typeof icon === "string" ? /* @__PURE__ */ jsx(
|
|
@@ -7545,7 +7545,7 @@ const LuiModalPrefab = (props) => {
|
|
|
7545
7545
|
return /* @__PURE__ */ jsxs(
|
|
7546
7546
|
LuiModalAsync,
|
|
7547
7547
|
{
|
|
7548
|
-
className: clsx
|
|
7548
|
+
className: clsx("LuiModalPrefab", `LuiModalPrefab-${level}`, className),
|
|
7549
7549
|
style,
|
|
7550
7550
|
closeOnOverlayClick,
|
|
7551
7551
|
children: [
|
|
@@ -7578,7 +7578,7 @@ const LuiModalPrefab = (props) => {
|
|
|
7578
7578
|
intent: pf.intent,
|
|
7579
7579
|
disabled: pf.disabled,
|
|
7580
7580
|
loading: pf.loading,
|
|
7581
|
-
className: clsx
|
|
7581
|
+
className: clsx(pf.className, pf.icon && "lui-button-icon", pf.iconRight && "lui-button-icon-right"),
|
|
7582
7582
|
onClick: () => {
|
|
7583
7583
|
setDontShow();
|
|
7584
7584
|
resolve(pf.value);
|
|
@@ -7652,7 +7652,7 @@ const LuiModalUpload = ({
|
|
|
7652
7652
|
return /* @__PURE__ */ jsxs(
|
|
7653
7653
|
LuiModalAsync,
|
|
7654
7654
|
{
|
|
7655
|
-
className: clsx
|
|
7655
|
+
className: clsx("LuiModalPrefab", `LuiModalPrefab-file`),
|
|
7656
7656
|
closeOnOverlayClick: true,
|
|
7657
7657
|
style: { width: width ?? 512, minHeight: height, height },
|
|
7658
7658
|
children: [
|
|
@@ -7808,7 +7808,7 @@ const RibbonButton = forwardRef(function RibbonButton2({
|
|
|
7808
7808
|
return /* @__PURE__ */ jsx("div", { className: "RibbonButtonSkeleton", children: /* @__PURE__ */ jsx(
|
|
7809
7809
|
Skeleton,
|
|
7810
7810
|
{
|
|
7811
|
-
className: clsx
|
|
7811
|
+
className: clsx(
|
|
7812
7812
|
disabled && "disabled"
|
|
7813
7813
|
// disabled to style cursor
|
|
7814
7814
|
),
|
|
@@ -7844,7 +7844,7 @@ const RibbonButton = forwardRef(function RibbonButton2({
|
|
|
7844
7844
|
"data-testid": testId,
|
|
7845
7845
|
disabled,
|
|
7846
7846
|
onClick,
|
|
7847
|
-
className: clsx
|
|
7847
|
+
className: clsx(
|
|
7848
7848
|
className,
|
|
7849
7849
|
"RibbonButton",
|
|
7850
7850
|
selected && "RibbonButton-selected",
|
|
@@ -7889,7 +7889,7 @@ const RibbonButtonOpenPanel = forwardRef(
|
|
|
7889
7889
|
ref,
|
|
7890
7890
|
...buttonProps,
|
|
7891
7891
|
onClick: () => openPanel({ uniqueId: uniqueId || buttonProps.title, componentFn, poppedOut, onClose }),
|
|
7892
|
-
className: clsx
|
|
7892
|
+
className: clsx(openPanels.has(uniqueId ?? "") && "RibbonButton-selected", className)
|
|
7893
7893
|
}
|
|
7894
7894
|
);
|
|
7895
7895
|
}
|
|
@@ -7949,7 +7949,7 @@ const RibbonMenuOption = forwardRef(
|
|
|
7949
7949
|
currentTarget?.focus?.();
|
|
7950
7950
|
},
|
|
7951
7951
|
onClick,
|
|
7952
|
-
className: clsx
|
|
7952
|
+
className: clsx(className, "RibbonMenuOption", disabled && "RibbonMenuOption-disabled"),
|
|
7953
7953
|
children: [
|
|
7954
7954
|
/* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: icon && /* @__PURE__ */ jsx(LuiIcon, { name: icon, alt: title ?? "", size: "md" }) }),
|
|
7955
7955
|
/* @__PURE__ */ jsx("div", { style: hasIcon && !icon ? { paddingLeft: 24 } : {}, children })
|
|
@@ -7989,7 +7989,7 @@ const RibbonButtonSlider = forwardRef(
|
|
|
7989
7989
|
...{ ["popover"]: "auto" },
|
|
7990
7990
|
role: "menu",
|
|
7991
7991
|
"aria-label": "Menu",
|
|
7992
|
-
className: clsx
|
|
7992
|
+
className: clsx(`RibbonSliderMenu RibbonSliderMenu-${alignment}`, sliderClassName),
|
|
7993
7993
|
style: {
|
|
7994
7994
|
positionAnchor,
|
|
7995
7995
|
[alignments[0]]: `anchor(${positionAnchor} ${alignments[1]})`,
|