@making-sense/antlr-editor
Version:
ANTLR Typescript editor
90 lines • 3.4 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Enriched = exports.Styled = exports.WithInvalidScript = exports.Default = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const VtlEditor20_1 = __importDefault(require("./VtlEditor20"));
exports.default = {
title: "VtlEditor-2.0",
component: VtlEditor20_1.default,
tags: ["autodocs"]
};
exports.Default = {
args: { initialRule: "start" },
argTypes: {
initialRule: { control: "select", options: ["start", "expr"] }
}
};
exports.WithInvalidScript = {
args: { initialRule: "start", "script": "ds := " },
argTypes: {
initialRule: { control: "select", options: ["start", "expr"] }
}
};
exports.Styled = {
args: {
initialRule: "start",
theme: "vs-dark",
height: "50vh",
width: "80%",
options: { lineNumbers: true, minimap: { enabled: true }, readOnly: false }
},
argTypes: {
initialRule: { control: "select", options: ["start", "expr"] },
theme: { control: "select", options: ["vs-dark", "vs-light"] },
options: { control: "object" }
}
};
var VariableType;
(function (VariableType) {
VariableType["STRING"] = "STRING";
VariableType["INTEGER"] = "INTEGER";
VariableType["NUMBER"] = "NUMBER";
VariableType["BOOLEAN"] = "BOOLEAN";
})(VariableType || (VariableType = {}));
var VariableRole;
(function (VariableRole) {
VariableRole["IDENTIFIER"] = "IDENTIFIER";
VariableRole["MEASURE"] = "MEASURE";
VariableRole["DIMENSION"] = "DIMENSION";
})(VariableRole || (VariableRole = {}));
const variables = {
name: { type: VariableType.STRING, role: VariableRole.IDENTIFIER },
age: { type: VariableType.INTEGER, role: VariableRole.MEASURE }
};
const shortcuts = {
"ctrl+s, meta+s": () => {
console.log("Save triggered!");
// ta logique sauvegarde ici
},
"ctrl+enter, meta+enter": () => {
console.log("Run triggered!");
// ta logique d'exécution ici
}
};
exports.Enriched = {
args: {
initialRule: "start",
variables,
variablesInputURLs: [
"https://raw.githubusercontent.com/Making-Sense-Info/ANTLR-Editor/gh-pages/samples/variablesInputFile1.json",
"https://raw.githubusercontent.com/Making-Sense-Info/ANTLR-Editor/gh-pages/samples/variablesInputFile2.json"
],
shortcuts,
FooterComponent: ({ cursor }) => ((0, jsx_runtime_1.jsxs)("div", { style: {
display: "flex",
justifyContent: "space-between",
fontSize: "12px",
fontFamily: "monospace",
width: "100%"
}, children: [(0, jsx_runtime_1.jsx)("div", { children: "Custom footer" }), (0, jsx_runtime_1.jsxs)("div", { children: ["Line ", cursor.line, " - Column ", cursor.column, cursor.selectionLength > 0 && (0, jsx_runtime_1.jsxs)("span", { children: [" (", cursor.selectionLength, " selected)"] })] })] }))
},
argTypes: {
initialRule: { control: "select", options: ["start", "expr"] },
variables: { control: "object" },
variablesInputURLs: { control: "object" }
}
};
//# sourceMappingURL=VtlEditor20.stories.js.map