@dhis2/analytics 28.0.3 → 28.0.4

package/build/cjs/components/Interpretations/common/Message/MessageIconButton.js

@@ -10,48 +10,42 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageIconButton = _ref => {
-  let {
-    tooltipContent,
-    disabled,
-    onClick,
+const MessageIconButton = ({
+  tooltipContent,
+  disabled,
+  onClick,
+  selected,
+  count,
+  iconComponent: Icon,
+  dataTest,
+  viewOnly
+}) => /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+  closeDelay: 200,
+  content: tooltipContent
+}, ({
+  ref,
+  onMouseOver,
+  onMouseOut
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  ref: ref,
+  onMouseOver: onMouseOver,
+  onMouseOut: onMouseOut,
+  className: _style.default.dynamic([["163818318", [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]]]) + " " + "wrapper"
+}, /*#__PURE__*/_react.default.createElement("button", {
+  onClick: event => {
+    event.stopPropagation();
+    onClick();
+  },
+  disabled: disabled,
+  "data-test": dataTest,
+  className: _style.default.dynamic([["163818318", [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]]]) + " " + ((0, _classnames.default)('button', {
     selected,
-    count,
-    iconComponent: Icon,
-    dataTest,
     viewOnly
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-    closeDelay: 200,
-    content: tooltipContent
-  }, _ref2 => {
-    let {
-      ref,
-      onMouseOver,
-      onMouseOut
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      className: _style.default.dynamic([["163818318", [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]]]) + " " + "wrapper"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      onClick: event => {
-        event.stopPropagation();
-        onClick();
-      },
-      disabled: disabled,
-      "data-test": dataTest,
-      className: _style.default.dynamic([["163818318", [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]]]) + " " + ((0, _classnames.default)('button', {
-        selected,
-        viewOnly
-      }) || "")
-    }, count && count, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
-      id: "163818318",
-      dynamic: [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]
-    }, [".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.button.__jsx-style-dynamic-selector{all:unset;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:${_ui.spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:${_ui.colors.grey700};}`, ".viewOnly.__jsx-style-dynamic-selector{cursor:default;}", `.button.selected.__jsx-style-dynamic-selector{color:${_ui.colors.teal600};font-weight:500;}`, `.button.__jsx-style-dynamic-selector:hover{color:${_ui.colors.grey900};}`, `.button.selected.__jsx-style-dynamic-selector:hover{color:${_ui.colors.teal800};}`, `.button.selected.__jsx-style-dynamic-selector svg{color:${_ui.colors.teal500};}`, `.button.selected.__jsx-style-dynamic-selector:hover svg{color:${_ui.colors.teal700};}`, `.button.__jsx-style-dynamic-selector:disabled{color:${_ui.theme.disabled};cursor:not-allowed;}`, `.button.__jsx-style-dynamic-selector:disabled svg{color:${_ui.theme.disabled};}`]));
-  });
-};
+  }) || "")
+}, count && count, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "163818318",
+  dynamic: [_ui.spacers.dp4, _ui.colors.grey700, _ui.colors.teal600, _ui.colors.grey900, _ui.colors.teal800, _ui.colors.teal500, _ui.colors.teal700, _ui.theme.disabled, _ui.theme.disabled]
+}, [".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.button.__jsx-style-dynamic-selector{all:unset;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:${_ui.spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:${_ui.colors.grey700};}`, ".viewOnly.__jsx-style-dynamic-selector{cursor:default;}", `.button.selected.__jsx-style-dynamic-selector{color:${_ui.colors.teal600};font-weight:500;}`, `.button.__jsx-style-dynamic-selector:hover{color:${_ui.colors.grey900};}`, `.button.selected.__jsx-style-dynamic-selector:hover{color:${_ui.colors.teal800};}`, `.button.selected.__jsx-style-dynamic-selector svg{color:${_ui.colors.teal500};}`, `.button.selected.__jsx-style-dynamic-selector:hover svg{color:${_ui.colors.teal700};}`, `.button.__jsx-style-dynamic-selector:disabled{color:${_ui.theme.disabled};cursor:not-allowed;}`, `.button.__jsx-style-dynamic-selector:disabled svg{color:${_ui.theme.disabled};}`])));
 exports.MessageIconButton = MessageIconButton;
 MessageIconButton.propTypes = {
   iconComponent: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired,

package/build/cjs/components/Interpretations/common/Message/MessageInput.js

@@ -7,8 +7,7 @@ exports.MessageInput = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _ui = require("@dhis2/ui");
 var _react = _interopRequireWildcard(require("react"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const MessageInput = exports.MessageInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", _extends({

package/build/cjs/components/Interpretations/common/Message/MessageStatsBar.js

@@ -9,17 +9,14 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageStatsBar = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["2534339265", [_ui.spacers.dp12]]]) + " " + "container"
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2534339265",
-    dynamic: [_ui.spacers.dp12]
-  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp12};}`]));
-};
+const MessageStatsBar = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["2534339265", [_ui.spacers.dp12]]]) + " " + "container"
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2534339265",
+  dynamic: [_ui.spacers.dp12]
+}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp12};}`]));
 exports.MessageStatsBar = MessageStatsBar;
 MessageStatsBar.propTypes = {
   children: _propTypes.default.node.isRequired

package/build/cjs/components/LegendKey/LegendKey.js

@@ -10,10 +10,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _LegendKeyStyle = _interopRequireDefault(require("./styles/LegendKey.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LegendKey = _ref => {
-  let {
-    legendSets
-  } = _ref;
+const LegendKey = ({
+  legendSets
+}) => {
   return legendSets.length ? /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "legend-key-container",
     className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + "container"

package/build/cjs/components/OfflineTooltip.js

@@ -13,13 +13,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _OfflineTooltipStyle = require("./styles/OfflineTooltip.style.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const OfflineTooltip = _ref => {
-  let {
-    disabledWhenOffline,
-    disabled,
-    content,
-    children
-  } = _ref;
+const OfflineTooltip = ({
+  disabledWhenOffline = true,
+  disabled = false,
+  content,
+  children
+}) => {
   const {
     isDisconnected: offline
   } = (0, _appRuntime.useDhis2ConnectionStatus)();
@@ -28,21 +27,18 @@ const OfflineTooltip = _ref => {
     content: content || _d2I18n.default.t('Not available offline'),
     openDelay: 200,
     closeDelay: 100
-  }, _ref2 => {
-    let {
-      onMouseOver,
-      onMouseOut,
-      ref
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      onMouseOver: () => notAllowed && onMouseOver(),
-      onMouseOut: () => notAllowed && onMouseOut(),
-      ref: ref,
-      className: `jsx-${_OfflineTooltipStyle.styles.__hash}` + " " + ((0, _classnames.default)('tooltip', {
-        notAllowed
-      }) || "")
-    }, children);
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, ({
+    onMouseOver,
+    onMouseOut,
+    ref
+  }) => /*#__PURE__*/_react.default.createElement("span", {
+    onMouseOver: () => notAllowed && onMouseOver(),
+    onMouseOut: () => notAllowed && onMouseOut(),
+    ref: ref,
+    className: `jsx-${_OfflineTooltipStyle.styles.__hash}` + " " + ((0, _classnames.default)('tooltip', {
+      notAllowed
+    }) || "")
+  }, children)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _OfflineTooltipStyle.styles.__hash
   }, _OfflineTooltipStyle.styles));
 };
@@ -52,8 +48,4 @@ OfflineTooltip.propTypes = {
   content: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   disabledWhenOffline: _propTypes.default.bool
-};
-OfflineTooltip.defaultProps = {
-  disabled: false,
-  disabledWhenOffline: true
 };

package/build/cjs/components/OpenFileDialog/CreatedByFilter.js

@@ -14,32 +14,26 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const CREATED_BY_ALL = exports.CREATED_BY_ALL = 'all';
 const CREATED_BY_ALL_BUT_CURRENT_USER = exports.CREATED_BY_ALL_BUT_CURRENT_USER = 'allButCurrentUser';
 const CREATED_BY_CURRENT_USER = exports.CREATED_BY_CURRENT_USER = 'currentUser';
-const CreatedByFilter = _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.SingleSelect, {
-    selected: selected,
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(selected);
-    },
-    prefix: _d2I18n.default.t('Created by'),
-    dense: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
-    label: _d2I18n.default.t('Anyone'),
-    value: CREATED_BY_ALL
-  }), /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
-    label: _d2I18n.default.t('Only you'),
-    value: CREATED_BY_CURRENT_USER
-  }), /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
-    label: _d2I18n.default.t('Others'),
-    value: CREATED_BY_ALL_BUT_CURRENT_USER
-  }));
-};
+const CreatedByFilter = ({
+  selected,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_ui.SingleSelect, {
+  selected: selected,
+  onChange: ({
+    selected
+  }) => onChange(selected),
+  prefix: _d2I18n.default.t('Created by'),
+  dense: true
+}, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
+  label: _d2I18n.default.t('Anyone'),
+  value: CREATED_BY_ALL
+}), /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
+  label: _d2I18n.default.t('Only you'),
+  value: CREATED_BY_CURRENT_USER
+}), /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
+  label: _d2I18n.default.t('Others'),
+  value: CREATED_BY_ALL_BUT_CURRENT_USER
+}));
 exports.CreatedByFilter = CreatedByFilter;
 CreatedByFilter.propTypes = {
   onChange: _propTypes.default.func.isRequired,

package/build/cjs/components/OpenFileDialog/CustomSelectOption.js

@@ -12,34 +12,31 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _CustomSelectOptionStyle = _interopRequireDefault(require("./styles/CustomSelectOption.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomSelectOptionItem = _ref => {
-  let {
-    value,
-    label,
-    icon,
-    insertDivider,
-    onClick,
+const CustomSelectOptionItem = ({
+  value,
+  label,
+  icon,
+  insertDivider,
+  onClick,
+  active,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e),
+  "data-value": value,
+  "data-label": label,
+  className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
     active,
     disabled
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e),
-    "data-value": value,
-    "data-label": label,
-    className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
-      active,
-      disabled
-    }) || "")
-  }, icon, /*#__PURE__*/_react.default.createElement("span", {
-    className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
-      label: icon
-    }) || "")
-  }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _CustomSelectOptionStyle.default.__hash
-  }, _CustomSelectOptionStyle.default)), insertDivider && /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
-    dense: true
-  }));
-};
+  }) || "")
+}, icon, /*#__PURE__*/_react.default.createElement("span", {
+  className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
+    label: icon
+  }) || "")
+}, label), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _CustomSelectOptionStyle.default.__hash
+}, _CustomSelectOptionStyle.default)), insertDivider && /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
+  dense: true
+}));
 const CustomSelectOption = props => props.disabled ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
   content: _d2I18n.default.t('Not supported by this app yet')
 }, /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props);

