@linzjs/windows 15.0.0 → 16.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/index.js +17 -29
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
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) => {
|
|
@@ -3299,8 +3289,6 @@ function requirePropTypes () {
|
|
|
3299
3289
|
var propTypesExports = /*@__PURE__*/ requirePropTypes();
|
|
3300
3290
|
var PropTypes2 = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
3301
3291
|
|
|
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
3292
|
// lib/Draggable.tsx
|
|
3305
3293
|
|
|
3306
3294
|
// lib/utils/shims.ts
|
|
@@ -5724,7 +5712,7 @@ function PopinWindow({
|
|
|
5724
5712
|
Rnd,
|
|
5725
5713
|
{
|
|
5726
5714
|
ref: panelRef,
|
|
5727
|
-
className: clsx
|
|
5715
|
+
className: clsx("WindowPanel", className),
|
|
5728
5716
|
dragHandleClassName: "draggable-handle",
|
|
5729
5717
|
maxHeight,
|
|
5730
5718
|
maxWidth,
|
|
@@ -7037,7 +7025,7 @@ const Panel = (props) => {
|
|
|
7037
7025
|
) });
|
|
7038
7026
|
};
|
|
7039
7027
|
const PanelContent = forwardRef(function PanelContentFr({ children, className }, ref) {
|
|
7040
|
-
return /* @__PURE__ */ jsx("div", { className: clsx
|
|
7028
|
+
return /* @__PURE__ */ jsx("div", { className: clsx(`WindowPanel-content`, className), ref, children });
|
|
7041
7029
|
});
|
|
7042
7030
|
|
|
7043
7031
|
const PanelDock = ({ id, children }) => {
|
|
@@ -7050,7 +7038,7 @@ const PanelDock = ({ id, children }) => {
|
|
|
7050
7038
|
};
|
|
7051
7039
|
|
|
7052
7040
|
const PanelFooter = forwardRef(function PanelFooterFr({ children, className }, ref) {
|
|
7053
|
-
return /* @__PURE__ */ jsx("div", { className: clsx
|
|
7041
|
+
return /* @__PURE__ */ jsx("div", { className: clsx(`WindowPanel-footer`, className), ref, children });
|
|
7054
7042
|
});
|
|
7055
7043
|
|
|
7056
7044
|
const PanelHeaderButton = ({ "aria-label": ariaLabel, href, icon, onClick }) => {
|
|
@@ -7101,7 +7089,7 @@ const PanelHeader = ({
|
|
|
7101
7089
|
return /* @__PURE__ */ jsxs(
|
|
7102
7090
|
"div",
|
|
7103
7091
|
{
|
|
7104
|
-
className: clsx
|
|
7092
|
+
className: clsx("WindowPanel-header", resizeable && "draggable-handle"),
|
|
7105
7093
|
onMouseDown: headerMouseDown,
|
|
7106
7094
|
onMouseUp: () => !panelPoppedOut && setCursor("grab"),
|
|
7107
7095
|
style: resizeable ? { cursor } : {},
|
|
@@ -7183,7 +7171,7 @@ const PanelInline = forwardRef(function PanelInline2({ title, className, width,
|
|
|
7183
7171
|
panelPoppedOut: false,
|
|
7184
7172
|
bounds: void 0
|
|
7185
7173
|
},
|
|
7186
|
-
children: /* @__PURE__ */ jsx("div", { ref, className: clsx
|
|
7174
|
+
children: /* @__PURE__ */ jsx("div", { ref, className: clsx("WindowPanel", className), title, style: { width, height }, children })
|
|
7187
7175
|
}
|
|
7188
7176
|
) });
|
|
7189
7177
|
});
|
|
@@ -7545,7 +7533,7 @@ const LuiModalPrefab = (props) => {
|
|
|
7545
7533
|
return /* @__PURE__ */ jsxs(
|
|
7546
7534
|
LuiModalAsync,
|
|
7547
7535
|
{
|
|
7548
|
-
className: clsx
|
|
7536
|
+
className: clsx("LuiModalPrefab", `LuiModalPrefab-${level}`, className),
|
|
7549
7537
|
style,
|
|
7550
7538
|
closeOnOverlayClick,
|
|
7551
7539
|
children: [
|
|
@@ -7578,7 +7566,7 @@ const LuiModalPrefab = (props) => {
|
|
|
7578
7566
|
intent: pf.intent,
|
|
7579
7567
|
disabled: pf.disabled,
|
|
7580
7568
|
loading: pf.loading,
|
|
7581
|
-
className: clsx
|
|
7569
|
+
className: clsx(pf.className, pf.icon && "lui-button-icon", pf.iconRight && "lui-button-icon-right"),
|
|
7582
7570
|
onClick: () => {
|
|
7583
7571
|
setDontShow();
|
|
7584
7572
|
resolve(pf.value);
|
|
@@ -7652,7 +7640,7 @@ const LuiModalUpload = ({
|
|
|
7652
7640
|
return /* @__PURE__ */ jsxs(
|
|
7653
7641
|
LuiModalAsync,
|
|
7654
7642
|
{
|
|
7655
|
-
className: clsx
|
|
7643
|
+
className: clsx("LuiModalPrefab", `LuiModalPrefab-file`),
|
|
7656
7644
|
closeOnOverlayClick: true,
|
|
7657
7645
|
style: { width: width ?? 512, minHeight: height, height },
|
|
7658
7646
|
children: [
|
|
@@ -7808,7 +7796,7 @@ const RibbonButton = forwardRef(function RibbonButton2({
|
|
|
7808
7796
|
return /* @__PURE__ */ jsx("div", { className: "RibbonButtonSkeleton", children: /* @__PURE__ */ jsx(
|
|
7809
7797
|
Skeleton,
|
|
7810
7798
|
{
|
|
7811
|
-
className: clsx
|
|
7799
|
+
className: clsx(
|
|
7812
7800
|
disabled && "disabled"
|
|
7813
7801
|
// disabled to style cursor
|
|
7814
7802
|
),
|
|
@@ -7844,7 +7832,7 @@ const RibbonButton = forwardRef(function RibbonButton2({
|
|
|
7844
7832
|
"data-testid": testId,
|
|
7845
7833
|
disabled,
|
|
7846
7834
|
onClick,
|
|
7847
|
-
className: clsx
|
|
7835
|
+
className: clsx(
|
|
7848
7836
|
className,
|
|
7849
7837
|
"RibbonButton",
|
|
7850
7838
|
selected && "RibbonButton-selected",
|
|
@@ -7889,7 +7877,7 @@ const RibbonButtonOpenPanel = forwardRef(
|
|
|
7889
7877
|
ref,
|
|
7890
7878
|
...buttonProps,
|
|
7891
7879
|
onClick: () => openPanel({ uniqueId: uniqueId || buttonProps.title, componentFn, poppedOut, onClose }),
|
|
7892
|
-
className: clsx
|
|
7880
|
+
className: clsx(openPanels.has(uniqueId ?? "") && "RibbonButton-selected", className)
|
|
7893
7881
|
}
|
|
7894
7882
|
);
|
|
7895
7883
|
}
|
|
@@ -7949,7 +7937,7 @@ const RibbonMenuOption = forwardRef(
|
|
|
7949
7937
|
currentTarget?.focus?.();
|
|
7950
7938
|
},
|
|
7951
7939
|
onClick,
|
|
7952
|
-
className: clsx
|
|
7940
|
+
className: clsx(className, "RibbonMenuOption", disabled && "RibbonMenuOption-disabled"),
|
|
7953
7941
|
children: [
|
|
7954
7942
|
/* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: icon && /* @__PURE__ */ jsx(LuiIcon, { name: icon, alt: title ?? "", size: "md" }) }),
|
|
7955
7943
|
/* @__PURE__ */ jsx("div", { style: hasIcon && !icon ? { paddingLeft: 24 } : {}, children })
|
|
@@ -7989,7 +7977,7 @@ const RibbonButtonSlider = forwardRef(
|
|
|
7989
7977
|
...{ ["popover"]: "auto" },
|
|
7990
7978
|
role: "menu",
|
|
7991
7979
|
"aria-label": "Menu",
|
|
7992
|
-
className: clsx
|
|
7980
|
+
className: clsx(`RibbonSliderMenu RibbonSliderMenu-${alignment}`, sliderClassName),
|
|
7993
7981
|
style: {
|
|
7994
7982
|
positionAnchor,
|
|
7995
7983
|
[alignments[0]]: `anchor(${positionAnchor} ${alignments[1]})`,
|