@dhis2/analytics 28.0.3 → 28.0.4

package/build/es/components/Interpretations/common/Message/MessageButtonStrip.js

@@ -2,17 +2,14 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-const MessageButtonStrip = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1819118406", [spacers.dp8, spacers.dp8]]]) + " " + "container"
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1819118406",
-    dynamic: [spacers.dp8, spacers.dp8]
-  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp8};}`]));
-};
+const MessageButtonStrip = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: _JSXStyle.dynamic([["1819118406", [spacers.dp8, spacers.dp8]]]) + " " + "container"
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1819118406",
+  dynamic: [spacers.dp8, spacers.dp8]
+}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp8};}`]));
 MessageButtonStrip.propTypes = {
   children: PropTypes.node.isRequired
 };

package/build/es/components/Interpretations/common/Message/MessageEditorContainer.js

@@ -2,27 +2,24 @@ import _JSXStyle from "styled-jsx/style";
 import { UserAvatar, spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-const MessageEditorContainer = _ref => {
-  let {
-    children,
-    currentUser,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "avatar"
-  }, /*#__PURE__*/React.createElement(UserAvatar, {
-    name: currentUser.name,
-    medium: true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "editor"
-  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "969803715",
-    dynamic: [spacers.dp8, spacers.dp12]
-  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp12};}`, ".avatar.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}", ".editor.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:100%;}"]));
-};
+const MessageEditorContainer = ({
+  children,
+  currentUser,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "container"
+}, /*#__PURE__*/React.createElement("div", {
+  className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "avatar"
+}, /*#__PURE__*/React.createElement(UserAvatar, {
+  name: currentUser.name,
+  medium: true
+})), /*#__PURE__*/React.createElement("div", {
+  className: _JSXStyle.dynamic([["969803715", [spacers.dp8, spacers.dp12]]]) + " " + "editor"
+}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "969803715",
+  dynamic: [spacers.dp8, spacers.dp12]
+}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp12};}`, ".avatar.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}", ".editor.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:100%;}"]));
 MessageEditorContainer.propTypes = {
   currentUser: PropTypes.object.isRequired,
   children: PropTypes.node,

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

@@ -3,48 +3,42 @@ import { Tooltip, colors, spacers, theme } from '@dhis2/ui';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-const MessageIconButton = _ref => {
-  let {
-    tooltipContent,
-    disabled,
-    onClick,
+const MessageIconButton = ({
+  tooltipContent,
+  disabled,
+  onClick,
+  selected,
+  count,
+  iconComponent: Icon,
+  dataTest,
+  viewOnly
+}) => /*#__PURE__*/React.createElement(Tooltip, {
+  closeDelay: 200,
+  content: tooltipContent
+}, ({
+  ref,
+  onMouseOver,
+  onMouseOut
+}) => /*#__PURE__*/React.createElement("span", {
+  ref: ref,
+  onMouseOver: onMouseOver,
+  onMouseOut: onMouseOut,
+  className: _JSXStyle.dynamic([["163818318", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + "wrapper"
+}, /*#__PURE__*/React.createElement("button", {
+  onClick: event => {
+    event.stopPropagation();
+    onClick();
+  },
+  disabled: disabled,
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["163818318", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + (cx('button', {
     selected,
-    count,
-    iconComponent: Icon,
-    dataTest,
     viewOnly
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    closeDelay: 200,
-    content: tooltipContent
-  }, _ref2 => {
-    let {
-      ref,
-      onMouseOver,
-      onMouseOut
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("span", {
-      ref: ref,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      className: _JSXStyle.dynamic([["163818318", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + "wrapper"
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: event => {
-        event.stopPropagation();
-        onClick();
-      },
-      disabled: disabled,
-      "data-test": dataTest,
-      className: _JSXStyle.dynamic([["163818318", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + (cx('button', {
-        selected,
-        viewOnly
-      }) || "")
-    }, count && count, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "163818318",
-      dynamic: [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, 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:${spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:${colors.grey700};}`, ".viewOnly.__jsx-style-dynamic-selector{cursor:default;}", `.button.selected.__jsx-style-dynamic-selector{color:${colors.teal600};font-weight:500;}`, `.button.__jsx-style-dynamic-selector:hover{color:${colors.grey900};}`, `.button.selected.__jsx-style-dynamic-selector:hover{color:${colors.teal800};}`, `.button.selected.__jsx-style-dynamic-selector svg{color:${colors.teal500};}`, `.button.selected.__jsx-style-dynamic-selector:hover svg{color:${colors.teal700};}`, `.button.__jsx-style-dynamic-selector:disabled{color:${theme.disabled};cursor:not-allowed;}`, `.button.__jsx-style-dynamic-selector:disabled svg{color:${theme.disabled};}`]));
-  });
-};
+  }) || "")
+}, count && count, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "163818318",
+  dynamic: [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, 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:${spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:${colors.grey700};}`, ".viewOnly.__jsx-style-dynamic-selector{cursor:default;}", `.button.selected.__jsx-style-dynamic-selector{color:${colors.teal600};font-weight:500;}`, `.button.__jsx-style-dynamic-selector:hover{color:${colors.grey900};}`, `.button.selected.__jsx-style-dynamic-selector:hover{color:${colors.teal800};}`, `.button.selected.__jsx-style-dynamic-selector svg{color:${colors.teal500};}`, `.button.selected.__jsx-style-dynamic-selector:hover svg{color:${colors.teal700};}`, `.button.__jsx-style-dynamic-selector:disabled{color:${theme.disabled};cursor:not-allowed;}`, `.button.__jsx-style-dynamic-selector:disabled svg{color:${theme.disabled};}`])));
 MessageIconButton.propTypes = {
   iconComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
   tooltipContent: PropTypes.string.isRequired,

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

@@ -2,17 +2,14 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-const MessageStatsBar = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2534339265", [spacers.dp12]]]) + " " + "container"
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2534339265",
-    dynamic: [spacers.dp12]
-  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp12};}`]));
-};
+const MessageStatsBar = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: _JSXStyle.dynamic([["2534339265", [spacers.dp12]]]) + " " + "container"
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2534339265",
+  dynamic: [spacers.dp12]
+}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp12};}`]));
 MessageStatsBar.propTypes = {
   children: PropTypes.node.isRequired
 };

package/build/es/components/LegendKey/LegendKey.js

@@ -3,10 +3,9 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/LegendKey.style.js';
-const LegendKey = _ref => {
-  let {
-    legendSets
-  } = _ref;
+const LegendKey = ({
+  legendSets
+}) => {
   return legendSets.length ? /*#__PURE__*/React.createElement("div", {
     "data-test": "legend-key-container",
     className: `jsx-${styles.__hash}` + " " + "container"

package/build/es/components/OfflineTooltip.js

@@ -6,13 +6,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { styles } from './styles/OfflineTooltip.style.js';
-const OfflineTooltip = _ref => {
-  let {
-    disabledWhenOffline,
-    disabled,
-    content,
-    children
-  } = _ref;
+const OfflineTooltip = ({
+  disabledWhenOffline = true,
+  disabled = false,
+  content,
+  children
+}) => {
   const {
     isDisconnected: offline
   } = useDhis2ConnectionStatus();
@@ -21,21 +20,18 @@ const OfflineTooltip = _ref => {
     content: content || i18n.t('Not available offline'),
     openDelay: 200,
     closeDelay: 100
-  }, _ref2 => {
-    let {
-      onMouseOver,
-      onMouseOut,
-      ref
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("span", {
-      onMouseOver: () => notAllowed && onMouseOver(),
-      onMouseOut: () => notAllowed && onMouseOut(),
-      ref: ref,
-      className: `jsx-${styles.__hash}` + " " + (cx('tooltip', {
-        notAllowed
-      }) || "")
-    }, children);
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }, ({
+    onMouseOver,
+    onMouseOut,
+    ref
+  }) => /*#__PURE__*/React.createElement("span", {
+    onMouseOver: () => notAllowed && onMouseOver(),
+    onMouseOut: () => notAllowed && onMouseOut(),
+    ref: ref,
+    className: `jsx-${styles.__hash}` + " " + (cx('tooltip', {
+      notAllowed
+    }) || "")
+  }, children)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
@@ -45,8 +41,4 @@ OfflineTooltip.propTypes = {
   disabled: PropTypes.bool,
   disabledWhenOffline: PropTypes.bool
 };
-OfflineTooltip.defaultProps = {
-  disabled: false,
-  disabledWhenOffline: true
-};
 export { OfflineTooltip };

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

@@ -8,32 +8,26 @@ import React from 'react';
 export const CREATED_BY_ALL = 'all';
 export const CREATED_BY_ALL_BUT_CURRENT_USER = 'allButCurrentUser';
 export const CREATED_BY_CURRENT_USER = 'currentUser';
-export const CreatedByFilter = _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(SingleSelect, {
-    selected: selected,
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(selected);
-    },
-    prefix: i18n.t('Created by'),
-    dense: true
-  }, /*#__PURE__*/React.createElement(SingleSelectOption, {
-    label: i18n.t('Anyone'),
-    value: CREATED_BY_ALL
-  }), /*#__PURE__*/React.createElement(SingleSelectOption, {
-    label: i18n.t('Only you'),
-    value: CREATED_BY_CURRENT_USER
-  }), /*#__PURE__*/React.createElement(SingleSelectOption, {
-    label: i18n.t('Others'),
-    value: CREATED_BY_ALL_BUT_CURRENT_USER
-  }));
-};
+export const CreatedByFilter = ({
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(SingleSelect, {
+  selected: selected,
+  onChange: ({
+    selected
+  }) => onChange(selected),
+  prefix: i18n.t('Created by'),
+  dense: true
+}, /*#__PURE__*/React.createElement(SingleSelectOption, {
+  label: i18n.t('Anyone'),
+  value: CREATED_BY_ALL
+}), /*#__PURE__*/React.createElement(SingleSelectOption, {
+  label: i18n.t('Only you'),
+  value: CREATED_BY_CURRENT_USER
+}), /*#__PURE__*/React.createElement(SingleSelectOption, {
+  label: i18n.t('Others'),
+  value: CREATED_BY_ALL_BUT_CURRENT_USER
+}));
 CreatedByFilter.propTypes = {
   onChange: PropTypes.func.isRequired,
   selected: PropTypes.string

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

@@ -5,34 +5,31 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/CustomSelectOption.style.js';
-const CustomSelectOptionItem = _ref => {
-  let {
-    value,
-    label,
-    icon,
-    insertDivider,
-    onClick,
+const CustomSelectOptionItem = ({
+  value,
+  label,
+  icon,
+  insertDivider,
+  onClick,
+  active,
+  disabled
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  onClick: e => onClick({}, e),
+  "data-value": value,
+  "data-label": label,
+  className: `jsx-${styles.__hash}` + " " + (cx({
     active,
     disabled
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    onClick: e => onClick({}, e),
-    "data-value": value,
-    "data-label": label,
-    className: `jsx-${styles.__hash}` + " " + (cx({
-      active,
-      disabled
-    }) || "")
-  }, icon, /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + (cx({
-      label: icon
-    }) || "")
-  }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: styles.__hash
-  }, styles)), insertDivider && /*#__PURE__*/React.createElement(MenuDivider, {
-    dense: true
-  }));
-};
+  }) || "")
+}, icon, /*#__PURE__*/React.createElement("span", {
+  className: `jsx-${styles.__hash}` + " " + (cx({
+    label: icon
+  }) || "")
+}, label), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: styles.__hash
+}, styles)), insertDivider && /*#__PURE__*/React.createElement(MenuDivider, {
+  dense: true
+}));
 export const CustomSelectOption = props => props.disabled ? /*#__PURE__*/React.createElement(Tooltip, {
   content: i18n.t('Not supported by this app yet')
 }, /*#__PURE__*/React.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/React.createElement(CustomSelectOptionItem, props);

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

@@ -1,10 +1,9 @@
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const DateField = _ref => {
-  let {
-    date
-  } = _ref;
+export const DateField = ({
+  date
+}) => {
   const d = new Date(date);
   return /*#__PURE__*/React.createElement("time", {
     dateTime: d.toISOString()

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

@@ -3,28 +3,25 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { VisTypeIcon } from '../VisTypeIcon.js';
 import { DateField } from './DateField.js';
-export const FileList = _ref => {
-  let {
-    data,
-    onSelect,
-    showVisTypeColumn
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(visualization => /*#__PURE__*/React.createElement(DataTableRow, {
-    key: visualization.id
-  }, /*#__PURE__*/React.createElement(DataTableCell, {
-    onClick: () => onSelect(visualization.id)
-  }, visualization.displayName), showVisTypeColumn && /*#__PURE__*/React.createElement(DataTableCell, {
-    align: "center"
-  }, /*#__PURE__*/React.createElement(VisTypeIcon, {
-    type: visualization.type,
-    useSmall: true,
-    color: colors.grey600
-  })), /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement(DateField, {
-    date: visualization.created
-  })), /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement(DateField, {
-    date: visualization.lastUpdated
-  })))));
-};
+export const FileList = ({
+  data,
+  onSelect,
+  showVisTypeColumn
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, data.map(visualization => /*#__PURE__*/React.createElement(DataTableRow, {
+  key: visualization.id
+}, /*#__PURE__*/React.createElement(DataTableCell, {
+  onClick: () => onSelect(visualization.id)
+}, visualization.displayName), showVisTypeColumn && /*#__PURE__*/React.createElement(DataTableCell, {
+  align: "center"
+}, /*#__PURE__*/React.createElement(VisTypeIcon, {
+  type: visualization.type,
+  useSmall: true,
+  color: colors.grey600
+})), /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement(DateField, {
+  date: visualization.created
+})), /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement(DateField, {
+  date: visualization.lastUpdated
+})))));
 FileList.propTypes = {
   data: PropTypes.arrayOf(PropTypes.shape({
     created: PropTypes.string.isRequired,

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

@@ -2,27 +2,21 @@ import i18n from '@dhis2/d2-i18n';
 import { Input } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const NameFilter = _ref => {
-  let {
-    dataTest,
-    value,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Input, {
-    type: "search",
-    placeholder: i18n.t('Filter by name'),
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return onChange(value);
-    },
-    value: value,
-    initialFocus: true,
-    dense: true,
-    dataTest: dataTest
-  });
-};
+export const NameFilter = ({
+  dataTest,
+  value,
+  onChange
+}) => /*#__PURE__*/React.createElement(Input, {
+  type: "search",
+  placeholder: i18n.t('Filter by name'),
+  onChange: ({
+    value
+  }) => onChange(value),
+  value: value,
+  initialFocus: true,
+  dense: true,
+  dataTest: dataTest
+});
 NameFilter.propTypes = {
   onChange: PropTypes.func.isRequired,
   dataTest: PropTypes.string,

package/build/es/components/OpenFileDialog/OpenFileDialog.js

@@ -16,13 +16,12 @@ import { VisTypeFilter } from './VisTypeFilter.js';
 const getQuery = type => ({
   files: {
     resource: 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`,
@@ -37,17 +36,16 @@ const getQuery = type => ({
     }
   }
 });
-export const OpenFileDialog = _ref2 => {
-  let {
-    type,
-    open,
-    filterVisTypes,
-    defaultFilterVisType,
-    onClose,
-    onFileSelect,
-    onNew,
-    currentUser
-  } = _ref2;
+export const OpenFileDialog = ({
+  type,
+  open,
+  filterVisTypes,
+  defaultFilterVisType,
+  onClose,
+  onFileSelect,
+  onNew,
+  currentUser
+}) => {
   const filesQuery = useMemo(() => getQuery(type), [type]);
   const defaultFilters = {
     searchTerm: '',
@@ -129,17 +127,14 @@ export 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
+  });
   useEffect(() => {
     // only fetch data when the dialog is open
     if (open) {
@@ -233,20 +228,17 @@ export const OpenFileDialog = _ref2 => {
     className: `jsx-${styles.__hash}` + " " + "data-table-wrapper"
   }, /*#__PURE__*/React.createElement(DataTable, {
     layout: "fixed"
-  }, /*#__PURE__*/React.createElement(DataTableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, data !== null && data !== void 0 && data.files[AOTypeMap[type].apiEndpoint].length ? headers.map(_ref4 => {
-    let {
-      field,
-      label,
-      width
-    } = _ref4;
-    return /*#__PURE__*/React.createElement(DataTableColumnHeader, {
-      width: width,
-      key: field,
-      name: field,
-      onSortIconClick: sortData,
-      sortDirection: getSortDirection(field)
-    }, label);
-  }) : /*#__PURE__*/React.createElement(DataTableColumnHeader, null))), /*#__PURE__*/React.createElement(DataTableBody, {
+  }, /*#__PURE__*/React.createElement(DataTableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, data !== null && data !== void 0 && data.files[AOTypeMap[type].apiEndpoint].length ? headers.map(({
+    field,
+    label,
+    width
+  }) => /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    width: width,
+    key: field,
+    name: field,
+    onSortIconClick: sortData,
+    sortDirection: getSortDirection(field)
+  }, label)) : /*#__PURE__*/React.createElement(DataTableColumnHeader, null))), /*#__PURE__*/React.createElement(DataTableBody, {
     className: "data-table-body"
   }, loading && /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableCell, {
     large: true