@linzjs/windows 11.2.0 → 12.0.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/useLuiModalPrefab.d.ts +2 -0
- package/dist/LuiModalAsync/useLuiModalPrefab.js +2 -2
- package/dist/LuiModalAsync/useLuiModalPrefab.js.map +1 -1
- package/dist/index.js +43 -14
- package/dist/index.js.map +1 -1
- package/dist/panel/PopoutWindow.js +9 -4
- package/dist/panel/PopoutWindow.js.map +1 -1
- package/dist/panel/handleStyleSheetsChanges.d.ts +4 -2
- package/dist/panel/handleStyleSheetsChanges.js +23 -8
- package/dist/panel/handleStyleSheetsChanges.js.map +1 -1
- package/dist/panel/openExternalWindow.js +12 -3
- package/dist/panel/openExternalWindow.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,12 +6,14 @@ import { LuiModalAsyncCallback, PromiseWithResolve } from './LuiModalAsyncContex
|
|
|
6
6
|
export type PrefabType = 'outline' | 'success' | 'info' | 'warning' | 'error' | 'progress' | 'blocked';
|
|
7
7
|
export interface LuiModalAsyncPrefabButton<RT> {
|
|
8
8
|
default?: boolean;
|
|
9
|
+
className?: string;
|
|
9
10
|
level?: LuiButtonProps['level'];
|
|
10
11
|
intent?: LuiButtonProps['intent'];
|
|
11
12
|
disabled?: boolean;
|
|
12
13
|
loading?: boolean;
|
|
13
14
|
title: string;
|
|
14
15
|
icon?: IconName;
|
|
16
|
+
iconRight?: IconName;
|
|
15
17
|
value?: RT;
|
|
16
18
|
}
|
|
17
19
|
export interface useLuiModalPrefabProps<RT = string> extends LuiModalAsyncProps {
|
|
@@ -68,10 +68,10 @@ export const LuiModalPrefab = (props) => {
|
|
|
68
68
|
LuiModalDontShowSessionSet(dontShowAgainSessionKey);
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
return (_jsxs(LuiModalAsync, { className: clsx('LuiModalPrefab', `LuiModalPrefab-${level}`, className), style: style, closeOnOverlayClick: closeOnOverlayClick, children: [_jsxs(LuiModalAsyncMain, { children: [_jsx(LuiModalAsyncHeader, { title: title, icon: icon === 'custom_progress' ? _jsx(LuiMiniSpinner, { size: 24 }) : icon, helpLink: helpLink, onHelpClick: onHelpClick }), _jsx(LuiModalAsyncContent, { children: children }), dontShowAgainSessionKey && (_jsx(LuiCheckboxInput, { className: 'LuiCheckboxInput--nomargin', label: "Don't show me this again", value: 'dontShowAgain', isChecked: dontShowAgain, onChange: (e) => setDontShowAgain(e.target.checked) }))] }), _jsx(LuiModalAsyncButtonGroup, { children: buttons.map((pf, i) => (_jsxs(LuiButton, { level: pf.level ?? 'secondary', intent: pf.intent, disabled: pf.disabled, loading: pf.loading, className: clsx(pf.icon && 'lui-button-icon'), onClick: () => {
|
|
71
|
+
return (_jsxs(LuiModalAsync, { className: clsx('LuiModalPrefab', `LuiModalPrefab-${level}`, className), style: style, closeOnOverlayClick: closeOnOverlayClick, children: [_jsxs(LuiModalAsyncMain, { children: [_jsx(LuiModalAsyncHeader, { title: title, icon: icon === 'custom_progress' ? _jsx(LuiMiniSpinner, { size: 24 }) : icon, helpLink: helpLink, onHelpClick: onHelpClick }), _jsx(LuiModalAsyncContent, { children: children }), dontShowAgainSessionKey && (_jsx(LuiCheckboxInput, { className: 'LuiCheckboxInput--nomargin', label: "Don't show me this again", value: 'dontShowAgain', isChecked: dontShowAgain, onChange: (e) => setDontShowAgain(e.target.checked) }))] }), _jsx(LuiModalAsyncButtonGroup, { children: buttons.map((pf, i) => (_jsxs(LuiButton, { level: pf.level ?? 'secondary', intent: pf.intent, disabled: pf.disabled, loading: pf.loading, className: clsx(pf.className, pf.icon && 'lui-button-icon', pf.iconRight && 'lui-button-icon-right'), onClick: () => {
|
|
72
72
|
setDontShow();
|
|
73
73
|
resolve(pf.value);
|
|
74
|
-
}, buttonProps: pf.default ? { 'data-autofocus': true } : undefined, children: [pf.icon && _jsx(LuiIcon, { name: pf.icon, alt: pf.title, size: 'md' }), pf.title] }, i))) })] }));
|
|
74
|
+
}, buttonProps: pf.default ? { 'data-autofocus': true } : undefined, children: [pf.icon && _jsx(LuiIcon, { name: pf.icon, alt: pf.title, size: 'md' }), pf.title, pf.iconRight && _jsx(LuiIcon, { name: pf.iconRight, alt: pf.title, size: 'md' })] }, i))) })] }));
|
|
75
75
|
};
|
|
76
76
|
/**
|
|
77
77
|
* Instantiate a generic template for common types of modals.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLuiModalPrefab.js","sourceRoot":"","sources":["../../src/LuiModalAsync/useLuiModalPrefab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGnF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAmC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"useLuiModalPrefab.js","sourceRoot":"","sources":["../../src/LuiModalAsync/useLuiModalPrefab.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -10679,6 +10679,26 @@ const makePopoutId = (str) => str
|
|
|
10679
10679
|
.toLowerCase();
|
|
10680
10680
|
const popoutWindowDivId = (windowTitle) => `popoutWindow-${makePopoutId(windowTitle)}`;
|
|
10681
10681
|
|
|
10682
|
+
// Shared patch for CSSStyleSheet.insertRule so multiple concurrent popouts don't stomp each other.
|
|
10683
|
+
// Emotion (used by react-select) injects styles via insertRule, bypassing DOM mutations entirely.
|
|
10684
|
+
const insertRuleListeners = new Set();
|
|
10685
|
+
const originalInsertRule = CSSStyleSheet.prototype.insertRule;
|
|
10686
|
+
const addInsertRuleListener = (fn) => {
|
|
10687
|
+
if (insertRuleListeners.size === 0) {
|
|
10688
|
+
CSSStyleSheet.prototype.insertRule = function (rule, index) {
|
|
10689
|
+
const result = originalInsertRule.call(this, rule, index);
|
|
10690
|
+
insertRuleListeners.forEach((listener) => listener());
|
|
10691
|
+
return result;
|
|
10692
|
+
};
|
|
10693
|
+
}
|
|
10694
|
+
insertRuleListeners.add(fn);
|
|
10695
|
+
};
|
|
10696
|
+
const removeInsertRuleListener = (fn) => {
|
|
10697
|
+
insertRuleListeners.delete(fn);
|
|
10698
|
+
if (insertRuleListeners.size === 0) {
|
|
10699
|
+
CSSStyleSheet.prototype.insertRule = originalInsertRule;
|
|
10700
|
+
}
|
|
10701
|
+
};
|
|
10682
10702
|
// Copy the app's styles into the new window
|
|
10683
10703
|
const copyStyleSheets = (newHeadMountElement) => {
|
|
10684
10704
|
const stylesheets = Array.from(document.styleSheets);
|
|
@@ -10706,19 +10726,15 @@ const copyStyleSheets = (newHeadMountElement) => {
|
|
|
10706
10726
|
* This works by listening to any changes to the head element
|
|
10707
10727
|
* If there are any changes it replaces all the styles in the floating window
|
|
10708
10728
|
* at most every 100ms
|
|
10709
|
-
* @param
|
|
10729
|
+
* @param onStyleChange throttled callback to trigger a style copy
|
|
10710
10730
|
*/
|
|
10711
|
-
const observeStyleSheetChanges = (
|
|
10731
|
+
const observeStyleSheetChanges = (onStyleChange) => {
|
|
10712
10732
|
const targetNode = document.querySelector('head');
|
|
10713
10733
|
if (!targetNode) {
|
|
10714
10734
|
return null;
|
|
10715
10735
|
}
|
|
10716
10736
|
// Options for the observer (which mutations to observe)
|
|
10717
10737
|
const config = { /*attributes: true,*/ childList: true /*, subtree: true */ };
|
|
10718
|
-
//throttle the copying of the all the styles at most 100ms
|
|
10719
|
-
const throttleCopyStyleSheets = throttle(() => {
|
|
10720
|
-
copyStyleSheets(newHeadMountElement);
|
|
10721
|
-
}, 100);
|
|
10722
10738
|
// Callback function to execute when mutations are observed
|
|
10723
10739
|
const callback = function (mutationList) {
|
|
10724
10740
|
for (const mutation of mutationList) {
|
|
@@ -10729,7 +10745,7 @@ const observeStyleSheetChanges = (newHeadMountElement) => {
|
|
|
10729
10745
|
//floating window is complicated, so the easiest way is to just wait for modifications for finish
|
|
10730
10746
|
//updating, then replace them all
|
|
10731
10747
|
//we could probably just copy all style on every modification, by that might have a performance hit
|
|
10732
|
-
|
|
10748
|
+
onStyleChange();
|
|
10733
10749
|
} /*else if (mutation.type === "attributes") {
|
|
10734
10750
|
//Do we need to handle attribute modifications?
|
|
10735
10751
|
// console.log("The " + mutation.attributeName + " attribute was modified.");
|
|
@@ -10790,11 +10806,19 @@ const openExternalWindow = ({ title, size, setContainerElement, setHeadElement,
|
|
|
10790
10806
|
// so the modal shows up in the popped out window instead the main window
|
|
10791
10807
|
newMountElement.id = popoutWindowDivId(title);
|
|
10792
10808
|
copyStyleSheets(newHeadMountElement);
|
|
10809
|
+
// Always intercept insertRule so styles injected after the initial copy (e.g. react-select
|
|
10810
|
+
// rendering after the window opens) are synced to the popout. Uses a shared throttled
|
|
10811
|
+
// callback so both this and the optional MutationObserver drive the same copy call.
|
|
10812
|
+
const throttledCopy = throttle(() => copyStyleSheets(newHeadMountElement), 100);
|
|
10813
|
+
addInsertRuleListener(throttledCopy);
|
|
10793
10814
|
let observer = null;
|
|
10794
10815
|
if (observeStyleChanges) {
|
|
10795
|
-
observer = observeStyleSheetChanges(
|
|
10816
|
+
observer = observeStyleSheetChanges(throttledCopy);
|
|
10796
10817
|
}
|
|
10797
|
-
externalWindow.onbeforeunload = () =>
|
|
10818
|
+
externalWindow.onbeforeunload = () => {
|
|
10819
|
+
observer?.disconnect();
|
|
10820
|
+
removeInsertRuleListener(throttledCopy);
|
|
10821
|
+
};
|
|
10798
10822
|
response.onCloseExternalWindow = () => {
|
|
10799
10823
|
// Make sure the window closes when the component unmounts
|
|
10800
10824
|
externalWindow.close();
|
|
@@ -10861,9 +10885,14 @@ const PopoutWindow = ({ name, title = name, size, popInPanelPosition, popInPanel
|
|
|
10861
10885
|
// The `@emotion/react/CacheProvider`provides a cache derived from createCache for inline styles
|
|
10862
10886
|
// these will be generated into the `container` and prefixed with the `key` below, ensuring
|
|
10863
10887
|
// the styles are in the popout rather than the root window.
|
|
10864
|
-
|
|
10865
|
-
|
|
10866
|
-
|
|
10888
|
+
// Memoised so the cache (and its deduplication tracking) is stable across re-renders,
|
|
10889
|
+
// and only created once headElement is defined — if container is undefined Emotion falls
|
|
10890
|
+
// back to document.head, causing styles to be orphaned in the root window.
|
|
10891
|
+
const myCache = useMemo(() => (headElement ? createCache({ key: makePopoutId(name), container: headElement }) : null), [headElement, name]);
|
|
10892
|
+
if (!containerElement || !myCache) {
|
|
10893
|
+
return null;
|
|
10894
|
+
}
|
|
10895
|
+
return createPortal(jsx(CacheProvider, { value: myCache, children: children }), containerElement);
|
|
10867
10896
|
};
|
|
10868
10897
|
|
|
10869
10898
|
const defaultInitialSize = { width: 320, height: 200 };
|
|
@@ -11330,10 +11359,10 @@ const LuiModalPrefab = (props) => {
|
|
|
11330
11359
|
LuiModalDontShowSessionSet(dontShowAgainSessionKey);
|
|
11331
11360
|
}
|
|
11332
11361
|
};
|
|
11333
|
-
return (jsxs(LuiModalAsync, { className: clsx$1('LuiModalPrefab', `LuiModalPrefab-${level}`, className), style: style, closeOnOverlayClick: closeOnOverlayClick, children: [jsxs(LuiModalAsyncMain, { children: [jsx(LuiModalAsyncHeader, { title: title, icon: icon === 'custom_progress' ? jsx(LuiMiniSpinner, { size: 24 }) : icon, helpLink: helpLink, onHelpClick: onHelpClick }), jsx(LuiModalAsyncContent, { children: children }), dontShowAgainSessionKey && (jsx(LuiCheckboxInput, { className: 'LuiCheckboxInput--nomargin', label: "Don't show me this again", value: 'dontShowAgain', isChecked: dontShowAgain, onChange: (e) => setDontShowAgain(e.target.checked) }))] }), jsx(LuiModalAsyncButtonGroup, { children: buttons.map((pf, i) => (jsxs(LuiButton, { level: pf.level ?? 'secondary', intent: pf.intent, disabled: pf.disabled, loading: pf.loading, className: clsx$1(pf.icon && 'lui-button-icon'), onClick: () => {
|
|
11362
|
+
return (jsxs(LuiModalAsync, { className: clsx$1('LuiModalPrefab', `LuiModalPrefab-${level}`, className), style: style, closeOnOverlayClick: closeOnOverlayClick, children: [jsxs(LuiModalAsyncMain, { children: [jsx(LuiModalAsyncHeader, { title: title, icon: icon === 'custom_progress' ? jsx(LuiMiniSpinner, { size: 24 }) : icon, helpLink: helpLink, onHelpClick: onHelpClick }), jsx(LuiModalAsyncContent, { children: children }), dontShowAgainSessionKey && (jsx(LuiCheckboxInput, { className: 'LuiCheckboxInput--nomargin', label: "Don't show me this again", value: 'dontShowAgain', isChecked: dontShowAgain, onChange: (e) => setDontShowAgain(e.target.checked) }))] }), jsx(LuiModalAsyncButtonGroup, { children: buttons.map((pf, i) => (jsxs(LuiButton, { level: pf.level ?? 'secondary', intent: pf.intent, disabled: pf.disabled, loading: pf.loading, className: clsx$1(pf.className, pf.icon && 'lui-button-icon', pf.iconRight && 'lui-button-icon-right'), onClick: () => {
|
|
11334
11363
|
setDontShow();
|
|
11335
11364
|
resolve(pf.value);
|
|
11336
|
-
}, buttonProps: pf.default ? { 'data-autofocus': true } : undefined, children: [pf.icon && jsx(LuiIcon, { name: pf.icon, alt: pf.title, size: 'md' }), pf.title] }, i))) })] }));
|
|
11365
|
+
}, buttonProps: pf.default ? { 'data-autofocus': true } : undefined, children: [pf.icon && jsx(LuiIcon, { name: pf.icon, alt: pf.title, size: 'md' }), pf.title, pf.iconRight && jsx(LuiIcon, { name: pf.iconRight, alt: pf.title, size: 'md' })] }, i))) })] }));
|
|
11337
11366
|
};
|
|
11338
11367
|
/**
|
|
11339
11368
|
* Instantiate a generic template for common types of modals.
|