@dhis2/analytics 26.0.7 → 26.0.9

package/build/cjs/components/DimensionsPanel/styles/DimensionsPanel.style.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = void 0;
-
 var _ui = require("@dhis2/ui");
-
 const styles = {
   divContainer: {
     height: '100%',
@@ -19,7 +17,7 @@ const styles = {
   textField: {
     marginBottom: '6px',
     background: _ui.colors.white,
-    border: "1px solid ".concat(_ui.colors.grey400),
+    border: `1px solid ${_ui.colors.grey400}`,
     borderRadius: '5px'
   }
 };

package/build/cjs/components/DynamicDimension/DynamicDimension.js

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DynamicDimension = exports.ALL_DYNAMIC_DIMENSION_ITEMS = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dimensions = require("../../api/dimensions.js");
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _ItemSelector = _interopRequireDefault(require("./ItemSelector.js"));
-
 var _DynamicDimensionStyle = _interopRequireDefault(require("./styles/DynamicDimension.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ALL_DYNAMIC_DIMENSION_ITEMS = 'ALL_ITEMS';
 exports.ALL_DYNAMIC_DIMENSION_ITEMS = ALL_DYNAMIC_DIMENSION_ITEMS;
-
 const DynamicDimension = _ref => {
   let {
     dimensionId,
@@ -38,7 +26,6 @@ const DynamicDimension = _ref => {
     displayNameProp
   } = _ref;
   const dataEngine = (0, _appRuntime.useDataEngine)();
-
   const fetchItems = (page, searchTerm) => (0, _dimensions.apiFetchItemsByDimension)({
     dataEngine,
     dimensionId,
@@ -46,7 +33,6 @@ const DynamicDimension = _ref => {
     page,
     nameProp: displayNameProp
   });
-
   const onSelectItems = newSelectedItems => onSelect({
     dimensionId,
     items: newSelectedItems.map(item => ({
@@ -54,9 +40,7 @@ const DynamicDimension = _ref => {
       name: item.label
     }))
   });
-
   const allIsSelected = selectedItems.some(item => item.id === ALL_DYNAMIC_DIMENSION_ITEMS);
-
   const selectAutomatic = () => onSelect({
     dimensionId,
     items: [{
@@ -64,17 +48,15 @@ const DynamicDimension = _ref => {
       name: _index.default.t('All items')
     }, ...selectedItems]
   });
-
   const selectManual = () => onSelect({
     dimensionId,
     items: [...selectedItems.filter(item => item.id !== ALL_DYNAMIC_DIMENSION_ITEMS)]
   });
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Field, {
     name: "dynamic-dimension-selection-type-selector",
     dense: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DynamicDimensionStyle.default.__hash) + " " + "automatic"
+    className: `jsx-${_DynamicDimensionStyle.default.__hash}` + " " + "automatic"
   }, /*#__PURE__*/_react.default.createElement(_ui.Radio, {
     key: 'AUTOMATIC',
     label: _index.default.t('Automatically include all items'),
@@ -83,11 +65,11 @@ const DynamicDimension = _ref => {
     checked: allIsSelected,
     dataTest: 'dynamic-dimension-selection-type-automatic'
   }), /*#__PURE__*/_react.default.createElement("p", {
-    className: "jsx-".concat(_DynamicDimensionStyle.default.__hash) + " " + "help-text"
+    className: `jsx-${_DynamicDimensionStyle.default.__hash}` + " " + "help-text"
   }, _index.default.t('Select all {{- dimensionTitle}} items. With this option, new items added in the future will be automatically included.', {
     dimensionTitle
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DynamicDimensionStyle.default.__hash) + " " + "manual"
+    className: `jsx-${_DynamicDimensionStyle.default.__hash}` + " " + "manual"
   }, /*#__PURE__*/_react.default.createElement(_ui.Radio, {
     key: 'MANUAL',
     label: _index.default.t('Manually select items...'),
@@ -106,12 +88,11 @@ const DynamicDimension = _ref => {
     onFetch: fetchItems,
     onSelect: onSelectItems,
     rightFooter: rightFooter,
-    dataTest: "".concat(dimensionTitle.replace(/\s+/g, '-').toLowerCase(), "-dimension")
+    dataTest: `${dimensionTitle.replace(/\s+/g, '-').toLowerCase()}-dimension`
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DynamicDimensionStyle.default.__hash
   }, _DynamicDimensionStyle.default));
 };
-
 exports.DynamicDimension = DynamicDimension;
 DynamicDimension.propTypes = {
   dimensionId: _propTypes.default.string.isRequired,

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

@@ -4,42 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _GenericIcon = _interopRequireDefault(require("../../assets/DimensionItemIcons/GenericIcon.js"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _dimensionSelectorHelper = require("../../modules/dimensionSelectorHelper.js");
-
 var _utils = require("../../modules/utils.js");
-
 var _DimensionSelectorStyle = _interopRequireDefault(require("../styles/DimensionSelector.style.js"));
-
 var _TransferOption = require("../TransferOption.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const LeftHeader = _ref => {
   let {
     filter,
     setFilter
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "leftHeader"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "leftHeader"
   }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     value: filter,
     onChange: _ref2 => {
@@ -55,24 +40,20 @@ const LeftHeader = _ref => {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 LeftHeader.propTypes = {
   filter: _propTypes.default.string,
   setFilter: _propTypes.default.func
 };
-
 const EmptySelection = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-  className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "emptyList"
+  className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "emptyList"
 }, _index.default.t('No items selected')), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _DimensionSelectorStyle.default.__hash
 }, _DimensionSelectorStyle.default));
-
 const RightHeader = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-  className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "rightHeader"
+  className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "rightHeader"
 }, _index.default.t('Selected Items')), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _DimensionSelectorStyle.default.__hash
 }, _DimensionSelectorStyle.default));
-
 const SourceEmptyPlaceholder = _ref3 => {
   let {
     loading,
@@ -81,7 +62,6 @@ const SourceEmptyPlaceholder = _ref3 => {
     noItemsMessage
   } = _ref3;
   let message = '';
-
   if (!loading && !options.length && !filter) {
     message = noItemsMessage || _index.default.t('No data');
   } else if (!loading && !options.length && filter) {
@@ -89,21 +69,18 @@ const SourceEmptyPlaceholder = _ref3 => {
       searchTerm: filter
     });
   }
-
   return message && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "emptyList"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "emptyList"
   }, message), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 SourceEmptyPlaceholder.propTypes = {
   filter: _propTypes.default.string,
   loading: _propTypes.default.bool,
   noItemsMessage: _propTypes.default.string,
   options: _propTypes.default.array
 };
-
 const ItemSelector = _ref4 => {
   let {
     initialSelected,
@@ -122,23 +99,21 @@ const ItemSelector = _ref4 => {
     loading: true,
     nextPage: null // FIXME: Selecting all 50 items from a page prevents the loading of more items.
     // Implement the solution found in the DataDimension/ItemSelector.js
-
   });
 
-  const setFilter = filter => setState(state => ({ ...state,
+  const setFilter = filter => setState(state => ({
+    ...state,
     filter
   }));
-
-  const setSelected = selected => setState(state => ({ ...state,
+  const setSelected = selected => setState(state => ({
+    ...state,
     selected
   }));
-
   const debouncedFilter = (0, _utils.useDebounce)(state.filter, 200);
-
   const fetchItems = async page => {
     var _result$dimensionItem;
-
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: true
     }));
     const result = await onFetch(page, state.filter);
@@ -154,13 +129,13 @@ const ItemSelector = _ref4 => {
         disabled
       };
     });
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: false,
       options: page > 1 ? [...state.options, ...newOptions] : newOptions,
       nextPage: result.nextPage
     }));
   };
-
   (0, _react.useEffect)(() => {
     fetchItems(1);
   }, [debouncedFilter]);
@@ -208,12 +183,11 @@ const ItemSelector = _ref4 => {
     rightFooter: rightFooter,
     renderOption: props => /*#__PURE__*/_react.default.createElement(_TransferOption.TransferOption, _extends({}, props, {
       icon: _GenericIcon.default,
-      dataTest: "".concat(dataTest, "-transfer-option")
+      dataTest: `${dataTest}-transfer-option`
     })),
-    dataTest: "".concat(dataTest, "-transfer")
+    dataTest: `${dataTest}-transfer`
   });
 };
-
 ItemSelector.propTypes = {
   onFetch: _propTypes.default.func.isRequired,
   onSelect: _propTypes.default.func.isRequired,

package/build/cjs/components/DynamicDimension/styles/DynamicDimension.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".automatic.jsx-1315229031{margin-bottom:".concat(_ui.spacers.dp12, ";}"), ".manual.jsx-1315229031{margin-bottom:".concat(_ui.spacers.dp8, ";}"), ".help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:".concat(_ui.colors.grey700, ";margin:0;}")];
+const _defaultExport = [`.automatic.jsx-1315229031{margin-bottom:${_ui.spacers.dp12};}`, `.manual.jsx-1315229031{margin-bottom:${_ui.spacers.dp8};}`, `.help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:${_ui.colors.grey700};margin:0;}`];
 _defaultExport.__hash = "1315229031";
 var _default = _defaultExport;
 exports.default = _default;

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeleteDialog = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _utils = require("./utils.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const getMutation = type => ({
   resource: (0, _utils.endpointFromFileType)(type),
   id: _ref => {
@@ -33,7 +23,6 @@ const getMutation = type => ({
   },
   type: 'delete'
 });
-
 const DeleteDialog = _ref2 => {
   let {
     type,
@@ -72,7 +61,6 @@ const DeleteDialog = _ref2 => {
     dataTest: "file-menu-delete-modal-delete"
   }, _index.default.t('Delete')))));
 };
