@dhis2/analytics 26.0.7 → 26.0.9

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

@@ -4,43 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OpenFileDialog = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _visTypes = require("../../modules/visTypes.js");
-
 var _CreatedByFilter = require("./CreatedByFilter.js");
-
 var _FileList = require("./FileList.js");
-
 var _NameFilter = require("./NameFilter.js");
-
 var _OpenFileDialogStyles = require("./OpenFileDialog.styles.js");
-
 var _PaginationControls = require("./PaginationControls.js");
-
 var _utils = require("./utils.js");
-
 var _VisTypeFilter = require("./VisTypeFilter.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 getQuery = type => ({
   files: {
     resource: _utils.AOTypeMap[type].apiEndpoint,
@@ -53,21 +34,18 @@ const getQuery = type => ({
       } = _ref;
       const queryParams = {
         filter: filters,
-        fields: "id,type,displayName,title,displayDescription,created,lastUpdated,user,access,href",
+        fields: `id,type,displayName,title,displayDescription,created,lastUpdated,user,access,href`,
         paging: true,
         pageSize: 8,
         page
       };
-
       if (sortDirection !== 'default') {
-        queryParams.order = "".concat(sortField, ":").concat(sortDirection);
+        queryParams.order = `${sortField}:${sortDirection}`;
       }
-
       return queryParams;
     }
   }
 });
