@dhis2-ui/select 10.10.0-alpha.3 → 10.10.1

package/README.md

@@ -5,4 +5,4 @@
 > guide](https://github.com/dhis2/ui/blob/master/docs/getting-started.md)
 > for more information.
 
-For usage instructions see [the documentation for this component](https://ui.dhis2.nu/components/select).
+For usage instructions see [the documentation for this component](https://developers.dhis2.org/docs/ui/components/select).

package/build/cjs/locales/en_US/translations.json

@@ -0,0 +1,9 @@
+{
+    "Clear": "साफ़ करें",
+    "No data found": "",
+    "Type to filter options": "",
+    "Loading options": "",
+    "No options found": "",
+    "Search options": "",
+    "{{clearText}}": ""
+}

package/build/cjs/locales/fr/translations.json

@@ -1,7 +1,7 @@
 {
     "Clear": "Effacer",
     "No data found": "Aucune valeur trouvée",
-    "Type to filter options": "",
+    "Type to filter options": "Tapez pour filtrer les options",
     "Loading options": "Chargement des options",
-    "No options found": ""
+    "No options found": "Pas d'options trouvées"
 }

package/build/cjs/locales/hi_IN/translations.json

@@ -0,0 +1,7 @@
+{
+    "Clear": "साफ़ करें",
+    "No data found": "",
+    "Type to filter options": "",
+    "Loading options": "",
+    "No options found": ""
+}

package/build/cjs/locales/index.js

@@ -11,31 +11,33 @@ var _translations3 = _interopRequireDefault(require("./ckb/translations.json"));
 var _translations4 = _interopRequireDefault(require("./cs/translations.json"));
 var _translations5 = _interopRequireDefault(require("./da/translations.json"));
 var _translations6 = _interopRequireDefault(require("./en/translations.json"));
-var _translations7 = _interopRequireDefault(require("./es/translations.json"));
-var _translations8 = _interopRequireDefault(require("./es_419/translations.json"));
-var _translations9 = _interopRequireDefault(require("./fr/translations.json"));
-var _translations10 = _interopRequireDefault(require("./id/translations.json"));
-var _translations11 = _interopRequireDefault(require("./km/translations.json"));
-var _translations12 = _interopRequireDefault(require("./lo/translations.json"));
-var _translations13 = _interopRequireDefault(require("./my/translations.json"));
-var _translations14 = _interopRequireDefault(require("./nb/translations.json"));
-var _translations15 = _interopRequireDefault(require("./nl/translations.json"));
-var _translations16 = _interopRequireDefault(require("./prs/translations.json"));
-var _translations17 = _interopRequireDefault(require("./ps/translations.json"));
-var _translations18 = _interopRequireDefault(require("./pt/translations.json"));
-var _translations19 = _interopRequireDefault(require("./pt_BR/translations.json"));
-var _translations20 = _interopRequireDefault(require("./ru/translations.json"));
-var _translations21 = _interopRequireDefault(require("./sv/translations.json"));
-var _translations22 = _interopRequireDefault(require("./tet/translations.json"));
-var _translations23 = _interopRequireDefault(require("./tg/translations.json"));
-var _translations24 = _interopRequireDefault(require("./uk/translations.json"));
-var _translations25 = _interopRequireDefault(require("./ur/translations.json"));
-var _translations26 = _interopRequireDefault(require("./uz_Latn/translations.json"));
-var _translations27 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
-var _translations28 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
-var _translations29 = _interopRequireDefault(require("./vi/translations.json"));
-var _translations30 = _interopRequireDefault(require("./zh/translations.json"));
-var _translations31 = _interopRequireDefault(require("./zh_CN/translations.json"));
+var _translations7 = _interopRequireDefault(require("./en_US/translations.json"));
+var _translations8 = _interopRequireDefault(require("./es/translations.json"));
+var _translations9 = _interopRequireDefault(require("./es_419/translations.json"));
+var _translations10 = _interopRequireDefault(require("./fr/translations.json"));
+var _translations11 = _interopRequireDefault(require("./hi_IN/translations.json"));
+var _translations12 = _interopRequireDefault(require("./id/translations.json"));
+var _translations13 = _interopRequireDefault(require("./km/translations.json"));
+var _translations14 = _interopRequireDefault(require("./lo/translations.json"));
+var _translations15 = _interopRequireDefault(require("./my/translations.json"));
+var _translations16 = _interopRequireDefault(require("./nb/translations.json"));
+var _translations17 = _interopRequireDefault(require("./nl/translations.json"));
+var _translations18 = _interopRequireDefault(require("./prs/translations.json"));
+var _translations19 = _interopRequireDefault(require("./ps/translations.json"));
+var _translations20 = _interopRequireDefault(require("./pt/translations.json"));
+var _translations21 = _interopRequireDefault(require("./pt_BR/translations.json"));
+var _translations22 = _interopRequireDefault(require("./ru/translations.json"));
+var _translations23 = _interopRequireDefault(require("./sv/translations.json"));
+var _translations24 = _interopRequireDefault(require("./tet/translations.json"));
+var _translations25 = _interopRequireDefault(require("./tg/translations.json"));
+var _translations26 = _interopRequireDefault(require("./uk/translations.json"));
+var _translations27 = _interopRequireDefault(require("./ur/translations.json"));
+var _translations28 = _interopRequireDefault(require("./uz_Latn/translations.json"));
+var _translations29 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
+var _translations30 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
+var _translations31 = _interopRequireDefault(require("./vi/translations.json"));
+var _translations32 = _interopRequireDefault(require("./zh/translations.json"));
+var _translations33 = _interopRequireDefault(require("./zh_CN/translations.json"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
@@ -53,29 +55,31 @@ _d2I18n.default.addResources('ckb', namespace, _translations3.default);
 _d2I18n.default.addResources('cs', namespace, _translations4.default);
 _d2I18n.default.addResources('da', namespace, _translations5.default);
 _d2I18n.default.addResources('en', namespace, _translations6.default);
-_d2I18n.default.addResources('es', namespace, _translations7.default);
-_d2I18n.default.addResources('es_419', namespace, _translations8.default);
-_d2I18n.default.addResources('fr', namespace, _translations9.default);
-_d2I18n.default.addResources('id', namespace, _translations10.default);
-_d2I18n.default.addResources('km', namespace, _translations11.default);
-_d2I18n.default.addResources('lo', namespace, _translations12.default);
-_d2I18n.default.addResources('my', namespace, _translations13.default);
-_d2I18n.default.addResources('nb', namespace, _translations14.default);
-_d2I18n.default.addResources('nl', namespace, _translations15.default);
-_d2I18n.default.addResources('prs', namespace, _translations16.default);
-_d2I18n.default.addResources('ps', namespace, _translations17.default);
-_d2I18n.default.addResources('pt', namespace, _translations18.default);
-_d2I18n.default.addResources('pt_BR', namespace, _translations19.default);
-_d2I18n.default.addResources('ru', namespace, _translations20.default);
-_d2I18n.default.addResources('sv', namespace, _translations21.default);
-_d2I18n.default.addResources('tet', namespace, _translations22.default);
-_d2I18n.default.addResources('tg', namespace, _translations23.default);
-_d2I18n.default.addResources('uk', namespace, _translations24.default);
-_d2I18n.default.addResources('ur', namespace, _translations25.default);
-_d2I18n.default.addResources('uz_Latn', namespace, _translations26.default);
-_d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations27.default);
-_d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations28.default);
-_d2I18n.default.addResources('vi', namespace, _translations29.default);
-_d2I18n.default.addResources('zh', namespace, _translations30.default);
-_d2I18n.default.addResources('zh_CN', namespace, _translations31.default);
+_d2I18n.default.addResources('en_US', namespace, _translations7.default);
+_d2I18n.default.addResources('es', namespace, _translations8.default);
+_d2I18n.default.addResources('es_419', namespace, _translations9.default);
+_d2I18n.default.addResources('fr', namespace, _translations10.default);
+_d2I18n.default.addResources('hi_IN', namespace, _translations11.default);
+_d2I18n.default.addResources('id', namespace, _translations12.default);
+_d2I18n.default.addResources('km', namespace, _translations13.default);
+_d2I18n.default.addResources('lo', namespace, _translations14.default);
+_d2I18n.default.addResources('my', namespace, _translations15.default);
+_d2I18n.default.addResources('nb', namespace, _translations16.default);
+_d2I18n.default.addResources('nl', namespace, _translations17.default);
+_d2I18n.default.addResources('prs', namespace, _translations18.default);
+_d2I18n.default.addResources('ps', namespace, _translations19.default);
+_d2I18n.default.addResources('pt', namespace, _translations20.default);
+_d2I18n.default.addResources('pt_BR', namespace, _translations21.default);
+_d2I18n.default.addResources('ru', namespace, _translations22.default);
+_d2I18n.default.addResources('sv', namespace, _translations23.default);
+_d2I18n.default.addResources('tet', namespace, _translations24.default);
+_d2I18n.default.addResources('tg', namespace, _translations25.default);
+_d2I18n.default.addResources('uk', namespace, _translations26.default);
+_d2I18n.default.addResources('ur', namespace, _translations27.default);
+_d2I18n.default.addResources('uz_Latn', namespace, _translations28.default);
+_d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations29.default);
+_d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations30.default);
+_d2I18n.default.addResources('vi', namespace, _translations31.default);
+_d2I18n.default.addResources('zh', namespace, _translations32.default);
+_d2I18n.default.addResources('zh_CN', namespace, _translations33.default);
 var _default = exports.default = _d2I18n.default;

package/build/cjs/locales/zh/translations.json

@@ -3,5 +3,7 @@
     "No data found": "没有发现数据",
     "Type to filter options": "键入过滤选项",
     "Loading options": "加载选项",
-    "No options found": "没有找到选项"
+    "No options found": "没有找到选项",
+    "Search options": "搜索选项",
+    "{{clearText}}": "{{clearText}}"
 }

