/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ import type { Meta, StoryObj } from "@storybook/react"; import { BoxedExpressionEditor, BoxedExpressionEditorProps } from "../../../src/BoxedExpressionEditor"; import { BoxedExpressionEditorStory, BoxedExpressionEditorStoryArgs } from "../../boxedExpressionStoriesWrapper"; import { Base as EmptyExpression } from "../../misc/Empty/EmptyExpression.stories"; import { DmnBuiltInDataType, generateUuid } from "../../../src/api"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta: Meta = { title: "Boxed Expressions/List", component: BoxedExpressionEditor, includeStories: /^[A-Z]/, }; export default meta; type Story = StoryObj; // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args export const Base: Story = { render: (args) => BoxedExpressionEditorStory(), parameters: { exclude: ["dataTypes", "beeGwtService", "pmmlDocuments"] }, args: { ...EmptyExpression.args, expression: { __$$element: "list", "@_id": generateUuid(), "@_label": "Expression Name", expression: [undefined!], }, isResetSupportedOnRootExpression: true, }, }; export const Readonly: Story = { render: (args) => BoxedExpressionEditorStory(), parameters: { exclude: ["dataTypes", "beeGwtService", "pmmlDocuments"] }, args: { ...EmptyExpression.args, expression: { __$$element: "list", "@_id": generateUuid(), "@_label": "Expression Name", expression: [{ __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: "read only" } }], }, isResetSupportedOnRootExpression: true, isReadOnly: true, }, }; export const AgeGroups: Story = { render: (args) => BoxedExpressionEditorStory(), parameters: { exclude: ["dataTypes", "beeGwtService", "pmmlDocuments"] }, args: { ...EmptyExpression.args, expression: { __$$element: "list", "@_id": generateUuid(), "@_label": "Age group", "@_typeRef": DmnBuiltInDataType.Number, expression: [ { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: `[18..30)` }, }, { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: `[30..50)` }, }, { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: `[50..70)` }, }, { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: `>= 70` }, }, ], }, isResetSupportedOnRootExpression: false, }, }; export const Nested: Story = { render: (args) => BoxedExpressionEditorStory(), parameters: { exclude: ["dataTypes", "beeGwtService", "pmmlDocuments"] }, args: { ...EmptyExpression.args, expression: { __$$element: "list", "@_id": generateUuid(), "@_label": "Expression Name", expression: [ { __$$element: "literalExpression", "@_id": generateUuid(), }, { __$$element: "list", "@_id": generateUuid(), expression: [ { __$$element: "literalExpression", "@_id": generateUuid(), }, ], }, ], }, isResetSupportedOnRootExpression: false, }, };