-
 exports.DeleteDialog = DeleteDialog;
 DeleteDialog.propTypes = {
   id: _propTypes.default.string,

package/build/cjs/components/FileMenu/FileMenu.js

@@ -4,40 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FileMenu = void 0;
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _OpenFileDialog = require("../OpenFileDialog/OpenFileDialog.js");
-
 var _index2 = require("../Toolbar/index.js");
-
 var _index3 = require("../TranslationDialog/index.js");
-
 var _DeleteDialog = require("./DeleteDialog.js");
-
 var _GetLinkDialog = require("./GetLinkDialog.js");
-
 var _RenameDialog = require("./RenameDialog.js");
-
 var _SaveAsDialog = require("./SaveAsDialog.js");
-
 var _utils = require("./utils.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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,
@@ -55,13 +38,10 @@ const FileMenu = _ref => {
     onTranslate
   } = _ref;
   const [currentDialog, setCurrentDialog] = (0, _react.useState)(null);
-
   const onMenuItemClick = dialogToOpen => () => {
     setCurrentDialog(dialogToOpen);
   };
-
   const onDialogClose = () => setCurrentDialog(null);
-
   const onDeleteConfirm = () => {
     // The dialog must be closed before calling the callback
     // otherwise the fileObject is changed to null before the
@@ -70,7 +50,6 @@ const FileMenu = _ref => {
     onDialogClose();
     onDelete();
   };
-
   const renderDialog = () => {
     switch (currentDialog) {
       case 'rename':
@@ -81,7 +60,6 @@ const FileMenu = _ref => {
           onRename: onRename,
           onError: onError
         });
-
       case 'translate':
         return /*#__PURE__*/_react.default.createElement(_index3.TranslationDialog, {
           objectToTranslate: fileObject,
@@ -92,7 +70,6 @@ const FileMenu = _ref => {
             onTranslate();
           }
         });
-
       case 'sharing':
         return /*#__PURE__*/_react.default.createElement(_ui.SharingDialog, {
           type: fileType,
@@ -100,14 +77,12 @@ const FileMenu = _ref => {
           onClose: onDialogClose,
           onSave: onShare
         });
-
       case 'getlink':
         return /*#__PURE__*/_react.default.createElement(_GetLinkDialog.GetLinkDialog, {
           type: fileType,
           id: fileObject.id,
           onClose: onDialogClose
         });
-
       case 'delete':
         return /*#__PURE__*/_react.default.createElement(_DeleteDialog.DeleteDialog, {
           type: fileType,
@@ -116,7 +91,6 @@ const FileMenu = _ref => {
           onError: onError,
           onClose: onDialogClose
         });
-
       case 'saveas':
         return /*#__PURE__*/_react.default.createElement(_SaveAsDialog.SaveAsDialog, {
           type: fileType,
@@ -124,12 +98,10 @@ const FileMenu = _ref => {
           onSaveAs: onSaveAs || Function.prototype,
           onClose: onDialogClose
         });
-
       default:
         return null;
     }
   };
-
   const iconActiveColor = _ui.colors.grey700;
   const iconInactiveColor = _ui.colors.grey500;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
@@ -227,7 +199,6 @@ const FileMenu = _ref => {
     dataTest: "file-menu-delete"
   }))), renderDialog());
 };