package/build/cjs/locales/zh_CN/translations.json

@@ -1,7 +1,7 @@
 {
     "Clear": "清除",
     "No data found": "没有数据被找到",
-    "Type to filter options": "",
+    "Type to filter options": "键入过滤选项",
     "Loading options": "",
     "No options found": ""
 }

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

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithServerSideFilteringDemo = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireWildcard(require("react"));
+var _simpleSingleSelect = require("../simple-single-select.js");
+var _index = require("./simple-single-select-server-side-filtering/index.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; }
+function dataElementToOption(_ref) {
+  let {
+    id,
+    displayName
+  } = _ref;
+  return {
+    value: id,
+    label: displayName
+  };
+}
+function useLoadDataElementQuery(options) {
+  return (0, _appRuntime.useDataQuery)({
+    result: {
+      resource: 'dataElements',
+      id: _ref2 => {
+        let {
+          id
+        } = _ref2;
+        return id;
+      }
+    }
+  }, {
+    ...options,
+    lazy: true
+  });
+}
+function useLoadDataElementsQuery(options) {
+  return (0, _appRuntime.useDataQuery)({
+    result: {
+      resource: 'dataElements',
+      params: _ref3 => {
+        let {
+          page
+        } = _ref3;
+        return {
+          page,
+          pageSize: 10
+        };
+      }
+    }
+  }, options);
+}
+function useLoadFilteredDataElementsQuery(customOptions) {
+  const engine = (0, _appRuntime.useDataEngine)();
+  const timeout = (0, _react.useRef)(null);
+  const abortController = (0, _react.useRef)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const refetch = (0, _react.useCallback)(_ref4 => {
+    let {
+      searchTerm,
+      page
+    } = _ref4;
+    if (timeout.current) {
+      var _abortController$curr;
+      clearTimeout(timeout.current);
+      (_abortController$curr = abortController.current) === null || _abortController$curr === void 0 ? void 0 : _abortController$curr.abort();
+    }
+    return new Promise((resolve, reject) => {
+      timeout.current = setTimeout(async () => {
+        try {
+          abortController.current = new AbortController();
+          setLoading(true);
+          const query = {
+            result: {
+              resource: 'dataElements',
+              params: {
+                filter: [`displayName:ilike:${searchTerm}`],
+                pageSize: 10,
+                page
+              }
+            }
+          };
+          const options = {
+            ...customOptions,
+            signal: abortController.current.signal
+          };
+          try {
+            const result = await engine.query(query, options);
+            resolve(result);
+          } catch (e) {
+            setError(e);
+          }
+          abortController.current = null;
+          timeout.current = null;
+          setLoading(false);
+        } catch (e) {
+          reject(e);
+        }
+      }, 200);
+    });
+  }, [abortController, engine, customOptions]);
+  return {
+    loading,
+    error,
+    refetch
+  };
+}
+function ServerSideFilteringSelect() {
+  const [initializedSelectedLabel, setInitializedSelectedLabel] = (0, _react.useState)(false);
+  const [selectedOption, setSelectedOption] = (0, _react.useState)({
+    value: 'fbfJHSPpUQD',
+    label: 'Loading...'
+  });
+  const [loadedOptions, setLoadedOptions] = (0, _react.useState)([]);
+  const [defaultPager, setDefaultPager] = (0, _react.useState)({
+    page: 0,
+    pageSize: -1,
+    total: -1,
+    pageCount: -1
+  });
+  const [searchTerm, _setSearchTerm] = (0, _react.useState)('');
+  const [filteredOptions, setFilteredOptions] = (0, _react.useState)([]);
+  const [filterPager, setFilterPager] = (0, _react.useState)({
+    page: 0,
+    pageSize: -1,
+    total: -1,
+    pageCount: -1
+  });
+  const loadDataElementQuery = useLoadDataElementQuery({
+    onComplete: data => {
+      setSelectedOption(dataElementToOption(data.result.dataElements));
+      setInitializedSelectedLabel(true); // Done AFTER setting the option's label!
+    },
+    onError: () => {
+      setSelectedOption(option => ({
+        ...option,
+        label: option.value
+      }));
+      setInitializedSelectedLabel(true); // Done AFTER setting the option's label!
+    }
+  });
+  const loadDataElementsQuery = useLoadDataElementsQuery({
+    onComplete: _ref5 => {
+      let {
+        result
+      } = _ref5;
+      setDefaultPager(result.pager);
+      setLoadedOptions(prevLoadedOptions => [...prevLoadedOptions, ...result.dataElements.map(dataElementToOption)]);
+    },
+    onError: () => {
+      setDefaultPager(prevPager => ({
+        ...prevPager,
+        pageCount: prevPager.page,
+        total: loadedOptions.length
+      }));
+    }
+  });
+  const loadFilteredDataElementsQuery = useLoadFilteredDataElementsQuery({
+    onComplete: _ref6 => {
+      let {
+        result
+      } = _ref6;
+      setFilterPager(result.pager);
+      setFilteredOptions(prevFilteredOptions => {
+        const newOptions = result.dataElements.map(dataElementToOption);
+        return result.pager.page === 1 ? newOptions : [...prevFilteredOptions, ...newOptions];
+      });
+    },
+    onError: () => {
+      setFilterPager(prevPager => ({
+        ...prevPager,
+        pageCount: prevPager.page,
+        total: filteredOptions.length
+      }));
+    }
+  });
+  const loadingOptions = loadDataElementsQuery.loading || loadFilteredDataElementsQuery.loading;
+  const options = searchTerm ? filteredOptions : loadedOptions;
+  const setSearchTerm = (0, _react.useCallback)(nextSearchTerm => {
+    _setSearchTerm(nextSearchTerm);
+    if (nextSearchTerm.trim()) {
+      loadFilteredDataElementsQuery.refetch({
+        page: 1,
+        searchTerm: nextSearchTerm
+      });
+    }
+  }, [loadFilteredDataElementsQuery.refetch]);
+  const loadNextPage = (0, _react.useCallback)(() => {
+    const pager = searchTerm ? filterPager : defaultPager;
+    if (pager.page === pager.pageCount || loadingOptions) {
+      return;
+    }
+    if (searchTerm) {
+      loadFilteredDataElementsQuery.refetch({
+        page: pager.page + 1,
+        searchTerm
+      });
+    } else {
+      loadDataElementsQuery.refetch({
+        page: pager.page + 1
+      });
+    }
+  }, [filterPager, defaultPager, searchTerm, loadingOptions, loadFilteredDataElementsQuery.refetch, loadDataElementsQuery.refetch]);
+  (0, _react.useEffect)(() => {
+    if (selectedOption !== null && selectedOption !== void 0 && selectedOption.value) {
+      loadDataElementQuery.refetch({
+        id: selectedOption.value
+      });
+    } else {
+      setInitializedSelectedLabel(true);
+    }
+  },
+  // Needs to run on initial render only!
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    name: "demo",
+    disabled: !initializedSelectedLabel,
+    loading: loadingOptions,
+    options: options,
+    selected: selectedOption,
+    filterable: true,
+    filterValue: searchTerm,
+    filterPlaceholder: "search for 'ART' or 'ANC'",
+    onFilterChange: setSearchTerm,
+    noMatchText: "No options were found",
+    empty: "Please use the search input to find data elements",
+    onChange: setSelectedOption,
+    onEndReached: loadNextPage
+  });
+}
+const Wrapper = () => /*#__PURE__*/_react.default.createElement(_index.CustomDataProvider, null, /*#__PURE__*/_react.default.createElement(ServerSideFilteringSelect, null));
+exports.WithServerSideFilteringDemo = Wrapper;

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithSimpleFilteringDemo = 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: 'No selection',
+  value: ''
+}, {
+  label: 'ANC 1st visit',
+  value: 'anc_1st_visit'
+}, {
+  label: 'ANC 2nd visit',
+  value: 'anc_2nd_visit'
+}, {
+  label: 'ARI treated follow-up',
+  value: 'ari_treated_follow-up'
+}, {
+  label: 'ARI treated with new',
+  value: 'ari_treated_with_new'
+}];
+function filterOptions(options, searchTerm) {
+  // If there is no search term, we want to return all options
+  if (!searchTerm) {
+    return options;
+  }
+
+  // We're transform both the label and the search term to
+  // lower-case strings so the search is case-insensitive
+  return options.filter(_ref => {
+    let {
+      label
+    } = _ref;
+    return label.toLowerCase().startsWith(searchTerm.toLowerCase());
+  });
+}
+const WithSimpleFilteringDemo = () => {
+  // Handle actual value changes
+  const [selected, setSelected] = (0, _react.useState)({
+    value: '',
+    label: 'No selection'
+  });
+
+  // Handle filtering
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const filteredOptions = (0, _react.useMemo)(() => filterOptions(options, searchTerm), [searchTerm]);
+  return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {
+    filterable: true,
+    filterValue: searchTerm,
+    idPrefix: "simple",
+    options: filteredOptions,
+    selected: selected,
+    onChange: setSelected,
+    onFilterChange: setSearchTerm
+  });
+};
+exports.WithSimpleFilteringDemo = WithSimpleFilteringDemo;

