@dhis2/analytics 28.0.3 → 28.0.5

package/build/es/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap

@@ -1,35 +1,36 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DimensionItem matches the snapshot 1`] = `
-<Fragment>
-  <CssVariables
-    colors={true}
-  />
+<div>
   <li
-    className="item"
+    class="item"
     name="Period"
-    onClick={[Function]}
-    onMouseLeave={[Function]}
-    onMouseOver={[Function]}
-    style={Object {}}
   >
     <div
-      className="label"
+      class="label"
       data-test="undefined-button-pe"
-      tabIndex={0}
+      tabindex="0"
     >
       <div
-        className="iconWrapper"
+        class="iconWrapper"
       >
-        <SvgClock16
-          className="fixedDimensionIcon"
-        />
+        <svg
+          height="16"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
       <div
-        className="labelWrapper"
+        class="labelWrapper"
       >
         <span
-          className="labelText"
+          class="labelText"
         >
           <span
             data-dimensionid="pe"
@@ -37,47 +38,44 @@ exports[`DimensionItem matches the snapshot 1`] = `
             Period
           </span>
         </span>
-        <RecommendedIcon
-          dataTest="undefined-recommended-icon"
-          isRecommended={false}
-        />
       </div>
     </div>
   </li>
   <style />
-</Fragment>
+</div>
 `;
 
 exports[`DimensionItem matches the snapshot with locked 1`] = `
-<Fragment>
-  <CssVariables
-    colors={true}
-  />
+<div>
   <li
-    className="item"
+    class="item"
     name="Period"
-    onClick={[Function]}
-    onMouseLeave={[Function]}
-    onMouseOver={[Function]}
-    style={Object {}}
   >
     <div
-      className="label"
+      class="label"
       data-test="undefined-button-pe"
-      tabIndex={0}
+      tabindex="0"
     >
       <div
-        className="iconWrapper"
+        class="iconWrapper"
       >
-        <SvgClock16
-          className="fixedDimensionIcon"
-        />
+        <svg
+          height="16"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
       <div
-        className="labelWrapper"
+        class="labelWrapper"
       >
         <span
-          className="labelText"
+          class="labelText"
         >
           <span
             data-dimensionid="pe"
@@ -85,14 +83,10 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
             Period
           </span>
         </span>
-        <RecommendedIcon
-          dataTest="undefined-recommended-icon"
-          isRecommended={false}
-        />
       </div>
     </div>
     <div
-      className="lockWrapper"
+      class="lockWrapper"
     >
       <svg
         fill="none"
@@ -101,49 +95,50 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          clipRule="evenodd"
+          clip-rule="evenodd"
           d="M3.5 1A1.5 1.5 0 0 0 2 2.5V3h3v-.5A1.5 1.5 0 0 0 3.5 1ZM1 2.5V3H0v6h7V3H6v-.5a2.5 2.5 0 0 0-5 0ZM1 8V4h5v4H1Zm3-1V5H3v2h1Z"
           fill="none"
-          fillRule="evenodd"
+          fill-rule="evenodd"
         />
       </svg>
     </div>
     <style />
   </li>
   <style />
-</Fragment>
+</div>
 `;
 
 exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
-<Fragment>
-  <CssVariables
-    colors={true}
-  />
+<div>
   <li
-    className="item"
+    class="item"
     name="Period"
-    onClick={[Function]}
-    onMouseLeave={[Function]}
-    onMouseOver={[Function]}
-    style={Object {}}
   >
     <div
-      className="label"
+      class="label"
       data-test="undefined-button-pe"
-      tabIndex={0}
+      tabindex="0"
     >
       <div
-        className="iconWrapper"
+        class="iconWrapper"
       >
-        <SvgClock16
-          className="fixedDimensionIcon"
-        />
+        <svg
+          height="16"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
       <div
-        className="labelWrapper"
+        class="labelWrapper"
       >
         <span
-          className="labelText"
+          class="labelText"
         >
           <span
             data-dimensionid="pe"
@@ -151,51 +146,48 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
             Period
           </span>
         </span>
-        <RecommendedIcon
-          dataTest="undefined-recommended-icon"
-          isRecommended={false}
-        />
       </div>
     </div>
     <div
-      className="optionsWrapper"
+      class="optionsWrapper"
       data-test="undefined-menu-pe"
     />
   </li>
   <style />
-</Fragment>
+</div>
 `;
 
 exports[`DimensionItem matches the snapshot with recommended 1`] = `
-<Fragment>
-  <CssVariables
-    colors={true}
-  />
+<div>
   <li
-    className="item"
+    class="item"
     name="Period"
-    onClick={[Function]}
-    onMouseLeave={[Function]}
-    onMouseOver={[Function]}
-    style={Object {}}
   >
     <div
-      className="label"
+      class="label"
       data-test="undefined-button-pe"
-      tabIndex={0}
+      tabindex="0"
     >
       <div
-        className="iconWrapper"
+        class="iconWrapper"
       >
