@dhis2/analytics 28.0.3 → 28.0.4

package/build/es/components/DataDimension/TransferOption.js

@@ -6,26 +6,25 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM, DIMENSION_TYPE_PROGRAM_ATTRIBUTE, DIMENSION_TYPE_PROGRAM_DATA_ELEMENT } from '../../modules/dataTypes.js';
 import styles from './styles/TransferOption.style.js';
-export const TransferOption = _ref => {
-  let {
-    disabled,
-    label,
-    highlighted,
-    selected,
-    onClick,
-    onDoubleClick,
-    value,
-    icon,
-    active,
-    dataItemType,
-    dimensionType,
-    dataTest,
-    optionSetId,
-    itemsRef,
-    showingInfo,
-    onEditClick,
-    onInfoClick
-  } = _ref;
+export const TransferOption = ({
+  disabled,
+  label,
+  highlighted,
+  selected,
+  onClick,
+  onDoubleClick,
+  value,
+  icon,
+  active,
+  dataItemType,
+  dimensionType,
+  dataTest,
+  optionSetId,
+  itemsRef,
+  showingInfo,
+  onEditClick,
+  onInfoClick
+}) => {
   const renderContent = () => /*#__PURE__*/React.createElement("div", {
     "data-test": `${dataTest}-content`,
     onClick: event => {
@@ -72,25 +71,22 @@ export const TransferOption = _ref => {
     content: i18n.t('Click to choose from available options'),
     openDelay: 500,
     closeDelay: 0
-  }, _ref2 => {
-    let {
-      ref,
-      onMouseOver,
-      onMouseOut
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("span", {
-      ref: ref,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      onClick: e => {
-        e.stopPropagation();
-        onMouseOut();
-        onEditClick();
-      },
-      "data-test": `${dataTest}-option-set-button`,
-      className: `jsx-${styles.__hash}` + " " + "option-set-button"
-    }, /*#__PURE__*/React.createElement(IconList16, null));
-  })), /*#__PURE__*/React.createElement("div", {
+  }, ({
+    ref,
+    onMouseOver,
+    onMouseOut
+  }) => /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut,
+    onClick: e => {
+      e.stopPropagation();
+      onMouseOut();
+      onEditClick();
+    },
+    "data-test": `${dataTest}-option-set-button`,
+    className: `jsx-${styles.__hash}` + " " + "option-set-button"
+  }, /*#__PURE__*/React.createElement(IconList16, null)))), /*#__PURE__*/React.createElement("div", {
     className: `jsx-${styles.__hash}` + " " + (cx('group', 'nowrap', 'typeGroup') || "")
   }, /*#__PURE__*/React.createElement("span", {
     className: `jsx-${styles.__hash}` + " " + "type"

package/build/es/components/DimensionMenu.js

@@ -20,20 +20,19 @@ const getDividerItem = key => /*#__PURE__*/React.createElement(MenuDivider, {
 const getUnavailableLabel = visType => i18n.t('Not available for {{visualizationType}}', {
   visualizationType: getDisplayNameByVisType(visType)
 });
-const DimensionMenu = _ref => {
-  let {
-    dimensionId,
-    currentAxisId,
-    visType,
-    numberOfDimensionItems,
-    assignedCategoriesItemHandler,
-    isAssignedCategoriesInLayout,
-    axisItemHandler,
-    removeItemHandler,
-    classes,
-    onClose,
-    dataTest
-  } = _ref;
+const DimensionMenu = ({
+  dimensionId,
+  currentAxisId,
+  visType,
+  numberOfDimensionItems,
+  assignedCategoriesItemHandler,
+  isAssignedCategoriesInLayout,
+  axisItemHandler,
+  removeItemHandler,
+  classes,
+  onClose,
+  dataTest
+}) => {
   const menuItems = [];
   const isDimensionInLayout = !!currentAxisId;
 

package/build/es/components/DimensionsPanel/DimensionsPanel.js

@@ -8,8 +8,8 @@ import Filter from '../Filter/Filter.js';
 import DimensionList from './List/DimensionList.js';
 import { styles } from './styles/DimensionsPanel.style.js';
 class DimensionsPanel extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "state", {
       filterText: ''
     });
@@ -60,6 +60,11 @@ class DimensionsPanel extends Component {
     }));
   }
 }
+_defineProperty(DimensionsPanel, "defaultProps", {
+  selectedIds: [],
+  style: {},
+  onDimensionClick: Function.prototype
+});
 DimensionsPanel.propTypes = {
   dimensions: PropTypes.array.isRequired,
   disabledDimension: PropTypes.func,
@@ -71,9 +76,4 @@ DimensionsPanel.propTypes = {
   onDimensionDragStart: PropTypes.func,
   onDimensionOptionsClick: PropTypes.func
 };
-DimensionsPanel.defaultProps = {
-  selectedIds: [],
-  style: {},
-  onDimensionClick: Function.prototype
-};
 export default DimensionsPanel;

package/build/es/components/DimensionsPanel/List/DimensionItem.js

@@ -13,8 +13,8 @@ import OptionsButton from './OptionsButton.js';
 import RecommendedIcon from './RecommendedIcon.js';
 import styles from './styles/DimensionItem.style.js';
 class DimensionItem extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "state", {
       mouseOver: false
     });
@@ -123,6 +123,15 @@ class DimensionItem extends Component {
     }, styles));
   }
 }