-
 const OpenFileDialog = _ref2 => {
   let {
     type,
@@ -90,7 +68,8 @@ const OpenFileDialog = _ref2 => {
     sortField,
     sortDirection,
     filters
-  }, setState] = (0, _react.useReducer)((state, newState) => ({ ...state,
+  }, setState] = (0, _react.useReducer)((state, newState) => ({
+    ...state,
     ...newState
   }), {
     page: 1,
@@ -102,47 +81,38 @@ const OpenFileDialog = _ref2 => {
   const [searchTimeout, setSearchTimeout] = (0, _react.useState)(null);
   const formatFilters = (0, _react.useCallback)(() => {
     const queryFilters = [];
-
     switch (filters.createdBy) {
       case _CreatedByFilter.CREATED_BY_ALL_BUT_CURRENT_USER:
-        queryFilters.push("user.id:!eq:".concat(currentUser.id));
+        queryFilters.push(`user.id:!eq:${currentUser.id}`);
         break;
-
       case _CreatedByFilter.CREATED_BY_CURRENT_USER:
-        queryFilters.push("user.id:eq:".concat(currentUser.id));
+        queryFilters.push(`user.id:eq:${currentUser.id}`);
         break;
-
       case _CreatedByFilter.CREATED_BY_ALL:
       default:
         break;
     }
-
     if (filters.visType) {
       switch (filters.visType) {
         case _visTypes.VIS_TYPE_GROUP_ALL:
           break;
-
         case _visTypes.VIS_TYPE_GROUP_CHARTS:
           queryFilters.push('type:!eq:PIVOT_TABLE');
           break;
-
         default:
-          queryFilters.push("type:eq:".concat(filters.visType));
+          queryFilters.push(`type:eq:${filters.visType}`);
           break;
       }
     }
-
     if (filters.searchTerm) {
-      queryFilters.push("identifiable:token:".concat(filters.searchTerm));
+      queryFilters.push(`identifiable:token:${filters.searchTerm}`);
     }
-
     return queryFilters;
   }, [currentUser, filters]);
   const formatSortDirection = (0, _react.useCallback)(() => {
     if (sortField === 'displayName' && sortDirection !== 'default') {
-      return "i".concat(sortDirection);
+      return `i${sortDirection}`;
     }
-
     return sortDirection;
   }, [sortField, sortDirection]);
   const {
@@ -158,7 +128,6 @@ const OpenFileDialog = _ref2 => {
       }
     }
   });
-
   const resetFilters = () => {
     setState({
       filters: defaultFilters,
@@ -166,11 +135,9 @@ const OpenFileDialog = _ref2 => {
     });
     setNameFilterValue(defaultFilters.searchTerm);
   };
-
   const setPage = pageNum => setState({
     page: pageNum
   });
-
   const sortData = _ref3 => {
     let {
       name,
@@ -182,7 +149,6 @@ const OpenFileDialog = _ref2 => {
       page: 1
     });
   };
-
   (0, _react.useEffect)(() => {
     // only fetch data when the dialog is open
     if (open) {
@@ -207,7 +173,6 @@ const OpenFileDialog = _ref2 => {
     label: _d2I18n.default.t('Last updated'),
     width: '110px'
   }];
-
   if (filterVisTypes !== null && filterVisTypes !== void 0 && filterVisTypes.length) {
     headers.splice(1, 0, {
       field: 'type',
@@ -215,9 +180,7 @@ const OpenFileDialog = _ref2 => {
       width: '60px'
     });
   }
-
   const getSortDirection = fieldName => fieldName === sortField ? sortDirection : 'default';
-
   const cypressSelector = 'open-file-dialog-modal';
   return /*#__PURE__*/_react.default.createElement(_ui.Modal, {
     large: true,
@@ -228,40 +191,43 @@ const OpenFileDialog = _ref2 => {
   }, /*#__PURE__*/_react.default.createElement(_ui.ModalTitle, null, (0, _utils.getTranslatedString)(type, 'modalTitle')), /*#__PURE__*/_react.default.createElement(_ui.ModalContent, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     minHeight: "496px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "search-and-filter-bar"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "search-and-filter-bar"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "search-field-container"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "search-field-container"
   }, /*#__PURE__*/_react.default.createElement(_NameFilter.NameFilter, {
-    dataTest: "".concat(cypressSelector, "-name-filter"),
+    dataTest: `${cypressSelector}-name-filter`,
     value: nameFilterValue,
     onChange: value => {
       setNameFilterValue(value);
       clearTimeout(searchTimeout);
       setSearchTimeout(setTimeout(() => setState({
         page: 1,
-        filters: { ...filters,
+        filters: {
+          ...filters,
           searchTerm: value
         }
       }), 200));
     }
   })), (filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "type-field-container"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "type-field-container"
   }, /*#__PURE__*/_react.default.createElement(_VisTypeFilter.VisTypeFilter, {
     visTypes: filterVisTypes,
     selected: filters.visType,
     onChange: value => setState({
       page: 1,
-      filters: { ...filters,
+      filters: {
+        ...filters,
         visType: value
       }
     })
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "created-by-field-container"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "created-by-field-container"
   }, /*#__PURE__*/_react.default.createElement(_CreatedByFilter.CreatedByFilter, {
     selected: filters.createdBy,
     onChange: value => setState({
       page: 1,
-      filters: { ...filters,
+      filters: {
+        ...filters,
         createdBy: value
       }
     })
@@ -273,7 +239,7 @@ const OpenFileDialog = _ref2 => {
     title: (0, _utils.getTranslatedString)(type, 'errorTitle'),
     warning: true
   }, (0, _utils.getTranslatedString)(type, 'errorText')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "data-table-wrapper"
+    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 => {
@@ -296,25 +262,25 @@ const OpenFileDialog = _ref2 => {
   }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     height: "342px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-cell"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-cell"
   }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
     small: true
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-text"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'loadingText')))))), !loading && !(data !== null && data !== void 0 && data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
     large: true
   }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     minHeight: "342px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-cell"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-cell"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-container"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-container"
   }, !(0, _isEqual.default)(filters, defaultFilters) ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-text"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'noFilteredDataText')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-text"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'noDataText')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "info-button"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "info-button"
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     onClick: () => {
       onNew();
@@ -325,7 +291,7 @@ const OpenFileDialog = _ref2 => {
     onSelect: onFileSelect,
     showVisTypeColumn: Boolean(filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length)
   })))), (data === null || data === void 0 ? void 0 : data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "pagination-controls"
+    className: `jsx-${_OpenFileDialogStyles.styles.__hash}` + " " + "pagination-controls"
   }, /*#__PURE__*/_react.default.createElement(_PaginationControls.PaginationControls, {
     page: data.files.pager.page,
     pager: data.files.pager,
@@ -334,7 +300,6 @@ const OpenFileDialog = _ref2 => {
     id: _OpenFileDialogStyles.styles.__hash
   }, _OpenFileDialogStyles.styles))));
 };
-
 exports.OpenFileDialog = OpenFileDialog;
 OpenFileDialog.propTypes = {
   currentUser: _propTypes.default.object.isRequired,

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const styles = [".data-table-wrapper.jsx-3416632651{min-height:405px;}", ".data-table-body.jsx-3416632651{min-height:465px;}", ".pagination-controls.jsx-3416632651{width:100%;margin-top:".concat(_ui.spacers.dp12, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}"), ".search-and-filter-bar.jsx-3416632651{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:").concat(_ui.spacers.dp8, ";}"), ".search-field-container.jsx-3416632651{min-width:220px;}", ".type-field-container.jsx-3416632651,.created-by-field-container.jsx-3416632651{min-width:180px;}", ".info-cell.jsx-3416632651{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;gap:".concat(_ui.spacers.dp8, ";margin:").concat(_ui.spacers.dp32, " 0;}"), ".info-container.jsx-3416632651{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", ".info-text.jsx-3416632651{text-align:center;font-size:14px;line-height:19px;color:".concat(_ui.colors.grey700, ";}"), ".info-button.jsx-3416632651{margin-top:".concat(_ui.spacers.dp12, ";}")];
+const styles = [".data-table-wrapper.jsx-3416632651{min-height:405px;}", ".data-table-body.jsx-3416632651{min-height:465px;}", `.pagination-controls.jsx-3416632651{width:100%;margin-top:${_ui.spacers.dp12};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}`, `.search-and-filter-bar.jsx-3416632651{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:${_ui.spacers.dp8};}`, ".search-field-container.jsx-3416632651{min-width:220px;}", ".type-field-container.jsx-3416632651,.created-by-field-container.jsx-3416632651{min-width:180px;}", `.info-cell.jsx-3416632651{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;gap:${_ui.spacers.dp8};margin:${_ui.spacers.dp32} 0;}`, ".info-container.jsx-3416632651{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", `.info-text.jsx-3416632651{text-align:center;font-size:14px;line-height:19px;color:${_ui.colors.grey700};}`, `.info-button.jsx-3416632651{margin-top:${_ui.spacers.dp12};}`];
 exports.styles = styles;
 styles.__hash = "3416632651";

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PaginationControls = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PaginationControls = _ref => {
   let {
     page,
@@ -43,7 +37,6 @@ const PaginationControls = _ref => {
     }
   });
 };
-
 exports.PaginationControls = PaginationControls;
 PaginationControls.propTypes = {
   page: _propTypes.default.number,

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.VisTypeFilter = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _visTypes = require("../../modules/visTypes.js");
-
 var _VisTypeIcon = require("../VisTypeIcon.js");
-
 var _CustomSelectOption = require("./CustomSelectOption.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const VisTypeFilter = _ref => {
   let {
     visTypes,
@@ -58,7 +49,6 @@ const VisTypeFilter = _ref => {
     });
   }));
 };
-
 exports.VisTypeFilter = VisTypeFilter;
 VisTypeFilter.propTypes = {
   selected: _propTypes.default.string,

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = ["div.jsx-1267200705{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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:".concat(_ui.colors.grey900, ";padding:").concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";}"), "div.jsx-1267200705:hover{background-color:".concat(_ui.colors.grey200, ";}"), "div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:".concat(_ui.colors.teal700, ";color:").concat(_ui.colors.white, ";cursor:auto;}"), "div.disabled.jsx-1267200705{color:".concat(_ui.colors.grey500, ";cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "div.disabled.jsx-1267200705:hover{background-color:initial;}", "span.label.jsx-1267200705{margin-left:".concat(_ui.spacers.dp8, ";}")];
+const _defaultExport = [`div.jsx-1267200705{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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:${_ui.colors.grey900};padding:${_ui.spacers.dp8} ${_ui.spacers.dp12};}`, `div.jsx-1267200705:hover{background-color:${_ui.colors.grey200};}`, `div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:${_ui.colors.teal700};color:${_ui.colors.white};cursor:auto;}`, `div.disabled.jsx-1267200705{color:${_ui.colors.grey500};cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, "div.disabled.jsx-1267200705:hover{background-color:initial;}", `span.label.jsx-1267200705{margin-left:${_ui.spacers.dp8};}`];
 _defaultExport.__hash = "1267200705";
 var _default = _defaultExport;
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTranslatedString = exports.AO_TYPE_VISUALIZATION = exports.AO_TYPE_MAP = exports.AO_TYPE_EVENT_VISUALIZATION = exports.AOTypeMap = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AO_TYPE_VISUALIZATION = 'visualization';
 exports.AO_TYPE_VISUALIZATION = AO_TYPE_VISUALIZATION;
 const AO_TYPE_MAP = 'map';
@@ -66,7 +63,5 @@ const texts = {
     newButtonLabel: _d2I18n.default.t('New line list')
   }
 };
-
 const getTranslatedString = (type, key) => (texts[type] || texts[NO_TYPE])[key];
-
 exports.getTranslatedString = getTranslatedString;

package/build/cjs/components/Options/VisualizationOptions.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _VisualizationOptionsStyle = require("./styles/VisualizationOptions.style.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 VisualizationOptions = _ref => {
   let {
     initiallyActiveTabKey,
@@ -29,7 +20,6 @@ const VisualizationOptions = _ref => {
     onUpdate
   } = _ref;
   const [activeTabKey, setActiveTabKey] = (0, _react.useState)(initiallyActiveTabKey);
-
   const generateTabContent = sections => sections.map(_ref2 => {
     let {
       key,
@@ -44,7 +34,6 @@ const VisualizationOptions = _ref => {
       className: _VisualizationOptionsStyle.tabSectionTitle.className
     }, label)) : null, content, helpText ? /*#__PURE__*/_react.default.createElement(_ui.Legend, null, /*#__PURE__*/_react.default.createElement(_ui.Help, null, helpText)) : null));
   });
-
   const generateTabs = tabs => tabs.map(_ref3 => {
     let {
       key,
@@ -57,15 +46,12 @@ const VisualizationOptions = _ref => {
       content: generateTabContent(content)
     };
   });
-
   const getModalContent = () => {
     const tabs = generateTabs(optionsConfig);
     let activeTabIndex = tabs.findIndex(tab => tab.key === activeTabKey);
-
     if (activeTabIndex < 0) {
       activeTabIndex = 0;
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: _VisualizationOptionsStyle.tabBar.className
     }, /*#__PURE__*/_react.default.createElement(_ui.TabBar, {
@@ -84,7 +70,6 @@ const VisualizationOptions = _ref => {
       className: _VisualizationOptionsStyle.tabContent.className
     }, tabs[activeTabIndex].content, _VisualizationOptionsStyle.tabContent.styles, _VisualizationOptionsStyle.tabSection.styles, _VisualizationOptionsStyle.tabSectionTitle.styles, _VisualizationOptionsStyle.tabSectionTitleMargin.styles, _VisualizationOptionsStyle.tabSectionOption.styles, _VisualizationOptionsStyle.tabSectionOptionItem.styles, _VisualizationOptionsStyle.tabSectionOptionToggleable.styles, _VisualizationOptionsStyle.tabSectionToggleableSubsection.styles, _VisualizationOptionsStyle.tabSectionOptionComplexInline.styles, _VisualizationOptionsStyle.tabSectionOptionText.styles, _VisualizationOptionsStyle.tabSectionOptionIcon.styles));
   };
-
   return /*#__PURE__*/_react.default.createElement(_ui.Modal, {
     onClose: onClose,
     position: "top",
@@ -107,7 +92,6 @@ const VisualizationOptions = _ref => {
     primary: true
   }, _d2I18n.default.t('Update')))), _VisualizationOptionsStyle.modalContent.styles);
 };
-
 VisualizationOptions.propTypes = {
   optionsConfig: _propTypes.default.array.isRequired,
   initiallyActiveTabKey: _propTypes.default.string,

package/build/cjs/components/Options/styles/VisualizationOptions.style.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tabSectionToggleableSubsection = exports.tabSectionTitleMargin = exports.tabSectionTitle = exports.tabSectionOptionToggleable = exports.tabSectionOptionText = exports.tabSectionOptionItem = exports.tabSectionOptionIcon = exports.tabSectionOptionComplexInline = exports.tabSectionOption = exports.tabSectionContent = exports.tabSection = exports.tabContent = exports.tabBar = exports.modalContent = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable-line no-unused-vars */
 
 const modalContent = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
@@ -23,21 +20,21 @@ exports.modalContent = modalContent;
 const tabBar = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3103009923"
-  }, ["div.jsx-3103009923{padding-right:".concat(_ui.spacers.dp24, ";}")]),
+  }, [`div.jsx-3103009923{padding-right:${_ui.spacers.dp24};}`]),
   className: "jsx-3103009923"
 };
 exports.tabBar = tabBar;
 const tabContent = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2208787536"
-  }, ["div.jsx-2208787536{overflow:auto;padding-right:".concat(_ui.spacers.dp24, ";}")]),
+  }, [`div.jsx-2208787536{overflow:auto;padding-right:${_ui.spacers.dp24};}`]),
   className: "jsx-2208787536"
 };
 exports.tabContent = tabContent;
 const tabSection = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1427514941"
-  }, ["div.jsx-1427514941{padding:".concat(_ui.spacers.dp16, " 0;}"), "div.jsx-1427514941:not(:last-child){border-bottom:1px solid ".concat(_ui.colors.grey300, ";margin-bottom:").concat(_ui.spacers.dp8, ";}")]),
+  }, [`div.jsx-1427514941{padding:${_ui.spacers.dp16} 0;}`, `div.jsx-1427514941:not(:last-child){border-bottom:1px solid ${_ui.colors.grey300};margin-bottom:${_ui.spacers.dp8};}`]),
   className: "jsx-1427514941"
 };
 exports.tabSection = tabSection;
@@ -51,42 +48,42 @@ exports.tabSectionContent = tabSectionContent;
 const tabSectionTitle = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3115295887"
-  }, ["span.jsx-3115295887{display:inline-block;padding-bottom:".concat(_ui.spacers.dp12, ";font-size:15px;color:").concat(_ui.colors.grey900, ";font-weight:500;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}")]),
+  }, [`span.jsx-3115295887{display:inline-block;padding-bottom:${_ui.spacers.dp12};font-size:15px;color:${_ui.colors.grey900};font-weight:500;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}`]),
   className: "jsx-3115295887"
 };
 exports.tabSectionTitle = tabSectionTitle;
 const tabSectionTitleMargin = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "642558349"
-  }, ["span.jsx-642558349{margin-top:".concat(_ui.spacers.dp8, ";}")]),
+  }, [`span.jsx-642558349{margin-top:${_ui.spacers.dp8};}`]),
   className: "jsx-642558349"
 };
 exports.tabSectionTitleMargin = tabSectionTitleMargin;
 const tabSectionOption = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1665807213"
-  }, ["div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:".concat(_ui.spacers.dp16, ";}")]),
+  }, [`div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:${_ui.spacers.dp16};}`]),
   className: "jsx-1665807213"
 };
 exports.tabSectionOption = tabSectionOption;
 const tabSectionOptionItem = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2983019948"
-  }, ["div.jsx-2983019948:not(:last-child){padding-bottom:".concat(_ui.spacers.dp8, ";}")]),
+  }, [`div.jsx-2983019948:not(:last-child){padding-bottom:${_ui.spacers.dp8};}`]),
   className: "jsx-2983019948"
 };
 exports.tabSectionOptionItem = tabSectionOptionItem;
 const tabSectionOptionText = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3330936769"
-  }, ["p.jsx-3330936769{margin:0;padding-bottom:".concat(_ui.spacers.dp8, ";font-size:14px;line-height:19px;color:").concat(_ui.colors.grey700, ";}")]),
+  }, [`p.jsx-3330936769{margin:0;padding-bottom:${_ui.spacers.dp8};font-size:14px;line-height:19px;color:${_ui.colors.grey700};}`]),
   className: "jsx-3330936769"
 };
 exports.tabSectionOptionText = tabSectionOptionText;
 const tabSectionOptionToggleable = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "684239008"
-  }, ["div.jsx-684239008{margin:".concat(_ui.spacers.dp4, " 0 0 23px;}")]),
+  }, [`div.jsx-684239008{margin:${_ui.spacers.dp4} 0 0 23px;}`]),
   className: "jsx-684239008"
 };
 exports.tabSectionOptionToggleable = tabSectionOptionToggleable;
@@ -107,7 +104,7 @@ exports.tabSectionOptionComplexInline = tabSectionOptionComplexInline;
 const tabSectionOptionIcon = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "112181591"
-  }, ["span.jsx-112181591{vertical-align:top;margin-right:".concat(_ui.spacers.dp4, ";color:").concat(_ui.colors.grey600, ";}")]),
+  }, [`span.jsx-112181591{vertical-align:top;margin-right:${_ui.spacers.dp4};color:${_ui.colors.grey600};}`]),
   className: "jsx-112181591"
 };
 exports.tabSectionOptionIcon = tabSectionOptionIcon;