-        <SvgClock16
-          className="fixedDimensionIcon"
-        />
+        <svg
+          height="16"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
       <div
-        className="labelWrapper"
+        class="labelWrapper"
       >
         <span
-          className="labelText"
+          class="labelText"
         >
           <span
             data-dimensionid="pe"
@@ -203,47 +195,55 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
             Period
           </span>
         </span>
-        <RecommendedIcon
-          dataTest="undefined-recommended-icon"
-          isRecommended={true}
-        />
+        <span
+          aria-describedby=""
+          class="jsx-237564060"
+          data-test="dhis2-uicore-tooltip-reference"
+          tabindex="0"
+        >
+          <div
+            data-test="undefined-recommended-icon"
+            style="background-color: rgb(0, 150, 136); height: 6px; width: 6px; border-radius: 4px; margin-left: 6px; display: inline-block; cursor: pointer;"
+          />
+        </span>
       </div>
     </div>
   </li>
   <style />
-</Fragment>
+</div>
 `;
 
 exports[`DimensionItem matches the snapshot with selected 1`] = `
-<Fragment>
-  <CssVariables
-    colors={true}
-  />
+<div>
   <li
-    className="item selected"
+    class="item selected"
     name="Period"
-    onClick={[Function]}
-    onMouseLeave={[Function]}
-    onMouseOver={[Function]}
-    style={Object {}}
   >
     <div
-      className="label"
+      class="label"
       data-test="undefined-button-pe"
-      tabIndex={0}
+      tabindex="0"
     >
       <div
-        className="iconWrapper"
+        class="iconWrapper"
       >
-        <SvgClock16
-          className="fixedDimensionIcon"
-        />
+        <svg
+          height="16"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
       <div
-        className="labelWrapper"
+        class="labelWrapper"
       >
         <span
-          className="labelText"
+          class="labelText"
         >
           <span
             data-dimensionid="pe"
@@ -251,13 +251,9 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
             Period
           </span>
         </span>
-        <RecommendedIcon
-          dataTest="undefined-recommended-icon"
-          isRecommended={false}
-        />
       </div>
     </div>
   </li>
   <style />
-</Fragment>
+</div>
 `;

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

@@ -1,35 +1,38 @@
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 import DimensionsPanel from '../DimensionsPanel.js';
-import DimensionList from '../List/DimensionList.js';
-describe('The Dimensions component ', () => {
-  let shallowDimensions;
-  let props;
-  const dimensionsComponent = () => {
-    if (!shallowDimensions) {
-      shallowDimensions = shallow(/*#__PURE__*/React.createElement(DimensionsPanel, props));
-    }
-    return shallowDimensions;
-  };
-  beforeEach(() => {
-    shallowDimensions = undefined;
-    props = {
-      dimensions: []
-    };
-  });
-  it('renders a div', () => {
-    expect(dimensionsComponent().find('div').length).toEqual(1);
-  });
-  it('renders a div containing everything else', () => {
-    const wrappingDiv = dimensionsComponent().find('div').first();
-    expect(wrappingDiv.children()).toEqual(dimensionsComponent().children());
-  });
-  it('renders a DimensionList with the correct prop', () => {
-    const dimensionsComp = dimensionsComponent();
-    dimensionsComp.setState({
-      filterText: 'filteredText'
-    });
-    const filteredList = dimensionsComp.find(DimensionList).first();
-    expect(filteredList.props().filterText).toEqual(dimensionsComp.state().filterText);
-  });
+const props = {
+  dimensions: [{
+    id: 'id1',
+    name: 'Dimension 1'
+  }, {
+    id: 'id2',
+    name: 'Dimension 2'
+  }]
+};
+test('DimensionsPanel renders a DimensionList component', () => {
+  render(/*#__PURE__*/React.createElement(DimensionsPanel, props));
+  const dimensionListComponent = screen.getByTestId('dhis2-analytics-dimension-list');
+  expect(dimensionListComponent).toBeInTheDocument();
+  const liElements = screen.getAllByTestId('dimension-item');
+  expect(liElements).toHaveLength(2);
+  const dim1Element = screen.getByText(props.dimensions[0].name);
+  expect(dim1Element).toBeInTheDocument();
+  const dim2Element = screen.getByText(props.dimensions[1].name);
+  expect(dim2Element).toBeInTheDocument();
+});
+test('DimensionsPanel can filter the dimension list', async () => {
+  const user = userEvent.setup();
+  render(/*#__PURE__*/React.createElement(DimensionsPanel, props));
+  const filterComponent = screen.getByPlaceholderText('Filter dimensions');
+  expect(filterComponent).toBeInTheDocument();
+  await user.click(filterComponent);
+  await user.keyboard('1');
+  const liElements = screen.getAllByTestId('dimension-item');
+  expect(liElements).toHaveLength(1);
+  const dim1Element = screen.getByText(props.dimensions[0].name);
+  expect(dim1Element).toBeInTheDocument();
+  const dim2Element = screen.queryByText(props.dimensions[1].name);
+  expect(dim2Element).not.toBeInTheDocument();
 });

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,