+_defineProperty(DimensionItem, "defaultProps", {
+  isDeactivated: false,
+  isRecommended: false,
+  isSelected: false,
+  isLocked: false,
+  onClick: Function.prototype,
+  innerRef: Function.prototype,
+  style: {}
+});
 DimensionItem.propTypes = {
   id: PropTypes.string.isRequired,
   isSelected: PropTypes.bool.isRequired,
@@ -137,13 +146,4 @@ DimensionItem.propTypes = {
   onClick: PropTypes.func,
   onOptionsClick: PropTypes.func
 };
-DimensionItem.defaultProps = {
-  isDeactivated: false,
-  isRecommended: false,
-  isSelected: false,
-  isLocked: false,
-  onClick: Function.prototype,
-  innerRef: Function.prototype,
-  style: {}
-};
 export default DimensionItem;

package/build/es/components/DimensionsPanel/List/DimensionList.js

@@ -9,8 +9,8 @@ import { getPredefinedDimensions, getFixedDimensions } from '../../../modules/pr
 import DimensionItem from './DimensionItem.js';
 import styles from './styles/DimensionList.style.js';
 class DimensionList extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "nameContainsFilterText", dimension => dimension.name.toLowerCase().includes(this.props.filterText.toLowerCase()));
     _defineProperty(this, "isDisabled", dimensionId => this.props.disabledDimension(dimensionId) || false);
     _defineProperty(this, "isRecommended", dimensionId => this.props.recommendedDimension(dimensionId) || false);
@@ -53,6 +53,12 @@ class DimensionList extends Component {
     }, styles));
   }
 }
+_defineProperty(DimensionList, "defaultProps", {
+  selectedIds: [],
+  disabledDimension: Function.prototype,
+  lockedDimension: Function.prototype,
+  recommendedDimension: Function.prototype
+});
 DimensionList.propTypes = {
   dimensions: PropTypes.array.isRequired,
   filterText: PropTypes.string.isRequired,
@@ -64,10 +70,4 @@ DimensionList.propTypes = {
   onDimensionDragStart: PropTypes.func,
   onDimensionOptionsClick: PropTypes.func
 };
-DimensionList.defaultProps = {
-  selectedIds: [],
-  disabledDimension: Function.prototype,
-  lockedDimension: Function.prototype,
-  recommendedDimension: Function.prototype
-};
 export default DimensionList;

package/build/es/components/DimensionsPanel/List/OptionsButton.js

@@ -2,17 +2,14 @@ import _JSXStyle from "styled-jsx/style";
 import { IconMore16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-const OptionsButton = _ref => {
-  let {
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-    onClick: onClick,
-    className: "jsx-2074438274"
-  }, /*#__PURE__*/React.createElement(IconMore16, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2074438274"
-  }, ["button.jsx-2074438274{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;width:20px;padding:0;border:none;background:none;outline:none;cursor:pointer;border-top-right-radius:2px;border-bottom-left-radius:2px;}", "button.jsx-2074438274:hover{background-color:rgba(33,41,52,0.08);}", "button.jsx-2074438274:active{background-color:rgba(33,41,52,0.13);}"]));
-};
+const OptionsButton = ({
+  onClick
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  onClick: onClick,
+  className: "jsx-2074438274"
+}, /*#__PURE__*/React.createElement(IconMore16, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2074438274"
+}, ["button.jsx-2074438274{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;width:20px;padding:0;border:none;background:none;outline:none;cursor:pointer;border-top-right-radius:2px;border-bottom-left-radius:2px;}", "button.jsx-2074438274:hover{background-color:rgba(33,41,52,0.08);}", "button.jsx-2074438274:active{background-color:rgba(33,41,52,0.13);}"]));
 OptionsButton.propTypes = {
   onClick: PropTypes.func
 };