-
 exports.FileMenu = FileMenu;
 FileMenu.defaultProps = {
   onDelete: Function.prototype,

package/build/cjs/components/FileMenu/FileMenu.styles.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.modalStyles = exports.fileMenuStyles = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const fileMenuStyles = [".menu-toggle.jsx-2670121391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;font-size:14px;font-weight:400;text-transform:none;padding:6px ".concat(_ui.spacers.dp12, ";border-radius:3px;color:").concat(_ui.colors.grey900, ";box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}"), ".menu-toggle.jsx-2670121391:hover.jsx-2670121391:enabled{background-color:".concat(_ui.colors.grey200, ";}"), ".menu-toggle.jsx-2670121391:disabled{color:".concat(_ui.colors.grey400, ";cursor:not-allowed;}"), ".menu-toggle.jsx-2670121391:active{background-color:".concat(_ui.colors.grey300, ";}"), ".menuButton.jsx-2670121391:focus{outline:2px solid ".concat(_ui.colors.blue600, ";}"), ".menuButton.jsx-2670121391:focus.jsx-2670121391:not(:focus-visible){outline:none;}"];
+const fileMenuStyles = [`.menu-toggle.jsx-2670121391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;font-size:14px;font-weight:400;text-transform:none;padding:6px ${_ui.spacers.dp12};border-radius:3px;color:${_ui.colors.grey900};box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}`, `.menu-toggle.jsx-2670121391:hover.jsx-2670121391:enabled{background-color:${_ui.colors.grey200};}`, `.menu-toggle.jsx-2670121391:disabled{color:${_ui.colors.grey400};cursor:not-allowed;}`, `.menu-toggle.jsx-2670121391:active{background-color:${_ui.colors.grey300};}`, `.menuButton.jsx-2670121391:focus{outline:2px solid ${_ui.colors.blue600};}`, ".menuButton.jsx-2670121391:focus.jsx-2670121391:not(:focus-visible){outline:none;}"];
 exports.fileMenuStyles = fileMenuStyles;
 fileMenuStyles.__hash = "2670121391";
-const modalStyles = [".modal-content.jsx-3091623050{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:".concat(_ui.spacers.dp12, ";}")];
+const modalStyles = [`.modal-content.jsx-3091623050{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${_ui.spacers.dp12};}`];
 exports.modalStyles = modalStyles;
 modalStyles.__hash = "3091623050";

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GetLinkDialog = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _GetLinkDialogStyles = require("./GetLinkDialog.styles.js");
-
 var _utils = require("./utils.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const GetLinkDialog = _ref => {
   let {
     type,
@@ -31,8 +21,9 @@ const GetLinkDialog = _ref => {
   } = _ref;
   const {
     baseUrl
-  } = (0, _appRuntime.useConfig)(); // TODO simply use href from the visualization object?
+  } = (0, _appRuntime.useConfig)();
 
+  // TODO simply use href from the visualization object?
   const appBaseUrl = new URL(baseUrl, self.location.href);
   const appUrl = new URL((0, _utils.appPathFor)(type, id), appBaseUrl);
   return /*#__PURE__*/_react.default.createElement(_ui.Modal, {
@@ -40,12 +31,12 @@ const GetLinkDialog = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _GetLinkDialogStyles.styles.__hash
   }, _GetLinkDialogStyles.styles), /*#__PURE__*/_react.default.createElement(_ui.ModalContent, null, /*#__PURE__*/_react.default.createElement("p", {
-    className: "jsx-".concat(_GetLinkDialogStyles.styles.__hash)
+    className: `jsx-${_GetLinkDialogStyles.styles.__hash}`
   }, _index.default.t('Open in this app')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_GetLinkDialogStyles.styles.__hash) + " " + "link-container"
+    className: `jsx-${_GetLinkDialogStyles.styles.__hash}` + " " + "link-container"
   }, /*#__PURE__*/_react.default.createElement("a", {
     href: appUrl.href,
-    className: "jsx-".concat(_GetLinkDialogStyles.styles.__hash)
+    className: `jsx-${_GetLinkDialogStyles.styles.__hash}`
   }, appUrl.href), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     icon: /*#__PURE__*/_react.default.createElement(_ui.IconCopy24, null),
     small: true,
@@ -55,7 +46,6 @@ const GetLinkDialog = _ref => {
     secondary: true
   }, _index.default.t('Close')))));
 };