package/build/cjs/components/OpenFileDialog/DateField.js

@@ -8,10 +8,9 @@ var _moment = _interopRequireDefault(require("moment"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DateField = _ref => {
-  let {
-    date
-  } = _ref;
+const DateField = ({
+  date
+}) => {
   const d = new Date(date);
   return /*#__PURE__*/_react.default.createElement("time", {
     dateTime: d.toISOString()

package/build/cjs/components/OpenFileDialog/FileList.js

@@ -10,28 +10,25 @@ var _react = _interopRequireDefault(require("react"));
 var _VisTypeIcon = require("../VisTypeIcon.js");
 var _DateField = require("./DateField.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FileList = _ref => {
-  let {
-    data,
-    onSelect,
-    showVisTypeColumn
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(visualization => /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, {
-    key: visualization.id
-  }, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
-    onClick: () => onSelect(visualization.id)
-  }, visualization.displayName), showVisTypeColumn && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement(_VisTypeIcon.VisTypeIcon, {
-    type: visualization.type,
-    useSmall: true,
-    color: _ui.colors.grey600
-  })), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_DateField.DateField, {
-    date: visualization.created
-  })), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_DateField.DateField, {
-    date: visualization.lastUpdated
-  })))));
-};
+const FileList = ({
+  data,
+  onSelect,
+  showVisTypeColumn
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(visualization => /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, {
+  key: visualization.id
+}, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
+  onClick: () => onSelect(visualization.id)
+}, visualization.displayName), showVisTypeColumn && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
+  align: "center"
+}, /*#__PURE__*/_react.default.createElement(_VisTypeIcon.VisTypeIcon, {
+  type: visualization.type,
+  useSmall: true,
+  color: _ui.colors.grey600
+})), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_DateField.DateField, {
+  date: visualization.created
+})), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_DateField.DateField, {
+  date: visualization.lastUpdated
+})))));
 exports.FileList = FileList;
 FileList.propTypes = {
   data: _propTypes.default.arrayOf(_propTypes.default.shape({

package/build/cjs/components/OpenFileDialog/NameFilter.js

@@ -9,27 +9,21 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NameFilter = _ref => {
-  let {
-    dataTest,
-    value,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.Input, {
-    type: "search",
-    placeholder: _d2I18n.default.t('Filter by name'),
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return onChange(value);
-    },
-    value: value,
-    initialFocus: true,
-    dense: true,
-    dataTest: dataTest
-  });
-};
+const NameFilter = ({
+  dataTest,
+  value,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_ui.Input, {
+  type: "search",
+  placeholder: _d2I18n.default.t('Filter by name'),
+  onChange: ({
+    value
+  }) => onChange(value),
+  value: value,
+  initialFocus: true,
+  dense: true,
+  dataTest: dataTest
+});
 exports.NameFilter = NameFilter;
 NameFilter.propTypes = {
   onChange: _propTypes.default.func.isRequired,

package/build/cjs/components/OpenFileDialog/OpenFileDialog.js

@@ -19,19 +19,17 @@ var _OpenFileDialogStyles = require("./OpenFileDialog.styles.js");
 var _PaginationControls = require("./PaginationControls.js");
 var _utils = require("./utils.js");
 var _VisTypeFilter = require("./VisTypeFilter.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getQuery = type => ({
   files: {
     resource: _utils.AOTypeMap[type].apiEndpoint,
-    params: _ref => {
-      let {
-        sortField = 'displayName',
-        sortDirection = 'iasc',
-        page = 1,
-        filters
-      } = _ref;
+    params: ({
+      sortField = 'displayName',
+      sortDirection = 'iasc',
+      page = 1,
+      filters
+    }) => {
       const queryParams = {
         filter: filters,
         fields: `id,type,displayName,title,displayDescription,created,lastUpdated,user,access,href`,
@@ -46,17 +44,16 @@ const getQuery = type => ({
     }
   }
 });
-const OpenFileDialog = _ref2 => {
-  let {
-    type,
-    open,
-    filterVisTypes,
-    defaultFilterVisType,
-    onClose,
-    onFileSelect,
-    onNew,
-    currentUser
-  } = _ref2;
+const OpenFileDialog = ({
+  type,
+  open,
+  filterVisTypes,
+  defaultFilterVisType,
+  onClose,
+  onFileSelect,
+  onNew,
+  currentUser
+}) => {
   const filesQuery = (0, _react.useMemo)(() => getQuery(type), [type]);
   const defaultFilters = {
     searchTerm: '',
@@ -138,17 +135,14 @@ const OpenFileDialog = _ref2 => {
   const setPage = pageNum => setState({
     page: pageNum
   });
-  const sortData = _ref3 => {
-    let {
-      name,
-      direction
-    } = _ref3;
-    return setState({
-      sortField: name,
-      sortDirection: direction,
-      page: 1
-    });
-  };
+  const sortData = ({
+    name,
+    direction
+  }) => setState({
+    sortField: name,
+    sortDirection: direction,
+    page: 1
+  });
   (0, _react.useEffect)(() => {
     // only fetch data when the dialog is open
     if (open) {
@@ -242,20 +236,17 @@ const OpenFileDialog = _ref2 => {
     className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "data-table-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_ui.DataTable, {
     layout: "fixed"
-  }, /*#__PURE__*/_react.default.createElement(_ui.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, data !== null && data !== void 0 && data.files[_utils.AOTypeMap[type].apiEndpoint].length ? headers.map(_ref4 => {
-    let {
-      field,
-      label,
-      width
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, {
-      width: width,
-      key: field,
-      name: field,
-      onSortIconClick: sortData,
-      sortDirection: getSortDirection(field)
-    }, label);
-  }) : /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null))), /*#__PURE__*/_react.default.createElement(_ui.DataTableBody, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, data !== null && data !== void 0 && data.files[_utils.AOTypeMap[type].apiEndpoint].length ? headers.map(({
+    field,
+    label,
+    width
+  }) => /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, {
+    width: width,
+    key: field,
+    name: field,
+    onSortIconClick: sortData,
+    sortDirection: getSortDirection(field)
+  }, label)) : /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null))), /*#__PURE__*/_react.default.createElement(_ui.DataTableBody, {
     className: "data-table-body"
   }, loading && /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
     large: true

package/build/cjs/components/OpenFileDialog/PaginationControls.js

@@ -9,34 +9,28 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PaginationControls = _ref => {
-  let {
-    page,
-    pager,
-    onPageChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.Pagination, {
-    page: page,
-    pageCount: pager.pageCount,
-    pageSize: pager.pageSize,
-    total: pager.total,
-    onPageChange: onPageChange,
-    onPageSizeChange: Function.prototype,
-    hidePageSizeSelect: true,
-    pageSummaryText: _ref2 => {
-      let {
-        firstItem: firstItemIndex,
-        lastItem: lastItemIndex,
-        total: totalNumberOfItems
-      } = _ref2;
-      return _d2I18n.default.t('{{firstItemIndex}}-{{lastItemIndex}} of {{totalNumberOfItems}}', {
-        firstItemIndex,
-        lastItemIndex,
-        totalNumberOfItems
-      });
-    }
-  });
-};
+const PaginationControls = ({
+  page,
+  pager,
+  onPageChange
+}) => /*#__PURE__*/_react.default.createElement(_ui.Pagination, {
+  page: page,
+  pageCount: pager.pageCount,
+  pageSize: pager.pageSize,
+  total: pager.total,
+  onPageChange: onPageChange,
+  onPageSizeChange: Function.prototype,
+  hidePageSizeSelect: true,
+  pageSummaryText: ({
+    firstItem: firstItemIndex,
+    lastItem: lastItemIndex,
+    total: totalNumberOfItems
+  }) => _d2I18n.default.t('{{firstItemIndex}}-{{lastItemIndex}} of {{totalNumberOfItems}}', {
+    firstItemIndex,
+    lastItemIndex,
+    totalNumberOfItems
+  })
+});
 exports.PaginationControls = PaginationControls;
 PaginationControls.propTypes = {
   page: _propTypes.default.number,