@hisptz/react-ui/build/cjs/components/DataSourceSelector/DataSourceSelector.stories.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithMaxSelection = exports.WithAllAvailableDataSources = exports.IndicatorSelector = void 0;

var _react = _interopRequireDefault(require("react"));

var _index = _interopRequireDefault(require("./index"));

require("../../styles/styles.css");

var _dataSourceProvider = _interopRequireDefault(require("../../dataProviders/dataSourceProvider"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);

const IndicatorSelector = Template.bind({});
exports.IndicatorSelector = IndicatorSelector;
IndicatorSelector.args = {
  onSelect: data => {
    console.log(data);
  },
  dataSources: [],
  maxSelections: "Infinity"
};
const WithMaxSelection = Template.bind({});
exports.WithMaxSelection = WithMaxSelection;
WithMaxSelection.args = {
  onSelect: data => {
    console.log(data);
  },
  maxSelections: 1
};
const WithAllAvailableDataSources = Template.bind({});
exports.WithAllAvailableDataSources = WithAllAvailableDataSources;
WithAllAvailableDataSources.args = {
  onSelect: data => {
    console.log(data);
  },
  maxSelections: 1,
  dataSources: ["dataSet", "customFunction", "indicator", "programIndicator", "dataElement"]
};
var _default = {
  title: "Components/Data Source Selector",
  component: _index.default,
  decorators: [DataSourceSelectorStory => /*#__PURE__*/_react.default.createElement("div", {
    className: "row w-100 center"
  }, /*#__PURE__*/_react.default.createElement("div", {
    style: {
      width: 600
    }
  }, /*#__PURE__*/_react.default.createElement(_dataSourceProvider.default, null, /*#__PURE__*/_react.default.createElement(DataSourceSelectorStory, null))))],
  argTypes: {
    maxSelections: {
      control: "radio",
      options: [1, "Infinity"]
    }
  }
};
exports.default = _default;