@walkeros/explorer 2.0.1 → 2.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/STYLE.md +240 -136
- package/dist/components/atoms/code.d.ts +4 -1
- package/dist/components/atoms/code.d.ts.map +1 -1
- package/dist/components/atoms/code.js +31 -10
- package/dist/components/atoms/code.js.map +1 -1
- package/dist/components/molecules/code-box.d.ts +2 -1
- package/dist/components/molecules/code-box.d.ts.map +1 -1
- package/dist/components/molecules/code-box.js +32 -6
- package/dist/components/molecules/code-box.js.map +1 -1
- package/dist/components/molecules/code-box.stories.d.ts +13 -0
- package/dist/components/molecules/code-box.stories.d.ts.map +1 -1
- package/dist/components/molecules/code-box.stories.js +76 -0
- package/dist/components/molecules/code-box.stories.js.map +1 -1
- package/dist/components/molecules/code-snippet.stories.d.ts +11 -0
- package/dist/components/molecules/code-snippet.stories.d.ts.map +1 -1
- package/dist/components/molecules/code-snippet.stories.js +38 -0
- package/dist/components/molecules/code-snippet.stories.js.map +1 -1
- package/dist/components/molecules/flow-selector.js +1 -1
- package/dist/components/molecules/flow-selector.js.map +1 -1
- package/dist/components/molecules/flow-selector.stories.js +4 -4
- package/dist/components/molecules/flow-selector.stories.js.map +1 -1
- package/dist/components/molecules/split-button.stories.js +6 -6
- package/dist/components/molecules/split-button.stories.js.map +1 -1
- package/dist/index.d.cts +23 -34
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +342 -294
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +46 -91
- package/dist/themes/lighthouse.d.ts.map +1 -1
- package/dist/themes/lighthouse.js +1 -0
- package/dist/themes/lighthouse.js.map +1 -1
- package/dist/themes/palenight.d.ts.map +1 -1
- package/dist/themes/palenight.js +1 -0
- package/dist/themes/palenight.js.map +1 -1
- package/dist/utils/format-code.d.ts.map +1 -1
- package/dist/utils/format-code.js +11 -2
- package/dist/utils/format-code.js.map +1 -1
- package/dist/utils/monaco-decorators.d.ts.map +1 -1
- package/dist/utils/monaco-decorators.js +2 -0
- package/dist/utils/monaco-decorators.js.map +1 -1
- package/dist/utils/monaco-json-schema.d.ts +24 -0
- package/dist/utils/monaco-json-schema.d.ts.map +1 -0
- package/dist/utils/monaco-json-schema.js +65 -0
- package/dist/utils/monaco-json-schema.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/molecules/flow-deploy-panel.d.ts +0 -31
- package/dist/components/molecules/flow-deploy-panel.d.ts.map +0 -1
- package/dist/components/molecules/flow-deploy-panel.js +0 -72
- package/dist/components/molecules/flow-deploy-panel.js.map +0 -1
- package/dist/components/molecules/flow-deploy-panel.stories.d.ts +0 -40
- package/dist/components/molecules/flow-deploy-panel.stories.d.ts.map +0 -1
- package/dist/components/molecules/flow-deploy-panel.stories.js +0 -145
- package/dist/components/molecules/flow-deploy-panel.stories.js.map +0 -1
|
@@ -5,6 +5,7 @@ export interface CodeProps {
|
|
|
5
5
|
onChange?: (code: string) => void;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
lineNumbers?: boolean;
|
|
8
|
+
minimap?: boolean;
|
|
8
9
|
folding?: boolean;
|
|
9
10
|
wordWrap?: boolean;
|
|
10
11
|
className?: string;
|
|
@@ -18,6 +19,8 @@ export interface CodeProps {
|
|
|
18
19
|
packages?: string[];
|
|
19
20
|
sticky?: boolean;
|
|
20
21
|
ide?: boolean;
|
|
22
|
+
/** JSON Schema (Draft 7) for validation and IntelliSense in JSON mode */
|
|
23
|
+
jsonSchema?: Record<string, unknown>;
|
|
21
24
|
}
|
|
22
25
|
/**
|
|
23
26
|
* Code - Pure Monaco editor atom
|
|
@@ -51,5 +54,5 @@ export interface CodeProps {
|
|
|
51
54
|
* autoHeight={{ min: 100, max: 600 }}
|
|
52
55
|
* />
|
|
53
56
|
*/
|
|
54
|
-
export declare function Code({ code, language, onChange, disabled, lineNumbers, folding, wordWrap, className, beforeMount, onMount, autoHeight, fontSize, packages, sticky, ide, }: CodeProps): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
export declare function Code({ code, language, onChange, disabled, lineNumbers, minimap, folding, wordWrap, className, beforeMount, onMount, autoHeight, fontSize, packages, sticky, ide, jsonSchema, }: CodeProps): import("react/jsx-runtime").JSX.Element;
|
|
55
58
|
//# sourceMappingURL=code.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/code.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/code.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAqB5C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,eAAe,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,QAAgB,EAChB,WAAmB,EACnB,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAa,EACb,QAAQ,EACR,MAAa,EACb,GAAW,EACX,UAAU,GACX,EAAE,SAAS,2CA0TX"}
|
|
@@ -5,6 +5,7 @@ import { registerAllThemes } from '../../themes';
|
|
|
5
5
|
import { registerWalkerOSTypes } from '../../utils/monaco-types';
|
|
6
6
|
import { applyDataElbDecorations, registerDataElbStyles, } from '../../utils/monaco-decorators';
|
|
7
7
|
import { registerFormatters } from '../../utils/monaco-formatters';
|
|
8
|
+
import { generateModelPath, registerJsonSchema, unregisterJsonSchema, } from '../../utils/monaco-json-schema';
|
|
8
9
|
import { useMonacoHeight } from '../../hooks/useMonacoHeight';
|
|
9
10
|
import { useGridHeight } from '../../contexts/GridHeightContext';
|
|
10
11
|
/**
|
|
@@ -39,7 +40,7 @@ import { useGridHeight } from '../../contexts/GridHeightContext';
|
|
|
39
40
|
* autoHeight={{ min: 100, max: 600 }}
|
|
40
41
|
* />
|
|
41
42
|
*/
|
|
42
|
-
export function Code({ code, language = 'javascript', onChange, disabled = false, lineNumbers = false, folding = false, wordWrap = false, className, beforeMount, onMount, autoHeight, fontSize = 13, packages, sticky = true, ide = false, }) {
|
|
43
|
+
export function Code({ code, language = 'javascript', onChange, disabled = false, lineNumbers = false, minimap = false, folding = false, wordWrap = false, className, beforeMount, onMount, autoHeight, fontSize = 13, packages, sticky = true, ide = false, jsonSchema, }) {
|
|
43
44
|
// Track if component has mounted (client-side hydration complete)
|
|
44
45
|
const [isMounted, setIsMounted] = useState(false);
|
|
45
46
|
// Use a consistent default theme for SSR - only update after mount
|
|
@@ -145,6 +146,23 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
145
146
|
resizeObserver.disconnect();
|
|
146
147
|
};
|
|
147
148
|
}, []);
|
|
149
|
+
// JSON Schema registration for IntelliSense
|
|
150
|
+
const modelPathRef = useRef(null);
|
|
151
|
+
// Generate stable model path on first render if jsonSchema is provided
|
|
152
|
+
if (jsonSchema && !modelPathRef.current) {
|
|
153
|
+
modelPathRef.current = generateModelPath();
|
|
154
|
+
}
|
|
155
|
+
// Register/update JSON schema when it changes
|
|
156
|
+
useEffect(() => {
|
|
157
|
+
if (!jsonSchema || !modelPathRef.current)
|
|
158
|
+
return;
|
|
159
|
+
registerJsonSchema(modelPathRef.current, jsonSchema);
|
|
160
|
+
return () => {
|
|
161
|
+
if (modelPathRef.current) {
|
|
162
|
+
unregisterJsonSchema(modelPathRef.current);
|
|
163
|
+
}
|
|
164
|
+
};
|
|
165
|
+
}, [jsonSchema]);
|
|
148
166
|
const handleChange = (value) => {
|
|
149
167
|
if (onChange && value !== undefined) {
|
|
150
168
|
onChange(value);
|
|
@@ -152,10 +170,7 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
152
170
|
};
|
|
153
171
|
const handleBeforeMount = async (monaco) => {
|
|
154
172
|
monacoRef.current = monaco;
|
|
155
|
-
|
|
156
|
-
beforeMount(monaco);
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
173
|
+
// Always run built-in setup
|
|
159
174
|
registerAllThemes(monaco);
|
|
160
175
|
registerFormatters(monaco);
|
|
161
176
|
if (packages && packages.length > 0) {
|
|
@@ -173,6 +188,10 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
173
188
|
window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
174
189
|
const themeName = isDark ? 'elbTheme-dark' : 'elbTheme-light';
|
|
175
190
|
monaco.editor.setTheme(themeName);
|
|
191
|
+
// Call user's beforeMount AFTER built-in setup
|
|
192
|
+
if (beforeMount) {
|
|
193
|
+
beforeMount(monaco);
|
|
194
|
+
}
|
|
176
195
|
};
|
|
177
196
|
const MonacoEditor = Editor;
|
|
178
197
|
const handleEditorMount = (monacoEditor) => {
|
|
@@ -209,10 +228,10 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
209
228
|
// Add modifier class when using auto-height or synced height
|
|
210
229
|
const useContentHeight = !!autoHeight || !!gridContext?.enabled;
|
|
211
230
|
const codeClassName = `elb-code ${useContentHeight ? 'elb-code--auto-height' : ''} ${className || ''}`.trim();
|
|
212
|
-
return (_jsx("div", { className: codeClassName, ref: containerRef, children: _jsx(MonacoEditor, { height: monacoHeight, language: language, value: code, onChange: handleChange, beforeMount: handleBeforeMount, onMount: handleEditorMount, theme: monacoTheme, options: {
|
|
231
|
+
return (_jsx("div", { className: codeClassName, ref: containerRef, children: _jsx(MonacoEditor, { height: monacoHeight, language: language, value: code, onChange: handleChange, beforeMount: handleBeforeMount, onMount: handleEditorMount, theme: monacoTheme, path: modelPathRef.current || undefined, options: {
|
|
213
232
|
readOnly: disabled || !onChange,
|
|
214
233
|
readOnlyMessage: { value: '' },
|
|
215
|
-
minimap: { enabled:
|
|
234
|
+
minimap: { enabled: minimap },
|
|
216
235
|
fontSize: fontSize,
|
|
217
236
|
lineHeight: Math.round(fontSize * 1.5),
|
|
218
237
|
padding: 0,
|
|
@@ -230,8 +249,8 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
230
249
|
fixedOverflowWidgets: true,
|
|
231
250
|
overviewRulerLanes: 0,
|
|
232
251
|
renderLineHighlight: 'none',
|
|
233
|
-
renderValidationDecorations: ide ? 'editable' : 'off',
|
|
234
|
-
hover: { enabled: ide },
|
|
252
|
+
renderValidationDecorations: ide || jsonSchema ? 'editable' : 'off',
|
|
253
|
+
hover: { enabled: ide || !!jsonSchema },
|
|
235
254
|
'semanticHighlighting.enabled': ide,
|
|
236
255
|
showDeprecated: ide,
|
|
237
256
|
showUnused: ide,
|
|
@@ -256,7 +275,9 @@ export function Code({ code, language = 'javascript', onChange, disabled = false
|
|
|
256
275
|
occurrencesHighlight: 'off', // Disable highlighting matching words
|
|
257
276
|
selectOnLineNumbers: false, // Don't select line when clicking line numbers
|
|
258
277
|
wordBasedSuggestions: 'off', // Reduce auto-completion interference
|
|
259
|
-
quickSuggestions:
|
|
278
|
+
quickSuggestions: jsonSchema
|
|
279
|
+
? { strings: true, other: true, comments: false }
|
|
280
|
+
: false,
|
|
260
281
|
stickyScroll: { enabled: sticky },
|
|
261
282
|
} }) }));
|
|
262
283
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../src/components/atoms/code.tsx"],"names":[],"mappings":";AAAA,OAAc,EAEZ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAU,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../src/components/atoms/code.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,7 @@ export interface CodeBoxProps extends Omit<CodeProps, 'code'> {
|
|
|
21
21
|
showTrafficLights?: boolean;
|
|
22
22
|
showCopy?: boolean;
|
|
23
23
|
showFormat?: boolean;
|
|
24
|
+
showSettings?: boolean;
|
|
24
25
|
footer?: React.ReactNode;
|
|
25
26
|
height?: string | number;
|
|
26
27
|
style?: React.CSSProperties;
|
|
@@ -65,5 +66,5 @@ export interface CodeBoxProps extends Omit<CodeProps, 'code'> {
|
|
|
65
66
|
* showFormat
|
|
66
67
|
* />
|
|
67
68
|
*/
|
|
68
|
-
export declare function CodeBox({ code, language, onChange, disabled, autoHeight, label, header, showHeader, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights, showCopy, showFormat, footer, height, style, className, ...codeProps }: CodeBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
69
|
+
export declare function CodeBox({ code, language, onChange, disabled, autoHeight, label, header, showHeader, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights, showCopy, showFormat, showSettings, footer, height, style, className, ...codeProps }: CodeBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
69
70
|
//# sourceMappingURL=code-box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-box.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"code-box.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3D,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,OAAO,CAAC,EAEtB,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,QAAgB,EAChB,UAAU,EAEV,KAAK,EACL,MAAM,EACN,UAAiB,EAEjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EACX,UAAU,EAEV,iBAAyB,EAEzB,QAAe,EACf,UAAkB,EAClB,YAAoB,EAEpB,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CAqQd"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
2
|
-
import { useState, useCallback } from 'react';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback, useRef, useEffect } from 'react';
|
|
3
3
|
import { Box } from '../atoms/box';
|
|
4
4
|
import { Code } from '../atoms/code';
|
|
5
5
|
/**
|
|
@@ -52,10 +52,30 @@ tabs, activeTab: controlledActiveTab, onTabChange, defaultTab,
|
|
|
52
52
|
// Visual
|
|
53
53
|
showTrafficLights = false,
|
|
54
54
|
// Actions
|
|
55
|
-
showCopy =
|
|
55
|
+
showCopy = true, showFormat = false, showSettings = false,
|
|
56
56
|
// Layout
|
|
57
57
|
footer, height, style, className, ...codeProps }) {
|
|
58
58
|
const [copied, setCopied] = useState(false);
|
|
59
|
+
const [showSettingsPanel, setShowSettingsPanel] = useState(false);
|
|
60
|
+
const [settings, setSettings] = useState({
|
|
61
|
+
lineNumbers: false,
|
|
62
|
+
minimap: false,
|
|
63
|
+
wordWrap: false,
|
|
64
|
+
sticky: true,
|
|
65
|
+
});
|
|
66
|
+
const settingsRef = useRef(null);
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
if (!showSettingsPanel)
|
|
69
|
+
return;
|
|
70
|
+
const handleClickOutside = (e) => {
|
|
71
|
+
if (settingsRef.current &&
|
|
72
|
+
!settingsRef.current.contains(e.target)) {
|
|
73
|
+
setShowSettingsPanel(false);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
77
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
78
|
+
}, [showSettingsPanel]);
|
|
59
79
|
// Track active tab for copy button (Box handles tab state, we just observe)
|
|
60
80
|
const [currentTabId, setCurrentTabId] = useState(controlledActiveTab ?? defaultTab ?? tabs?.[0]?.id ?? '');
|
|
61
81
|
// Update internal tracking when controlled prop changes
|
|
@@ -93,8 +113,14 @@ footer, height, style, className, ...codeProps }) {
|
|
|
93
113
|
// Invalid JSON, do nothing
|
|
94
114
|
}
|
|
95
115
|
};
|
|
116
|
+
const settingsProps = {
|
|
117
|
+
lineNumbers: settings.lineNumbers,
|
|
118
|
+
minimap: settings.minimap,
|
|
119
|
+
wordWrap: settings.wordWrap,
|
|
120
|
+
sticky: settings.sticky,
|
|
121
|
+
};
|
|
96
122
|
// Build header actions
|
|
97
|
-
const actions = (_jsxs(
|
|
123
|
+
const actions = (_jsxs("div", { style: { display: 'flex', gap: '4px', alignItems: 'center' }, children: [showFormat && !disabled && currentLanguage === 'json' && (_jsx("button", { className: "elb-explorer-btn", onClick: handleFormat, title: "Format JSON", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "3", y1: "5", x2: "16", y2: "5" }), _jsx("line", { x1: "7", y1: "10", x2: "20", y2: "10" }), _jsx("line", { x1: "7", y1: "15", x2: "18", y2: "15" }), _jsx("line", { x1: "3", y1: "20", x2: "12", y2: "20" })] }) })), showCopy && (_jsx("button", { className: "elb-explorer-btn", onClick: handleCopy, title: copied ? 'Copied!' : 'Copy to clipboard', children: copied ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) })), showSettings && (_jsxs("div", { ref: settingsRef, style: { position: 'relative' }, children: [_jsx("button", { className: `elb-explorer-btn${showSettingsPanel ? ' active' : ''}`, onClick: () => setShowSettingsPanel(!showSettingsPanel), title: "Editor settings", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "3" }), _jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })] }) }), showSettingsPanel && (_jsxs("div", { className: "elb-codebox-settings", children: [_jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.lineNumbers, onChange: () => setSettings((s) => ({ ...s, lineNumbers: !s.lineNumbers })) }), "Line numbers"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.minimap, onChange: () => setSettings((s) => ({ ...s, minimap: !s.minimap })) }), "Minimap"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.wordWrap, onChange: () => setSettings((s) => ({ ...s, wordWrap: !s.wordWrap })) }), "Word wrap"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.sticky, onChange: () => setSettings((s) => ({ ...s, sticky: !s.sticky })) }), "Sticky scroll"] })] }))] }))] }));
|
|
98
124
|
// Auto-height class for content-based sizing (Box handles gridContext)
|
|
99
125
|
const autoHeightClass = autoHeight ? 'elb-box--auto-height' : '';
|
|
100
126
|
const boxClassName = `${autoHeightClass} ${className || ''}`.trim();
|
|
@@ -102,8 +128,8 @@ footer, height, style, className, ...codeProps }) {
|
|
|
102
128
|
const boxTabs = tabs?.map((tab) => ({
|
|
103
129
|
id: tab.id,
|
|
104
130
|
label: tab.label,
|
|
105
|
-
content: (_jsx(Code, { code: tab.code, language: tab.language ?? language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps })),
|
|
131
|
+
content: (_jsx(Code, { code: tab.code, language: tab.language ?? language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps, ...settingsProps })),
|
|
106
132
|
}));
|
|
107
|
-
return (_jsx(Box, { header: boxHeader, headerActions: actions, showHeader: showHeader, tabs: boxTabs, defaultTab: defaultTab, activeTab: controlledActiveTab, onTabChange: handleTabChange, showTrafficLights: showTrafficLights, footer: footer, height: height, style: style, className: boxClassName, children: !tabs && (_jsx(Code, { code: code ?? '', language: language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps })) }));
|
|
133
|
+
return (_jsx(Box, { header: boxHeader, headerActions: actions, showHeader: showHeader, tabs: boxTabs, defaultTab: defaultTab, activeTab: controlledActiveTab, onTabChange: handleTabChange, showTrafficLights: showTrafficLights, footer: footer, height: height, style: style, className: boxClassName, children: !tabs && (_jsx(Code, { code: code ?? '', language: language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps, ...settingsProps })) }));
|
|
108
134
|
}
|
|
109
135
|
//# sourceMappingURL=code-box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-box.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"code-box.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,19 @@ export declare const WithTabs: Story;
|
|
|
27
27
|
* CodeBox with traffic lights, tabs, and footer
|
|
28
28
|
*/
|
|
29
29
|
export declare const FullFeatured: Story;
|
|
30
|
+
/**
|
|
31
|
+
* CodeBox with JSON Schema IntelliSense
|
|
32
|
+
*
|
|
33
|
+
* Demonstrates JSON validation, autocomplete, and hover docs
|
|
34
|
+
* powered by a JSON Schema passed via the `jsonSchema` prop.
|
|
35
|
+
*/
|
|
36
|
+
export declare const WithJsonSchema: Story;
|
|
37
|
+
/**
|
|
38
|
+
* CodeBox with settings toggle
|
|
39
|
+
*
|
|
40
|
+
* Click the gear icon to toggle line numbers, minimap, and word wrap.
|
|
41
|
+
*/
|
|
42
|
+
export declare const WithSettings: Story;
|
|
30
43
|
/**
|
|
31
44
|
* Image Preview - Mac-style code window with gradient background
|
|
32
45
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAuBF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqCtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAgD1B,CAAC;AAaF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
2
3
|
import { CodeBox } from './code-box';
|
|
3
4
|
/**
|
|
4
5
|
* CodeBox - Monaco Editor wrapped in a Box component
|
|
@@ -124,6 +125,81 @@ export const FullFeatured = {
|
|
|
124
125
|
height: 450,
|
|
125
126
|
},
|
|
126
127
|
};
|
|
128
|
+
/**
|
|
129
|
+
* CodeBox with JSON Schema IntelliSense
|
|
130
|
+
*
|
|
131
|
+
* Demonstrates JSON validation, autocomplete, and hover docs
|
|
132
|
+
* powered by a JSON Schema passed via the `jsonSchema` prop.
|
|
133
|
+
*/
|
|
134
|
+
export const WithJsonSchema = {
|
|
135
|
+
render: () => {
|
|
136
|
+
const [code, setCode] = useState(JSON.stringify({ version: 1, flows: {} }, null, 2));
|
|
137
|
+
return (_jsx(CodeBox, { code: code, onChange: setCode, language: "json", label: "Flow Config (with IntelliSense)", showFormat: true, jsonSchema: {
|
|
138
|
+
$schema: 'http://json-schema.org/draft-07/schema#',
|
|
139
|
+
type: 'object',
|
|
140
|
+
properties: {
|
|
141
|
+
version: {
|
|
142
|
+
type: 'number',
|
|
143
|
+
description: 'Flow configuration version',
|
|
144
|
+
enum: [1, 2],
|
|
145
|
+
},
|
|
146
|
+
flows: {
|
|
147
|
+
type: 'object',
|
|
148
|
+
description: 'Named flow configurations',
|
|
149
|
+
additionalProperties: {
|
|
150
|
+
type: 'object',
|
|
151
|
+
properties: {
|
|
152
|
+
web: { type: 'object', description: 'Web platform config' },
|
|
153
|
+
server: {
|
|
154
|
+
type: 'object',
|
|
155
|
+
description: 'Server platform config',
|
|
156
|
+
},
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
required: ['version', 'flows'],
|
|
162
|
+
} }));
|
|
163
|
+
},
|
|
164
|
+
};
|
|
165
|
+
/**
|
|
166
|
+
* CodeBox with settings toggle
|
|
167
|
+
*
|
|
168
|
+
* Click the gear icon to toggle line numbers, minimap, and word wrap.
|
|
169
|
+
*/
|
|
170
|
+
export const WithSettings = {
|
|
171
|
+
render: () => {
|
|
172
|
+
const [code, setCode] = useState(JSON.stringify({
|
|
173
|
+
version: 1,
|
|
174
|
+
flows: {
|
|
175
|
+
default: {
|
|
176
|
+
sources: {
|
|
177
|
+
browser: {
|
|
178
|
+
package: '@walkeros/web-source-browser',
|
|
179
|
+
config: { settings: { pageview: true } },
|
|
180
|
+
},
|
|
181
|
+
},
|
|
182
|
+
destinations: {
|
|
183
|
+
ga4: {
|
|
184
|
+
package: '@walkeros/web-destination-gtag',
|
|
185
|
+
config: {
|
|
186
|
+
settings: { ga4: { measurementId: 'G-XXX' } },
|
|
187
|
+
mapping: {
|
|
188
|
+
'page view': { name: 'page_view' },
|
|
189
|
+
'product view': {
|
|
190
|
+
name: 'view_item',
|
|
191
|
+
data: { map: { id: 'items.0.item_id' } },
|
|
192
|
+
},
|
|
193
|
+
},
|
|
194
|
+
},
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
|
+
},
|
|
198
|
+
},
|
|
199
|
+
}, null, 2));
|
|
200
|
+
return (_jsx(CodeBox, { code: code, onChange: setCode, language: "json", label: "Flow Config", showFormat: true, showSettings: true, height: 500 }));
|
|
201
|
+
},
|
|
202
|
+
};
|
|
127
203
|
const imagePreviewCode = `interface User {
|
|
128
204
|
id: string;
|
|
129
205
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,4 +17,15 @@ export declare const AutoFormatDisabled: Story;
|
|
|
17
17
|
* JSON Auto-Formatting - Badly formatted JSON gets auto-formatted
|
|
18
18
|
*/
|
|
19
19
|
export declare const JSONFormatting: Story;
|
|
20
|
+
/**
|
|
21
|
+
* Bare Object Formatting - JS object literals without assignment
|
|
22
|
+
*
|
|
23
|
+
* This is common in docs where event results are shown as plain objects.
|
|
24
|
+
* Previously these were not indented because Prettier couldn't parse them.
|
|
25
|
+
*/
|
|
26
|
+
/**
|
|
27
|
+
* One-liner objects stay compact — no auto-formatting
|
|
28
|
+
*/
|
|
29
|
+
export declare const BareObjectOneLiner: Story;
|
|
30
|
+
export declare const BareObjectFormatting: Story;
|
|
20
31
|
//# sourceMappingURL=code-snippet.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;;;;GAKG;AACH;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC"}
|
|
@@ -65,4 +65,42 @@ export const JSONFormatting = {
|
|
|
65
65
|
language: 'json',
|
|
66
66
|
},
|
|
67
67
|
};
|
|
68
|
+
/**
|
|
69
|
+
* Bare Object Formatting - JS object literals without assignment
|
|
70
|
+
*
|
|
71
|
+
* This is common in docs where event results are shown as plain objects.
|
|
72
|
+
* Previously these were not indented because Prettier couldn't parse them.
|
|
73
|
+
*/
|
|
74
|
+
/**
|
|
75
|
+
* One-liner objects stay compact — no auto-formatting
|
|
76
|
+
*/
|
|
77
|
+
export const BareObjectOneLiner = {
|
|
78
|
+
args: {
|
|
79
|
+
code: `{ data: { source: "parent", key: "value", foo: "bar", } }`,
|
|
80
|
+
language: 'javascript',
|
|
81
|
+
},
|
|
82
|
+
};
|
|
83
|
+
export const BareObjectFormatting = {
|
|
84
|
+
args: {
|
|
85
|
+
code: `{
|
|
86
|
+
name: 'promotion view',
|
|
87
|
+
data: {
|
|
88
|
+
name: 'Setting up tracking easily',
|
|
89
|
+
category: 'analytics',
|
|
90
|
+
},
|
|
91
|
+
context: {
|
|
92
|
+
test: ['engagement', 0]
|
|
93
|
+
},
|
|
94
|
+
globals: {
|
|
95
|
+
language: 'en'
|
|
96
|
+
},
|
|
97
|
+
nested: [],
|
|
98
|
+
consent: { functional: true },
|
|
99
|
+
trigger: 'visible',
|
|
100
|
+
entity: 'promotion',
|
|
101
|
+
action: 'view',
|
|
102
|
+
}`,
|
|
103
|
+
language: 'javascript',
|
|
104
|
+
},
|
|
105
|
+
};
|
|
68
106
|
//# sourceMappingURL=code-snippet.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC;AAEF;;;;;GAKG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,2DAA2D;QACjE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;;;;EAiBR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC"}
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
const STATUS_DOT = {
|
|
3
3
|
active: 'elb-flow-selector__dot--active',
|
|
4
4
|
published: 'elb-flow-selector__dot--active',
|
|
5
|
-
bundling: 'elb-flow-selector__dot--deploying',
|
|
6
5
|
deploying: 'elb-flow-selector__dot--deploying',
|
|
7
6
|
failed: 'elb-flow-selector__dot--failed',
|
|
7
|
+
stopped: 'elb-flow-selector__dot--failed',
|
|
8
8
|
};
|
|
9
9
|
/**
|
|
10
10
|
* FlowSelector - Tab bar for selecting named flows
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-selector.js","sourceRoot":"","sources":["../../../src/components/molecules/flow-selector.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,GAA2B;IACzC,MAAM,EAAE,gCAAgC;IACxC,SAAS,EAAE,gCAAgC;IAC3C,
|
|
1
|
+
{"version":3,"file":"flow-selector.js","sourceRoot":"","sources":["../../../src/components/molecules/flow-selector.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,GAA2B;IACzC,MAAM,EAAE,gCAAgC;IACxC,SAAS,EAAE,gCAAgC;IAC3C,SAAS,EAAE,mCAAmC;IAC9C,MAAM,EAAE,gCAAgC;IACxC,OAAO,EAAE,gCAAgC;CAC1C,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,GAAG,EAAE,GACI;IAClB,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,cAAK,SAAS,EAAE,qBAAqB,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YAC7D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC;YAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB;gBACpC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;gBAC3C,CAAC,CAAC,EAAE,CAAC;YAEP,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,UAAU,EACzB,SAAS,EAAE,0BAA0B,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3F,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAEtC,eAAM,SAAS,EAAE,0BAA0B,QAAQ,EAAE,GAAI,EACzD,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC3D,IAAI,CAAC,QAAQ,IAAI,CAChB,eAAM,SAAS,EAAC,6BAA6B,YAC1C,IAAI,CAAC,QAAQ,GACT,CACR,KAbI,IAAI,CAAC,IAAI,CAcP,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -21,7 +21,7 @@ export const TwoFlows = {
|
|
|
21
21
|
{ name: 'server', platform: 'server', deploymentStatus: 'active' },
|
|
22
22
|
],
|
|
23
23
|
selectedFlow: 'web',
|
|
24
|
-
onSelectFlow: (
|
|
24
|
+
onSelectFlow: () => { },
|
|
25
25
|
},
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
@@ -35,7 +35,7 @@ export const ThreeFlows = {
|
|
|
35
35
|
{ name: 'analytics', platform: 'web', deploymentStatus: 'failed' },
|
|
36
36
|
],
|
|
37
37
|
selectedFlow: 'web-tracking',
|
|
38
|
-
onSelectFlow: (
|
|
38
|
+
onSelectFlow: () => { },
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
41
|
/**
|
|
@@ -45,7 +45,7 @@ export const SingleFlow = {
|
|
|
45
45
|
args: {
|
|
46
46
|
flows: [{ name: 'web', platform: 'web', deploymentStatus: 'published' }],
|
|
47
47
|
selectedFlow: 'web',
|
|
48
|
-
onSelectFlow: (
|
|
48
|
+
onSelectFlow: () => { },
|
|
49
49
|
},
|
|
50
50
|
};
|
|
51
51
|
/**
|
|
@@ -60,7 +60,7 @@ export const WithDeploymentStatuses = {
|
|
|
60
60
|
{ name: 'preview', platform: 'web', deploymentStatus: null },
|
|
61
61
|
],
|
|
62
62
|
selectedFlow: 'server',
|
|
63
|
-
onSelectFlow: (
|
|
63
|
+
onSelectFlow: () => { },
|
|
64
64
|
},
|
|
65
65
|
};
|
|
66
66
|
//# sourceMappingURL=flow-selector.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-selector.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/flow-selector.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;GAKG;AACH,MAAM,IAAI,GAA8B;IACtC,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE;YAC/D,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE;SACnE;QACD,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"flow-selector.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/flow-selector.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;GAKG;AACH,MAAM,IAAI,GAA8B;IACtC,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE;YAC/D,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE;SACnE;QACD,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE;YACxE,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE;YACzE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE;SACnE;QACD,YAAY,EAAE,cAAc;QAC5B,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC;QACxE,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE;YAC/D,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE;YACrE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE;YAClE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE;SAC7D;QACD,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACF,CAAC"}
|