@dhis2-ui/select 10.9.1 → 10.10.0-alpha.1

package/build/cjs/simple-single-select/__stories__/WithOnFocus.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithOnFocus = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithOnFocus = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  const [focusTime, setFocusTime] = (0, _react.useState)('');
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    onFocus: () => setFocusTime(new Date().toISOString()),
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  }), /*#__PURE__*/_react.default.createElement("p", null, "Last time select received focus: ", focusTime || 'never'));
+};
+exports.WithOnFocus = WithOnFocus;

package/build/cjs/simple-single-select/__stories__/WithOptionsAndDisabled.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithOptionsAndDisabled = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithOptionsAndDisabled = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    disabled: true,
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithOptionsAndDisabled = WithOptionsAndDisabled;

package/build/cjs/simple-single-select/__stories__/WithOptionsAndLoading.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithOptionsAndLoading = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const options = [{
+  label: 'None',
+  value: ''
+}, {
+  value: '1',
+  label: 'Option 1'
+}, {
+  value: '2',
+  label: 'Option 2'
+}, {
+  value: '3',
+  label: 'Option 3'
+}];
+const WithOptionsAndLoading = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    loading: true,
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: options
+  });
+};
+exports.WithOptionsAndLoading = WithOptionsAndLoading;

package/build/cjs/simple-single-select/__stories__/WithOptionsAndLoadingText.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithOptionsAndLoadingText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const options = [{
+  label: 'None',
+  value: ''
+}, {
+  value: '1',
+  label: 'Option 1'
+}, {
+  value: '2',
+  label: 'Option 2'
+}, {
+  value: '3',
+  label: 'Option 3'
+}];
+const WithOptionsAndLoadingText = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    loading: true,
+    menuLoadingText: "Loading options",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: options
+  });
+};
+exports.WithOptionsAndLoadingText = WithOptionsAndLoadingText;

package/build/cjs/simple-single-select/__stories__/WithPlaceholder.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithPlaceholder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithPlaceholder = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  const withoutEmptyOptions = _options.options.slice(1);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    placeholder: "Placeholder text",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: withoutEmptyOptions
+  });
+};
+exports.WithPlaceholder = WithPlaceholder;

package/build/cjs/simple-single-select/__stories__/WithPlaceholderAndSelection.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithPlaceholderAndSelection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithPlaceholderAndSelection = () => {
+  const [selected, setSelected] = (0, _react.useState)({
+    label: 'ANC 1st visit',
+    value: 'anc_1st_visit'
+  });
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    placeholder: "Placeholder text",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithPlaceholderAndSelection = WithPlaceholderAndSelection;

package/build/cjs/simple-single-select/__stories__/WithPrefix.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithPrefix = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithPrefix = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    prefix: "Prefix text",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithPrefix = WithPrefix;

package/build/cjs/simple-single-select/__stories__/WithPrefixAndSelection.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithPrefixAndSelection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithPrefixAndSelection = () => {
+  const [selected, setSelected] = (0, _react.useState)({
+    label: 'ANC 1st visit',
+    value: 'anc_1st_visit'
+  });
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    prefix: "Prefix text",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithPrefixAndSelection = WithPrefixAndSelection;

package/build/cjs/simple-single-select/__stories__/WithRTL.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithRTL = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithRTL = () => {
+  const [selected, setSelected] = (0, _react.useState)({
+    label: 'ANC 1st visit',
+    value: 'anc_1st_visit'
+  });
+
+  // as options are rendered in Portal, the body dir (of the iframe) needs to be set to 'rtl'
+  (0, _react.useEffect)(() => {
+    document.body.dir = 'rtl';
+    return () => {
+      document.body.dir = 'ltr';
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    dir: "rtl"
+  }, /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  }));
+};
+exports.WithRTL = WithRTL;

package/build/cjs/simple-single-select/__stories__/WithSelection.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithSelection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithSelection = () => {
+  const [selected, setSelected] = (0, _react.useState)({
+    label: 'ANC 1st visit',
+    value: 'anc_1st_visit'
+  });
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithSelection = WithSelection;

package/build/cjs/simple-single-select/__stories__/WithSelectionAndDisabled.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithSelectionAndDisabled = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithSelectionAndDisabled = () => {
+  const [selected, setSelected] = (0, _react.useState)({
+    label: 'ANC 1st visit',
+    value: 'anc_1st_visit'
+  });
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    disabled: true,
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithSelectionAndDisabled = WithSelectionAndDisabled;

package/build/cjs/simple-single-select/__stories__/WithoutOptionsAndLoading.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithoutOptionsAndLoading = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithoutOptionsAndLoading = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    loading: true,
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: []
+  });
+};
+exports.WithoutOptionsAndLoading = WithoutOptionsAndLoading;

