@hisptz/react-ui/build/es/components/LegendDefinitions/RHFLegendDefinition.stories.js

A collection of reusable complex DHIS2 react ui components.

import React from "react";
import { FormProvider, useForm } from "react-hook-form";
import { ConfirmDialogProvider } from "../ConfirmDialog";
import RHFLegendDefinitions from "./components/RHF";

const Template = args => /*#__PURE__*/React.createElement(RHFLegendDefinitions, args);

export const RHFLegendDefinition = Template.bind({});
RHFLegendDefinition.args = {
  shouldVerify: false,
  label: "Legend Definitions",
  name: "legendDefinitions"
};
export const RHFLegendDefinitionWithVerification = Template.bind({});
RHFLegendDefinitionWithVerification.args = {
  shouldVerify: true,
  label: "Legend Definitions",
  name: "legendDefinitions",
  onResetLegends: () => {
    console.log("Reset legends");
  }
};
export default {
  title: "Components/Legend Definitions/RHF",
  component: RHFLegendDefinition,
  decorators: [LegendDefinitionStory => {
    const form = useForm();
    return /*#__PURE__*/React.createElement(ConfirmDialogProvider, null, /*#__PURE__*/React.createElement(FormProvider, form, /*#__PURE__*/React.createElement(LegendDefinitionStory, null)));
  }]
};