package/build/es/components/DimensionsPanel/List/RecommendedIcon.js

@@ -3,19 +3,16 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../../locales/index.js';
 import { styles } from './styles/RecommendedIcon.style.js';
-const RecommendedIcon = _ref => {
-  let {
-    isRecommended,
-    dataTest
-  } = _ref;
-  return isRecommended ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: i18n.t('Dimension recommended with selected data'),
-    placement: "bottom"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: styles.recommendedIcon,
-    "data-test": dataTest
-  })) : null;
-};
+const RecommendedIcon = ({
+  isRecommended,
+  dataTest
+}) => isRecommended ? /*#__PURE__*/React.createElement(Tooltip, {
+  content: i18n.t('Dimension recommended with selected data'),
+  placement: "bottom"
+}, /*#__PURE__*/React.createElement("div", {
+  style: styles.recommendedIcon,
+  "data-test": dataTest
+})) : null;
 RecommendedIcon.propTypes = {
   isRecommended: PropTypes.bool.isRequired,
   dataTest: PropTypes.string

package/build/es/components/DynamicDimension/DynamicDimension.js

@@ -8,15 +8,15 @@ import i18n from '../../locales/index.js';
 import ItemSelector from './ItemSelector.js';
 import styles from './styles/DynamicDimension.style.js';
 export const ALL_DYNAMIC_DIMENSION_ITEMS = 'ALL_ITEMS';
-export const DynamicDimension = _ref => {
-  let {
-    dimensionId,
-    onSelect,
-    selectedItems,
-    rightFooter,
-    dimensionTitle,
-    displayNameProp
-  } = _ref;
+const SELECTED_ITEMS_PROP_DEFAULT = [];
+export const DynamicDimension = ({
+  dimensionId,
+  onSelect = Function.prototype,
+  selectedItems = SELECTED_ITEMS_PROP_DEFAULT,
+  rightFooter,
+  dimensionTitle,
+  displayNameProp
+}) => {
   const dataEngine = useDataEngine();
   const fetchItems = (page, searchTerm) => apiFetchItemsByDimension({
     dataEngine,
@@ -96,8 +96,4 @@ DynamicDimension.propTypes = {
   onSelect: PropTypes.func.isRequired,
   rightFooter: PropTypes.node
 };
-DynamicDimension.defaultProps = {
-  selectedItems: [],
-  onSelect: Function.prototype
-};
 export default DynamicDimension;

package/build/es/components/DynamicDimension/ItemSelector.js

@@ -11,15 +11,15 @@ import { SelectedEmptyPlaceholder } from '../DataDimension/SelectedEmptyPlacehol
 import { SourceEmptyPlaceholder } from '../DataDimension/SourceEmptyPlaceholder.js';
 import styles from '../styles/DimensionSelector.style.js';
 import { TransferOption } from '../TransferOption.js';
-const ItemSelector = _ref => {
-  let {
-    selectedItems,
-    noItemsMessage,
-    onFetch,
-    onSelect,
-    rightFooter,
-    dataTest
-  } = _ref;
+const SELECTED_ITEMS_PROP_DEFAULT = [];
+const ItemSelector = ({
+  selectedItems = SELECTED_ITEMS_PROP_DEFAULT,
+  noItemsMessage,
+  onFetch,
+  onSelect,
+  rightFooter,
+  dataTest
+}) => {
   const [state, setState] = useState({
     searchTerm: '',
     options: [],
@@ -39,18 +39,15 @@ const ItemSelector = _ref => {
       loading: true
     }));
     const result = await onFetch(page, state.searchTerm);
-    const newOptions = (_result$dimensionItem = result.dimensionItems) === null || _result$dimensionItem === void 0 ? void 0 : _result$dimensionItem.map(_ref2 => {
-      let {
-        id,
-        name,
-        disabled
-      } = _ref2;
-      return {
-        label: name,
-        value: id,
-        disabled
-      };
-    });
+    const newOptions = (_result$dimensionItem = result.dimensionItems) === null || _result$dimensionItem === void 0 ? void 0 : _result$dimensionItem.map(({
+      id,
+      name,
+      disabled
+    }) => ({
+      label: name,
+      value: id,
+      disabled
+    }));
     setState(state => ({
       ...state,
       loading: false,
@@ -86,12 +83,9 @@ const ItemSelector = _ref => {
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Transfer, {
-    onChange: _ref3 => {
-      let {
-        selected
-      } = _ref3;
-      return onChange(selected);
-    },
+    onChange: ({
+      selected
+    }) => onChange(selected),
     selected: selectedItems.map(item => item.value),
     options: [...state.options, ...selectedItems],
     loading: state.loading,
@@ -107,12 +101,9 @@ const ItemSelector = _ref => {
     filterPlaceholder: i18n.t('Search'),
     filterablePicked: false,
     searchTerm: state.searchTerm,
-    onFilterChange: _ref4 => {
-      let {
-        value
-      } = _ref4;
-      return setSearchTerm(value);
-    },
+    onFilterChange: ({
+      value
+    }) => setSearchTerm(value),
     enableOrderChange: true,
     height: TRANSFER_HEIGHT,
     optionsWidth: TRANSFER_OPTIONS_WIDTH,
@@ -142,7 +133,4 @@ ItemSelector.propTypes = {
     value: PropTypes.string.isRequired
   }))
 };
-ItemSelector.defaultProps = {
-  selectedItems: []
-};
 export default ItemSelector;

package/build/es/components/FileMenu/DeleteDialog.js

@@ -6,22 +6,18 @@ import i18n from '../../locales/index.js';
 import { supportedFileTypes, endpointFromFileType, labelForFileType } from './utils.js';
 const getMutation = type => ({
   resource: endpointFromFileType(type),
-  id: _ref => {
-    let {
-      id
-    } = _ref;
-    return id;
-  },
+  id: ({
+    id
+  }) => id,
   type: 'delete'
 });
-export const DeleteDialog = _ref2 => {
-  let {
-    type,
-    id,
-    onClose,
-    onDelete,
-    onError
-  } = _ref2;
+export const DeleteDialog = ({
+  type,
+  id,
+  onClose,
+  onDelete,
+  onError
+}) => {
   const mutation = useMemo(() => getMutation(type), []);
   const [mutate] = useDataMutation(mutation, {
     variables: {

package/build/es/components/FileMenu/FileMenu.js

@@ -10,24 +10,23 @@ import { GetLinkDialog } from './GetLinkDialog.js';
 import { RenameDialog } from './RenameDialog.js';
 import { SaveAsDialog } from './SaveAsDialog.js';
 import { supportedFileTypes } from './utils.js';
-export const FileMenu = _ref => {
-  var _fileObject$access, _fileObject$access2, _fileObject$access3, _fileObject$access4, _fileObject$access5, _fileObject$access6, _fileObject$access7, _fileObject$access8, _fileObject$access9, _fileObject$access10;
-  let {
-    currentUser,
-    defaultFilterVisType,
-    fileType,
-    fileObject,
-    filterVisTypes,
-    onNew,
-    onOpen,
-    onSave,
-    onSaveAs,
-    onRename,
-    onShare,
-    onDelete,
-    onError,
-    onTranslate
-  } = _ref;
+export const FileMenu = ({
+  currentUser,
+  defaultFilterVisType,
+  fileType,
+  fileObject,
+  filterVisTypes,
+  onNew = Function.prototype,
+  onOpen = Function.prototype,
+  onSave,
+  onSaveAs,
+  onRename = Function.prototype,
+  onShare = Function.prototype,
+  onDelete = Function.prototype,
+  onError = Function.prototype,
+  onTranslate = Function.prototype
+}) => {
+  var _fileObject$access, _fileObject$access2, _fileObject$access3, _fileObject$access4, _fileObject$access5, _fileObject$access6, _fileObject$access7, _fileObject$access8, _fileObject$access9, _fileObject$access0;
   const [currentDialog, setCurrentDialog] = useState(null);
   const onMenuItemClick = dialogToOpen => () => {
     setCurrentDialog(dialogToOpen);
@@ -184,20 +183,11 @@ export const FileMenu = _ref => {
     icon: /*#__PURE__*/React.createElement(IconDelete24, {
       color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access9 = fileObject.access) !== null && _fileObject$access9 !== void 0 && _fileObject$access9.delete ? colors.red700 : iconInactiveColor
     }),
-    disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access10 = fileObject.access) !== null && _fileObject$access10 !== void 0 && _fileObject$access10.delete),
+    disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access0 = fileObject.access) !== null && _fileObject$access0 !== void 0 && _fileObject$access0.delete),
     onClick: onMenuItemClick('delete'),
     dataTest: "file-menu-delete"
   }))), renderDialog());
 };
-FileMenu.defaultProps = {
-  onDelete: Function.prototype,
-  onError: Function.prototype,
-  onNew: Function.prototype,
-  onOpen: Function.prototype,
-  onRename: Function.prototype,
-  onShare: Function.prototype,
-  onTranslate: Function.prototype
-};
 FileMenu.propTypes = {
   currentUser: PropTypes.object,
   defaultFilterVisType: PropTypes.string,

package/build/es/components/FileMenu/GetLinkDialog.js

@@ -6,12 +6,11 @@ import React from 'react';
 import i18n from '../../locales/index.js';
 import { styles } from './GetLinkDialog.styles.js';
 import { supportedFileTypes, appPathFor } from './utils.js';
-export const GetLinkDialog = _ref => {
-  let {
-    type,
-    id,
-    onClose
-  } = _ref;
+export const GetLinkDialog = ({
+  type,
+  id,
+  onClose
+}) => {
   const {
     apiVersion,
     baseUrl
@@ -32,7 +31,8 @@ export const GetLinkDialog = _ref => {
   }, appUrl), /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(IconCopy24, null),
     small: true,
-    onClick: () => navigator.clipboard.writeText(appUrl)
+    onClick: () => navigator.clipboard.writeText(appUrl),
+    "aria-label": i18n.t('Copy to clipboard')
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,
     secondary: true

package/build/es/components/FileMenu/RenameDialog.js

@@ -5,13 +5,12 @@ import React, { useState } from 'react';
 import i18n from '../../locales/index.js';
 import { modalStyles } from './FileMenu.styles.js';
 import { supportedFileTypes, labelForFileType } from './utils.js';
-export const RenameDialog = _ref => {
-  let {
-    type,
-    object,
-    onClose,
-    onRename
-  } = _ref;
+export const RenameDialog = ({
+  type,
+  object,
+  onClose,
+  onRename
+}) => {
   const [name, setName] = useState(object.name);
   const [description, setDescription] = useState(object.description);
   const renameObject = () => {
@@ -34,23 +33,17 @@ export const RenameDialog = _ref => {
     label: i18n.t('Name'),
     required: true,
     value: name,
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return setName(value);
-    },
+    onChange: ({
+      value
+    }) => setName(value),
     dataTest: "file-menu-rename-modal-name"
   }), /*#__PURE__*/React.createElement(TextAreaField, {
     label: i18n.t('Description'),
     value: description,
     rows: 3,
-    onChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setDescription(value);
-    },
+    onChange: ({
+      value
+    }) => setDescription(value),
     dataTest: "file-menu-rename-modal-description"
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,

package/build/es/components/FileMenu/SaveAsDialog.js

@@ -6,13 +6,12 @@ import i18n from '../../locales/index.js';
 import { modalStyles } from './FileMenu.styles.js';
 import { supportedFileTypes, labelForFileType } from './utils.js';
 const NAME_MAXLENGTH = 230;
-export const SaveAsDialog = _ref => {
-  let {
-    type,
-    object,
-    onClose,
-    onSaveAs
-  } = _ref;
+export const SaveAsDialog = ({
+  type,
+  object,
+  onClose,
+  onSaveAs
+}) => {
   const [name, setName] = useState(object !== null && object !== void 0 && object.displayName || object !== null && object !== void 0 && object.name ? i18n.t('{{- objectName}} (copy)', {
     objectName: object.name
   }) : '');
@@ -38,23 +37,17 @@ export const SaveAsDialog = _ref => {
   }, /*#__PURE__*/React.createElement(InputField, {
     label: i18n.t('Name'),
     value: name,
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return setName(value.substring(0, NAME_MAXLENGTH));
-    },
+    onChange: ({
+      value
+    }) => setName(value.substring(0, NAME_MAXLENGTH)),
     dataTest: "file-menu-saveas-modal-name"
   }), /*#__PURE__*/React.createElement(TextAreaField, {
     label: i18n.t('Description'),
     value: description,
     rows: 3,
-    onChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setDescription(value);
-    },
+    onChange: ({
+      value
+    }) => setDescription(value),
     dataTest: "file-menu-saveas-modal-description"
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,