@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
51 lines (48 loc) • 1.95 kB
JavaScript
import { Button } from "@dhis2/ui";
import React from "react";
import { OrgUnitSelector } from "../../index";
import FullPageLoader from "../shared/components/FullPageLoader";
import { CustomOrgUnitProvider, OfflineOrgUnitProvider, useClearOrganisationData } from "./index";
const Template = args => /*#__PURE__*/React.createElement(OfflineOrgUnitProvider, args, args.children);
export const Default = Template.bind({});
Default.args = {
children: /*#__PURE__*/React.createElement(CustomOrgUnitProvider, null, /*#__PURE__*/React.createElement(OrgUnitSelector, {
searchable: true
}))
};
export const WithFilteredOrgUnitGroups = Template.bind({});
WithFilteredOrgUnitGroups.args = {
children: /*#__PURE__*/React.createElement(CustomOrgUnitProvider, null, /*#__PURE__*/React.createElement(OrgUnitSelector, {
searchable: true,
filterByGroups: ["RXL3lPSK8oG"]
}))
};
export const WithInitialLoader = Template.bind({});
WithInitialLoader.args = {
fallback: /*#__PURE__*/React.createElement(FullPageLoader, {
small: true
}),
children: /*#__PURE__*/React.createElement(CustomOrgUnitProvider, null, /*#__PURE__*/React.createElement(OrgUnitSelector, null))
};
export const WithPageSize = Template.bind({});
WithPageSize.args = {
fallback: /*#__PURE__*/React.createElement(FullPageLoader, {
small: true
}),
pageSize: 10000,
children: /*#__PURE__*/React.createElement(CustomOrgUnitProvider, null, /*#__PURE__*/React.createElement(OrgUnitSelector, null))
};
export default {
title: "Components/Cached Organisation Unit Provider",
component: OfflineOrgUnitProvider,
decorators: [Story => {
const clear = useClearOrganisationData();
return (
/*#__PURE__*/
// <OrgUnitDataProvider>
React.createElement("div", null, /*#__PURE__*/React.createElement(Story, null), /*#__PURE__*/React.createElement(Button, {
onClick: clear
}, "Clear cache")) // </OrgUnitDataProvider>
);
}]
};