package/build/cjs/simple-single-select/__stories__/WithoutSelection.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithoutSelection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _options = require("./options.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WithoutSelection = () => {
+  const [selected, setSelected] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    inputMaxHeight: "50px",
+    name: "simple",
+    selected: selected,
+    onChange: setSelected,
+    options: _options.fiveOptions
+  });
+};
+exports.WithoutSelection = WithoutSelection;

package/build/cjs/simple-single-select/__stories__/options.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.options = exports.fiveOptions = void 0;
+const options = exports.options = [{
+  label: 'None',
+  value: ''
+}, {
+  label: 'ANC 1st visit',
+  value: 'anc_1st_visit'
+}, {
+  label: 'ANC 2nd visit',
+  value: 'anc_2nd_visit'
+}, {
+  label: 'ANC 3rd visit',
+  value: 'anc_3rd_visit'
+}, {
+  label: 'ANC 4th or more visits',
+  value: 'anc_4th_or_more_visits'
+}, {
+  label: 'ARI treated with antibiotics (pneumonia) follow-up',
+  value: 'ari_treated_with_antibiotics_(pneumonia)_follow-up'
+}, {
+  label: 'ARI treated with antibiotics (pneumonia) new',
+  value: 'ari_treated_with_antibiotics_(pneumonia)_new'
+}, {
+  label: 'ARI treated with antibiotics (pneumonia) referrals',
+  value: 'ari_treated_with_antibiotics_(pneumonia)_referrals'
+}, {
+  label: 'ARI treated without antibiotics (cough) follow-up',
+  value: 'ari_treated_without_antibiotics_(cough)_follow-up'
+}, {
+  label: 'ARI treated without antibiotics (cough) new',
+  value: 'ari_treated_without_antibiotics_(cough)_new'
+}, {
+  label: 'ARI treated without antibiotics (cough) referrals',
+  value: 'ari_treated_without_antibiotics_(cough)_referrals'
+}, {
+  label: 'ART No clients who stopped TRT due to TRT failure',
+  value: 'art_no_clients_who_stopped_trt_due_to_trt_failure'
+}, {
+  label: 'ART No clients who stopped TRT due to adverse clinical status/event',
+  value: 'art_no_clients_who_stopped_trt_due_to_adverse_clinical_status/event'
+}, {
+  label: 'ART No clients with change of regimen due to drug toxicity',
+  value: 'art_no_clients_with_change_of_regimen_due_to_drug_toxicity'
+}, {
+  label: 'ART No clients with new adverse drug reaction',
+  value: 'art_no_clients_with_new_adverse_drug_reaction'
+}, {
+  label: 'ART No started Opportunist Infection prophylaxis',
+  value: 'art_no_started_opportunist_infection_prophylaxis'
+}, {
+  label: 'ART clients with new adverse clinical event',
+  value: 'art_clients_with_new_adverse_clinical_event'
+}, {
+  label: 'ART defaulters',
+  value: 'art_defaulters'
+}, {
+  label: 'ART enrollment stage 1',
+  value: 'art_enrollment_stage_1'
+}, {
+  label: 'ART enrollment stage 2',
+  value: 'art_enrollment_stage_2'
+}, {
+  label: 'ART enrollment stage 3',
+  value: 'art_enrollment_stage_3'
+}, {
+  label: 'ART enrollment stage 4',
+  value: 'art_enrollment_stage_4'
+}, {
+  label: 'ART entry point: No PMTCT',
+  value: 'art_entry_point:_no_pmtct'
+}];
+const fiveOptions = exports.fiveOptions = options.slice(0, 5);