@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
47 lines (45 loc) • 1.39 kB
JavaScript
import React from "react";
import DataSourceSelector from "./index";
import "../../styles/styles.css";
import DataSourceProvider from "../../dataProviders/dataSourceProvider";
const Template = args => /*#__PURE__*/React.createElement(DataSourceSelector, args);
export const IndicatorSelector = Template.bind({});
IndicatorSelector.args = {
onSelect: data => {
console.log(data);
},
dataSources: [],
maxSelections: "Infinity"
};
export const WithMaxSelection = Template.bind({});
WithMaxSelection.args = {
onSelect: data => {
console.log(data);
},
maxSelections: 1
};
export const WithAllAvailableDataSources = Template.bind({});
WithAllAvailableDataSources.args = {
onSelect: data => {
console.log(data);
},
maxSelections: 1,
dataSources: ["dataSet", "customFunction", "indicator", "programIndicator", "dataElement"]
};
export default {
title: "Components/Data Source Selector",
component: DataSourceSelector,
decorators: [DataSourceSelectorStory => /*#__PURE__*/React.createElement("div", {
className: "row w-100 center"
}, /*#__PURE__*/React.createElement("div", {
style: {
width: 600
}
}, /*#__PURE__*/React.createElement(DataSourceProvider, null, /*#__PURE__*/React.createElement(DataSourceSelectorStory, null))))],
argTypes: {
maxSelections: {
control: "radio",
options: [1, "Infinity"]
}
}
};