@hisptz/react-ui/build/es/components/Modals/Modal.stories.js

A collection of reusable complex DHIS2 react ui components.

import React from "react";
import OrgUnitDataProvider from "../../dataProviders/orgUnit";
import OrgUnitSelectorModal from "./components/OrgUnitSelectorModal";
import PeriodSelectorModal from "./components/PeriodSelectorModal";

const PeriodTemplate = args => /*#__PURE__*/React.createElement(PeriodSelectorModal, args);

const OrgUnitTemplate = args => /*#__PURE__*/React.createElement(OrgUnitSelectorModal, args);

export const PeriodSelector = PeriodTemplate.bind({});
PeriodSelector.args = {
  hide: false,
  onClose: () => {
    console.log("onClose");
  },
  onUpdate: value => console.log(value),
  singleSelection: true,
  enableDateRange: true
};
export const OrgUnitSelector = OrgUnitTemplate.bind({});
OrgUnitSelector.args = {
  hide: false,
  onClose: () => {
    return;
  },
  onUpdate: value => console.log(value),
  singleSelection: true
};
export default {
  title: "Components/Modals",
  components: [PeriodSelectorModal, OrgUnitSelectorModal],
  decorators: [Story => /*#__PURE__*/React.createElement(OrgUnitDataProvider, null, /*#__PURE__*/React.createElement(Story, null))]
};