@industry-theme/principal-view-panels 0.12.108 → 0.12.109
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAqD,gBAAgB,EAA+C,MAAM,mCAAmC,CAAC;AAE1K,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAqDrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAqD,gBAAgB,EAA+C,MAAM,mCAAmC,CAAC;AAE1K,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAqDrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA80D9D,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -190837,7 +190837,7 @@ const CanvasEditorPanel = ({
|
|
|
190837
190837
|
spansCanvasPath,
|
|
190838
190838
|
workflowSpanPattern
|
|
190839
190839
|
}) => {
|
|
190840
|
-
var _a2, _b, _c, _d;
|
|
190840
|
+
var _a2, _b, _c, _d, _e3;
|
|
190841
190841
|
const { theme: theme2 } = useTheme();
|
|
190842
190842
|
const graphRef = useRef(null);
|
|
190843
190843
|
const canvasContainerRef = useRef(null);
|
|
@@ -191999,14 +191999,16 @@ const CanvasEditorPanel = ({
|
|
|
191999
191999
|
top: 0,
|
|
192000
192000
|
left: 0,
|
|
192001
192001
|
right: 0,
|
|
192002
|
-
|
|
192002
|
+
minHeight: 48,
|
|
192003
|
+
maxHeight: 96,
|
|
192003
192004
|
backgroundColor: theme2.colors.background,
|
|
192004
192005
|
borderBottom: `1px solid ${theme2.colors.border}`,
|
|
192005
|
-
padding:
|
|
192006
|
+
padding: `${theme2.space[3]}px ${theme2.space[4]}px`,
|
|
192006
192007
|
display: "flex",
|
|
192007
192008
|
alignItems: "center",
|
|
192008
|
-
gap: theme2.space[4]
|
|
192009
|
-
|
|
192009
|
+
gap: `${theme2.space[4]}px`,
|
|
192010
|
+
overflowY: "auto",
|
|
192011
|
+
flexWrap: "wrap",
|
|
192010
192012
|
zIndex: 50,
|
|
192011
192013
|
boxSizing: "border-box"
|
|
192012
192014
|
}, children: [
|
|
@@ -192016,13 +192018,13 @@ const CanvasEditorPanel = ({
|
|
|
192016
192018
|
color: theme2.colors.textMuted,
|
|
192017
192019
|
flexShrink: 0
|
|
192018
192020
|
}, children: "Edges:" }),
|
|
192019
|
-
((_d = state.canvas) == null ? void 0 : _d.edgeTypes) && Object.keys(state.canvas.edgeTypes).length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: theme2.space[4]
|
|
192021
|
+
((_d = state.canvas) == null ? void 0 : _d.edgeTypes) && Object.keys(state.canvas.edgeTypes).length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: `${theme2.space[4]}px`, flexWrap: "wrap" }, children: Object.entries(state.canvas.edgeTypes).map(([typeName, edgeType]) => /* @__PURE__ */ jsxs(
|
|
192020
192022
|
"div",
|
|
192021
192023
|
{
|
|
192022
192024
|
style: {
|
|
192023
192025
|
display: "flex",
|
|
192024
192026
|
alignItems: "center",
|
|
192025
|
-
gap: theme2.space[2]
|
|
192027
|
+
gap: `${theme2.space[2]}px`
|
|
192026
192028
|
},
|
|
192027
192029
|
children: [
|
|
192028
192030
|
/* @__PURE__ */ jsxs("svg", { width: "40", height: "12", style: { flexShrink: 0 }, children: [
|
|
@@ -192071,7 +192073,46 @@ const CanvasEditorPanel = ({
|
|
|
192071
192073
|
fontSize: theme2.fontSizes[1],
|
|
192072
192074
|
color: theme2.colors.textMuted,
|
|
192073
192075
|
fontStyle: "italic"
|
|
192074
|
-
}, children: "No edge types defined" })
|
|
192076
|
+
}, children: "No edge types defined" }),
|
|
192077
|
+
((_e3 = state.library) == null ? void 0 : _e3.scopes) && Object.keys(state.library.scopes).length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
192078
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
192079
|
+
fontSize: theme2.fontSizes[1],
|
|
192080
|
+
fontWeight: theme2.fontWeights.medium,
|
|
192081
|
+
color: theme2.colors.textMuted,
|
|
192082
|
+
flexShrink: 0
|
|
192083
|
+
}, children: "Scopes:" }),
|
|
192084
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: `${theme2.space[4]}px`, flexWrap: "wrap" }, children: Object.entries(state.library.scopes).map(([scopeName, scopeConfig]) => /* @__PURE__ */ jsxs(
|
|
192085
|
+
"div",
|
|
192086
|
+
{
|
|
192087
|
+
style: {
|
|
192088
|
+
display: "flex",
|
|
192089
|
+
alignItems: "center",
|
|
192090
|
+
gap: `${theme2.space[2]}px`
|
|
192091
|
+
},
|
|
192092
|
+
children: [
|
|
192093
|
+
/* @__PURE__ */ jsx(
|
|
192094
|
+
"div",
|
|
192095
|
+
{
|
|
192096
|
+
style: {
|
|
192097
|
+
width: 24,
|
|
192098
|
+
height: 16,
|
|
192099
|
+
backgroundColor: scopeConfig.color || "#64748b",
|
|
192100
|
+
border: `1px solid ${theme2.colors.border}`,
|
|
192101
|
+
borderRadius: 2,
|
|
192102
|
+
flexShrink: 0
|
|
192103
|
+
}
|
|
192104
|
+
}
|
|
192105
|
+
),
|
|
192106
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
192107
|
+
fontSize: theme2.fontSizes[1],
|
|
192108
|
+
color: theme2.colors.text,
|
|
192109
|
+
whiteSpace: "nowrap"
|
|
192110
|
+
}, children: scopeName })
|
|
192111
|
+
]
|
|
192112
|
+
},
|
|
192113
|
+
scopeName
|
|
192114
|
+
)) })
|
|
192115
|
+
] })
|
|
192075
192116
|
] }),
|
|
192076
192117
|
state.isSearchOpen && /* @__PURE__ */ jsxs("div", { style: {
|
|
192077
192118
|
position: "absolute",
|