package/build/cjs/simple-single-select/__stories__/simple-single-select-server-side-filtering/CustomDataProvider.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomDataProvider = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _dataElements = require("./dataElements.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable react/prop-types */
+
+function randomBetween(min, max) {
+  return Math.floor(Math.random() * (max - min + 1) + min);
+}
+const fakeNetworkDelay = _ref => {
+  let {
+    pager,
+    dataElements,
+    signal
+  } = _ref;
+  const delay = randomBetween(750, 1550);
+  const response = {
+    dataElements
+  };
+  if (pager) {
+    response.pager = pager;
+  }
+  return new Promise((resolve, reject) => {
+    const onAbort = () => {
+      clearTimeout(timeout);
+      reject('Aborted');
+    };
+    signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', onAbort);
+    const timeout = setTimeout(() => {
+      signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', onAbort);
+      resolve(response);
+    }, delay);
+  });
+};
+const Provider = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const data = {
+    dataElements: (_, _ref3, _ref4) => {
+      let {
+        id,
+        params = {}
+      } = _ref3;
+      let {
+        signal
+      } = _ref4;
+      if (id) {
+        const dataElement = _dataElements.dataElements.find(curDE => id === curDE.id);
+        return fakeNetworkDelay({
+          dataElements: dataElement,
+          signal
+        });
+      }
+
+      // Only this specific filter is supported by this server-mock
+      const searchTerm = params.filter ? params.filter[0].split(':')[2] : '';
+      const filteredDataElements = searchTerm ? _dataElements.dataElements.filter(_ref5 => {
+        let {
+          displayName
+        } = _ref5;
+        return displayName.startsWith(searchTerm);
+      }) : _dataElements.dataElements;
+      const page = params.page || 1;
+      const total = filteredDataElements.length;
+      const pageSize = params.pageSize || 50;
+      const pageCount = Math.ceil(total / pageSize);
+      const pager = {
+        page,
+        total,
+        pageSize,
+        pageCount
+      };
+      const start = (page - 1) * pageSize;
+      const end = start + pageSize;
+      const dataElements = filteredDataElements.slice(start, end);
+      return fakeNetworkDelay({
+        pager,
+        dataElements,
+        signal
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+    data: data
+  }, children);
+};
+exports.CustomDataProvider = Provider;