@octaviaflow/core 3.0.18-beta.16 → 3.0.18-beta.18
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/styles.css +1 -1
- package/dist/workflow/components/ConfigPanel/ConfigPanel.d.ts +6 -6
- package/dist/workflow/components/ConfigPanel/ConfigPanel.d.ts.map +1 -1
- package/dist/workflow.cjs +49 -53
- package/dist/workflow.cjs.map +1 -1
- package/dist/workflow.js +49 -53
- package/dist/workflow.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,10 +11,9 @@ export interface ConfigPanelTab {
|
|
|
11
11
|
}
|
|
12
12
|
export interface ConfigPanelProps {
|
|
13
13
|
open?: boolean;
|
|
14
|
-
/** Title shown in the header. Double-click opens
|
|
14
|
+
/** Title shown in the header — the action name. Double-click opens
|
|
15
|
+
* the inline editor. The header shows this single line only. */
|
|
15
16
|
title?: string;
|
|
16
|
-
/** Optional breadcrumb prefix (e.g. "Action"). */
|
|
17
|
-
kindLabel?: string;
|
|
18
17
|
/** Optional icon rendered before the title. */
|
|
19
18
|
icon?: ReactNode;
|
|
20
19
|
/**
|
|
@@ -41,9 +40,10 @@ export interface ConfigPanelProps {
|
|
|
41
40
|
onCancel?: () => void;
|
|
42
41
|
/** Resizable width — pass `resizable: false` to lock. */
|
|
43
42
|
resizable?: boolean;
|
|
44
|
-
/** Initial width (px). Defaults to
|
|
43
|
+
/** Initial width (px). Defaults to 400. */
|
|
45
44
|
defaultWidth?: number;
|
|
46
|
-
/** Lower clamp during resize. Defaults to
|
|
45
|
+
/** Lower clamp during resize. Defaults to 400 — the panel can be
|
|
46
|
+
* widened but never narrowed past its default. */
|
|
47
47
|
minWidth?: number;
|
|
48
48
|
/**
|
|
49
49
|
* Upper clamp during resize. Defaults to 720. The panel ALSO clamps
|
|
@@ -72,5 +72,5 @@ export interface ConfigPanelProps {
|
|
|
72
72
|
className?: string;
|
|
73
73
|
style?: CSSProperties;
|
|
74
74
|
}
|
|
75
|
-
export declare function ConfigPanel({ open, title,
|
|
75
|
+
export declare function ConfigPanel({ open, title, icon, headerActions, banner, tabs, activeTab: controlledActive, defaultActiveTab, onTabChange, saveState, onTitleChange, onClose, onSave, onCancel, resizable, defaultWidth, minWidth, maxWidth, maxWidthContainerInset, variant, children, footerActions, className, style, }: ConfigPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
76
76
|
//# sourceMappingURL=ConfigPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigPanel.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/ConfigPanel/ConfigPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf
|
|
1
|
+
{"version":3,"file":"ConfigPanel.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/ConfigPanel/ConfigPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;qEACiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;yDACqD;IACrD,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;uDACmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAkBD,wBAAgB,WAAW,CAAC,EAC1B,IAAW,EACX,KAAK,EACL,IAAI,EACJ,aAAa,EACb,MAAM,EACN,IAAI,EACJ,SAAS,EAAE,gBAAgB,EAC3B,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAgB,EAChB,YAAkB,EAClB,QAAc,EACd,QAAc,EACd,sBAA2B,EAC3B,OAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,2CA8OlB"}
|
package/dist/workflow.cjs
CHANGED
|
@@ -726,7 +726,6 @@ var SAVE_STATE_DOT = {
|
|
|
726
726
|
function ConfigPanel({
|
|
727
727
|
open = true,
|
|
728
728
|
title,
|
|
729
|
-
kindLabel,
|
|
730
729
|
icon,
|
|
731
730
|
headerActions,
|
|
732
731
|
banner,
|
|
@@ -740,8 +739,8 @@ function ConfigPanel({
|
|
|
740
739
|
onSave,
|
|
741
740
|
onCancel,
|
|
742
741
|
resizable = true,
|
|
743
|
-
defaultWidth =
|
|
744
|
-
minWidth =
|
|
742
|
+
defaultWidth = 400,
|
|
743
|
+
minWidth = 400,
|
|
745
744
|
maxWidth = 720,
|
|
746
745
|
maxWidthContainerInset = 80,
|
|
747
746
|
variant = "pinned",
|
|
@@ -843,56 +842,53 @@ function ConfigPanel({
|
|
|
843
842
|
"aria-hidden": "true"
|
|
844
843
|
}
|
|
845
844
|
),
|
|
846
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
847
|
-
|
|
848
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
"input",
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
"button",
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
"button",
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
"
|
|
883
|
-
|
|
884
|
-
"
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
)
|
|
894
|
-
] })
|
|
895
|
-
] }),
|
|
845
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "ods-flow-config-panel__header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ods-flow-config-panel__title-row", children: [
|
|
846
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ods-flow-config-panel__icon", children: icon }),
|
|
847
|
+
editingTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
848
|
+
"input",
|
|
849
|
+
{
|
|
850
|
+
className: "ods-flow-config-panel__title-input",
|
|
851
|
+
value: draftTitle,
|
|
852
|
+
autoFocus: true,
|
|
853
|
+
onChange: (e) => setDraftTitle(e.target.value),
|
|
854
|
+
onBlur: () => commitTitle(draftTitle),
|
|
855
|
+
onKeyDown: titleKeyDown,
|
|
856
|
+
"aria-label": "Edit title"
|
|
857
|
+
}
|
|
858
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
859
|
+
"button",
|
|
860
|
+
{
|
|
861
|
+
type: "button",
|
|
862
|
+
className: "ods-flow-config-panel__title",
|
|
863
|
+
onDoubleClick: () => {
|
|
864
|
+
if (!onTitleChange) return;
|
|
865
|
+
setDraftTitle(title ?? "");
|
|
866
|
+
setEditingTitle(true);
|
|
867
|
+
},
|
|
868
|
+
title: onTitleChange ? "Double-click to rename" : void 0,
|
|
869
|
+
children: title ?? "Untitled"
|
|
870
|
+
}
|
|
871
|
+
),
|
|
872
|
+
headerActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ods-flow-config-panel__header-actions", children: headerActions }),
|
|
873
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
874
|
+
"button",
|
|
875
|
+
{
|
|
876
|
+
type: "button",
|
|
877
|
+
className: "ods-flow-config-panel__close",
|
|
878
|
+
onClick: onClose,
|
|
879
|
+
"aria-label": "Close panel",
|
|
880
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
881
|
+
"path",
|
|
882
|
+
{
|
|
883
|
+
d: "M3 3l8 8M11 3l-8 8",
|
|
884
|
+
stroke: "currentColor",
|
|
885
|
+
strokeWidth: "1.5",
|
|
886
|
+
strokeLinecap: "round"
|
|
887
|
+
}
|
|
888
|
+
) })
|
|
889
|
+
}
|
|
890
|
+
)
|
|
891
|
+
] }) }),
|
|
896
892
|
tabs && tabs.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "ods-flow-config-panel__tabs", role: "tablist", children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
897
893
|
"button",
|
|
898
894
|
{
|