-
 exports.GetLinkDialog = GetLinkDialog;
 GetLinkDialog.propTypes = {
   id: _propTypes.default.string,

package/build/cjs/components/FileMenu/GetLinkDialog.styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const styles = [".link-container.jsx-844167137{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;gap:".concat(_ui.spacers.dp12, ";}")];
+const styles = [`.link-container.jsx-844167137{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;gap:${_ui.spacers.dp12};}`];
 exports.styles = styles;
 styles.__hash = "844167137";

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

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RenameDialog = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _FileMenuStyles = require("./FileMenu.styles.js");
-
 var _utils = require("./utils.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const getMutation = type => ({
   resource: (0, _utils.endpointFromFileType)(type),
   id: _ref => {
@@ -48,7 +36,6 @@ const getMutation = type => ({
     };
   }
 });
-
 const RenameDialog = _ref3 => {
   let {
     type,
@@ -75,7 +62,6 @@ const RenameDialog = _ref3 => {
       onClose();
     }
   });
-
   const renameObject = () => {
     mutate({
       id: object.id,
@@ -83,7 +69,6 @@ const RenameDialog = _ref3 => {
       description
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_ui.Modal, {
     onClose: onClose
   }, /*#__PURE__*/_react.default.createElement(_style.default, {
@@ -91,7 +76,7 @@ const RenameDialog = _ref3 => {
   }, _FileMenuStyles.modalStyles), /*#__PURE__*/_react.default.createElement(_ui.ModalTitle, null, _index.default.t('Rename {{fileType}}', {
     fileType: (0, _utils.labelForFileType)(type)
   })), /*#__PURE__*/_react.default.createElement(_ui.ModalContent, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_FileMenuStyles.modalStyles.__hash) + " " + "modal-content"
+    className: `jsx-${_FileMenuStyles.modalStyles.__hash}` + " " + "modal-content"
   }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     label: _index.default.t('Name'),
     disabled: loading,
@@ -124,7 +109,6 @@ const RenameDialog = _ref3 => {
     primary: true
   }, _index.default.t('Rename')))));
 };
-
 exports.RenameDialog = RenameDialog;
 RenameDialog.propTypes = {
   id: _propTypes.default.string,