docs: add boolean widget stories

Author: sagold

packages/rje-mantine-widgets/src/widgets/booleanwidget/BooleanWidget.stories.tsx

@@ -0,0 +1,62 @@
+import { StoryObj } from '@storybook/react-webpack5';
+import { MantineThemeDecorator } from '../../docs/MantineThemeDecorator';
+import { UseEditorOptions, useEditor, Widget, DefaultNodeOptions } from '@sagold/react-json-editor';
+
+type WidgetProps = DefaultNodeOptions & { editorProps: UseEditorOptions };
+function WidgetForm({ editorProps, ...props }: WidgetProps) {
+    const editor = useEditor(editorProps);
+    return <Widget editor={editor} options={props} />;
+}
+
+export default {
+    title: 'packages/rje-mantine-widgets/widgets/BooleanWidget',
+    component: WidgetForm,
+    decorators: [MantineThemeDecorator],
+    argTypes: {
+        disabled: { control: 'boolean' },
+        showHeader: { control: 'boolean' },
+        title: { control: 'text' },
+        description: { control: 'text' }
+    },
+    args: {
+        editorProps: {
+            data: null,
+            onChange: (v) => console.log(`change:`, v),
+            schema: {
+                title: 'A boolean value',
+                description: 'Toggle input',
+                type: 'boolean'
+            }
+        }
+    }
+};
+
+type Story = StoryObj<WidgetProps>;
+
+export const Options: Story = {
+    args: {
+        disabled: false,
+        showHeader: true
+    }
+};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true
+    }
+};
+
+export const SwitchWidget: Story = {
+    args: {
+        editorProps: {
+            data: '',
+            onChange: (v) => console.log(`change: '${v}'`, typeof v),
+            schema: {
+                title: 'A boolean value',
+                description: 'Toggle input',
+                type: 'boolean',
+                format: 'switch'
+            }
+        }
+    }
+};

…ne-widgets/src/widgets/BooleanWidget.tsx …/widgets/booleanwidget/BooleanWidget.tsxpackages/rje-mantine-widgets/src/widgets/BooleanWidget.tsx renamed to packages/rje-mantine-widgets/src/widgets/booleanwidget/BooleanWidget.tsx packages/rje-mantine-widgets/src/widgets/BooleanWidget.tsx renamed to packages/rje-mantine-widgets/src/widgets/booleanwidget/BooleanWidget.tsx

@@ -1,6 +1,6 @@
 import { Checkbox, Switch } from '@mantine/core';
 import { BooleanNode, WidgetField, WidgetPlugin, widget } from '@sagold/react-json-editor';
-import { widgetInputProps } from '../components/widgetInputProps';
+import { widgetInputProps } from '../../components/widgetInputProps';
 
 export const BooleanWidget = widget<BooleanNode, boolean>(({ node, options, setValue }) => {
     const Input = node.schema.format === 'switch' ? Switch : Checkbox;

packages/rje-mantine-widgets/src/widgets/index.ts

@@ -1,5 +1,5 @@
 import { ArrayWidgetPlugin } from './arraywidget/ArrayWidget';
-import { BooleanWidgetPlugin } from './BooleanWidget';
+import { BooleanWidgetPlugin } from './booleanwidget/BooleanWidget';
 import { MultiSelectWidgetPlugin } from './multiselectwidget/MultiSelect';
 import { NullWidgetPlugin } from './nullwidget/NullWidget';
 import { NumberWidgetPlugin } from './NumberWidget';