@dhis2/analytics 28.0.2 → 28.0.4

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

@@ -8,37 +8,30 @@ import { InfoPopover } from './Info/InfoPopover.js';
 import { ItemOptionsSelector } from './ItemOptionsSelector/ItemOptionsSelector.js';
 import ItemSelector from './ItemSelector/ItemSelector.js';
 const DataDimensionCtx = /*#__PURE__*/createContext({});
-const DataDimension = _ref => {
-  let {
-    currentUser,
-    onSelect,
-    selectedDimensions,
-    displayNameProp,
-    enabledDataTypes,
-    infoBoxMessage,
-    onCalculationSave,
-    visType
-  } = _ref;
+const SELECTED_DIMENSIONS_PROP_DEFAULT = [];
+const DataDimension = ({
+  currentUser,
+  onSelect = Function.prototype,
+  selectedDimensions = SELECTED_DIMENSIONS_PROP_DEFAULT,
+  displayNameProp,
+  enabledDataTypes,
+  infoBoxMessage,
+  onCalculationSave,
+  visType
+}) => {
   const {
     serverVersion
   } = useConfig();
   const itemsRef = useRef(new Map());
-  const filterDataTypesByVersion = useCallback(dataTypes => dataTypes.filter(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return (
-      // Calculations only available from 2.40
-      id !== DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM || serverVersion.minor >= 40
-    );
-  }), [serverVersion.minor]);
+  const filterDataTypesByVersion = useCallback(dataTypes => dataTypes.filter(({
+    id
+  }) =>
+  // Calculations only available from 2.40
+  id !== DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM || serverVersion.minor >= 40), [serverVersion.minor]);
   const [dataTypes, setDataTypes] = useState(filterDataTypesByVersion(enabledDataTypes || Object.values(dataTypeMap)));
-  const supportsEDI = dataTypes.map(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    return id;
-  }).includes(DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM);
+  const supportsEDI = dataTypes.map(({
+    id
+  }) => id).includes(DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM);
   const [currentCalculation, setCurrentCalculation] = useState();
   const [currentDataItem, setCurrentDataItem] = useState();
   const [infoDataItem, setInfoDataItem] = useState();
@@ -135,9 +128,5 @@ DataDimension.propTypes = {
   visType: PropTypes.string,
   onCalculationSave: PropTypes.func
 };
-DataDimension.defaultProps = {
-  selectedDimensions: [],
-  onSelect: Function.prototype
-};
 export const useDataDimensionContext = () => useContext(DataDimensionCtx);
 export default DataDimension;

package/build/es/components/DataDimension/Info/CalculationInfo.js

@@ -9,28 +9,21 @@ import styles from './styles/InfoPopover.style.js';
 const calculationQuery = {
   calculation: {
     resource: 'expressionDimensionItems',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${getCommonFields(displayNameProp)},expression`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},expression`
+    })
   }
 };
-export const CalculationInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+export const CalculationInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const [data, setData] = useState();
   const [error, setError] = useState();
   const [expressionError, setExpressionError] = useState();

package/build/es/components/DataDimension/Info/DataElementInfo.js

@@ -9,28 +9,21 @@ import styles from './styles/InfoPopover.style.js';
 const dataElementQuery = {
   dataElement: {
     resource: 'dataElements',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${getCommonFields(displayNameProp)},aggregationType,categoryCombo[displayName,categories[id,displayName]],dataElementGroups[id,displayName],dataSetElements[dataSet[id,displayName]],legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},aggregationType,categoryCombo[displayName,categories[id,displayName]],dataElementGroups[id,displayName],dataSetElements[dataSet[id,displayName]],legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
+    })
   }
 };
-export const DataElementInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+export const DataElementInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const {
     loading,
     error,
@@ -52,12 +45,9 @@ export const DataElementInfo = _ref3 => {
     className: `jsx-${styles.__hash}`
   }, i18n.t('Data set(s)')), /*#__PURE__*/React.createElement("td", {
     className: `jsx-${styles.__hash}`
-  }, (data === null || data === void 0 ? void 0 : data.dataElement.dataSetElements) && renderDataSets(data.dataElement.dataSetElements.map(_ref4 => {
-    let {
-      dataSet
-    } = _ref4;
-    return dataSet;
-  })))), /*#__PURE__*/React.createElement("tr", {
+  }, (data === null || data === void 0 ? void 0 : data.dataElement.dataSetElements) && renderDataSets(data.dataElement.dataSetElements.map(({
+    dataSet
+  }) => dataSet)))), /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`
@@ -89,16 +79,13 @@ export const DataElementInfo = _ref3 => {
     className: `jsx-${styles.__hash}`
   }, data === null || data === void 0 ? void 0 : data.dataElement.categoryCombo.displayName), /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data === null || data === void 0 ? void 0 : data.dataElement.categoryCombo.categories.map(_ref5 => {
-    let {
-      id,
-      displayName
-    } = _ref5;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))))), (data === null || data === void 0 ? void 0 : data.dataElement.optionSet) && /*#__PURE__*/React.createElement("tr", {
+  }, data === null || data === void 0 ? void 0 : data.dataElement.categoryCombo.categories.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))))), (data === null || data === void 0 ? void 0 : data.dataElement.optionSet) && /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`

package/build/es/components/DataDimension/Info/DataElementOperandInfo.js

@@ -9,24 +9,20 @@ import styles from './styles/InfoPopover.style.js';
 const dataElementOperandsQuery = {
   dataElementOperands: {
     resource: 'dataElementOperands',
-    params: _ref => {
-      let {
-        displayNameProp,
-        id
-      } = _ref;
-      return {
-        filter: `id:eq:${id}`,
-        fields: [`${getCommonFields(displayNameProp)}`, 'categoryOptionCombo[categoryCombo[categories[displayName,id],displayName],displayName]', `dataElement[${getCommonFields(displayNameProp)},aggregationType,categoryCombo[displayName,categories[id,displayName]],dataElementGroups[id,displayName],dataSetElements[dataSet[id,displayName]],legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant]`, 'displayName,id']
-      };
-    }
+    params: ({
+      displayNameProp,
+      id
+    }) => ({
+      filter: `id:eq:${id}`,
+      fields: [`${getCommonFields(displayNameProp)}`, 'categoryOptionCombo[categoryCombo[categories[displayName,id],displayName],displayName]', `dataElement[${getCommonFields(displayNameProp)},aggregationType,categoryCombo[displayName,categories[id,displayName]],dataElementGroups[id,displayName],dataSetElements[dataSet[id,displayName]],legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant]`, 'displayName,id']
+    })
   }
 };
-export const DataElementOperandInfo = _ref2 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref2;
+export const DataElementOperandInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const [data, setData] = useState();
   const [error, setError] = useState();
   const [loading, setLoading] = useState(true);
@@ -74,12 +70,9 @@ export const DataElementOperandInfo = _ref2 => {
     className: `jsx-${styles.__hash}`
   }, i18n.t('Data set(s)')), /*#__PURE__*/React.createElement("td", {
     className: `jsx-${styles.__hash}`
-  }, (data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.dataSetElements) && renderDataSets(data.dataElementOperand.dataElement.dataSetElements.map(_ref3 => {
-    let {
-      dataSet
-    } = _ref3;
-    return dataSet;
-  })))), /*#__PURE__*/React.createElement("tr", {
+  }, (data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.dataSetElements) && renderDataSets(data.dataElementOperand.dataElement.dataSetElements.map(({
+    dataSet
+  }) => dataSet)))), /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`
@@ -111,16 +104,13 @@ export const DataElementOperandInfo = _ref2 => {
     className: `jsx-${styles.__hash}`
   }, data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.categoryCombo.displayName), /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.categoryCombo.categories.map(_ref4 => {
-    let {
-      id,
-      displayName
-    } = _ref4;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))))), (data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.optionSet) && /*#__PURE__*/React.createElement("tr", {
+  }, data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.categoryCombo.categories.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))))), (data === null || data === void 0 ? void 0 : data.dataElementOperand.dataElement.optionSet) && /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`
@@ -158,16 +148,13 @@ export const DataElementOperandInfo = _ref2 => {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data === null || data === void 0 ? void 0 : data.dataElementOperand.categoryOptionCombo.categoryCombo.categories.map(_ref5 => {
-    let {
-      id,
-      displayName
-    } = _ref5;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }, data === null || data === void 0 ? void 0 : data.dataElementOperand.categoryOptionCombo.categoryCombo.categories.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };

package/build/es/components/DataDimension/Info/DataSetInfo.js

@@ -8,28 +8,21 @@ import styles from './styles/InfoPopover.style.js';
 const dataSetQuery = {
   dataSet: {
     resource: 'dataSets',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${getCommonFields(displayNameProp)},dataSetElements[dataElement[id,displayName]],expiryDays,indicators[id,displayName],periodType,`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},dataSetElements[dataElement[id,displayName]],expiryDays,indicators[id,displayName],periodType,`
+    })
   }
 };
-export const DataSetInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+export const DataSetInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const {
     loading,
     error,
@@ -61,15 +54,12 @@ export const DataSetInfo = _ref3 => {
     className: `jsx-${styles.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data === null || data === void 0 ? void 0 : data.dataSet.dataSetElements.map(_ref4 => {
-    let {
-      dataElement
-    } = _ref4;
-    return /*#__PURE__*/React.createElement("li", {
-      key: dataElement.id,
-      className: `jsx-${styles.__hash}`
-    }, dataElement.displayName);
-  }))))), /*#__PURE__*/React.createElement("tr", {
+  }, data === null || data === void 0 ? void 0 : data.dataSet.dataSetElements.map(({
+    dataElement
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: dataElement.id,
+    className: `jsx-${styles.__hash}`
+  }, dataElement.displayName)))))), /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`
@@ -79,16 +69,13 @@ export const DataSetInfo = _ref3 => {
     className: `jsx-${styles.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data.dataSet.indicators.map(_ref5 => {
-    let {
-      id,
-      displayName
-    } = _ref5;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))) : /*#__PURE__*/React.createElement("span", {
+  }, data.dataSet.indicators.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))) : /*#__PURE__*/React.createElement("span", {
     className: `jsx-${styles.__hash}` + " " + "none"
   }, i18n.t('None')))), /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`

package/build/es/components/DataDimension/Info/EventDataItemInfo.js

@@ -10,47 +10,34 @@ import styles from './styles/InfoPopover.style.js';
 const programDataElementQuery = {
   programDataElement: {
     resource: 'dataElements',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${getCommonFields(displayNameProp)},aggregationType,dimensionItemType,legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},aggregationType,dimensionItemType,legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
+    })
   }
 };
 const programAttributeQuery = {
   programAttribute: {
     resource: 'trackedEntityAttributes',
-    id: _ref3 => {
-      let {
-        id
-      } = _ref3;
-      return id;
-    },
-    params: _ref4 => {
-      let {
-        displayNameProp
-      } = _ref4;
-      return {
-        fields: `${getCommonFields(displayNameProp)},aggregationType,dimensionItemType,legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},aggregationType,dimensionItemType,legendSets[id,displayName],optionSet[displayName],valueType,zeroIsSignificant`
+    })
   }
 };
-export const EventDataItemInfo = _ref5 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref5;
+export const EventDataItemInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const {
     loading,
     error,

package/build/es/components/DataDimension/Info/IndicatorInfo.js

@@ -9,28 +9,21 @@ import styles from './styles/InfoPopover.style.js';
 const indicatorQuery = {
   indicator: {
     resource: 'indicators',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${getCommonFields(displayNameProp)},annualized,dataSets[id,displayName],decimals,denominator,displayDenominatorDescription,displayNumeratorDescription,indicatorGroups[id,displayName],indicatorType[displayName,factor],legendSets[id,displayName],numerator`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${getCommonFields(displayNameProp)},annualized,dataSets[id,displayName],decimals,denominator,displayDenominatorDescription,displayNumeratorDescription,indicatorGroups[id,displayName],indicatorType[displayName,factor],legendSets[id,displayName],numerator`
+    })
   }
 };
-export const IndicatorInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+export const IndicatorInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const [data, setData] = useState();
   const [error, setError] = useState();
   const [loading, setLoading] = useState(true);
@@ -137,16 +130,13 @@ export const IndicatorInfo = _ref3 => {
     className: `jsx-${styles.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, data.indicator.dataSets.map(_ref4 => {
-    let {
-      id,
-      displayName
-    } = _ref4;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))))), /*#__PURE__*/React.createElement("tr", {
+  }, data.indicator.dataSets.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))))), /*#__PURE__*/React.createElement("tr", {
     className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement("th", {
     className: `jsx-${styles.__hash}`

package/build/es/components/DataDimension/Info/InfoPopover.js

@@ -19,13 +19,12 @@ import { IndicatorInfo } from './IndicatorInfo.js';
 import { OptionInfo } from './OptionInfo.js';
 import { ProgramIndicatorInfo } from './ProgramIndicatorInfo.js';
 import styles from './styles/InfoPopover.style.js';
-export const InfoPopover = _ref => {
-  let {
-    reference,
-    onClose,
-    dataTest,
-    ...props
-  } = _ref;
+export const InfoPopover = ({
+  reference,
+  onClose,
+  dataTest,
+  ...props
+}) => {
   const type = props.item.type;
   const infoProps = {
     type,

package/build/es/components/DataDimension/Info/InfoTable.js

@@ -25,16 +25,13 @@ export const renderDataSets = dataSets => {
       className: `jsx-${styles.__hash}` + " " + "content-wrap"
     }, /*#__PURE__*/React.createElement("ul", {
       className: `jsx-${styles.__hash}`
-    }, dataSets.map(_ref => {
-      let {
-        id,
-        displayName
-      } = _ref;
-      return /*#__PURE__*/React.createElement("li", {
-        key: id,
-        className: `jsx-${styles.__hash}`
-      }, displayName);
-    }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    }, dataSets.map(({
+      id,
+      displayName
+    }) => /*#__PURE__*/React.createElement("li", {
+      key: id,
+      className: `jsx-${styles.__hash}`
+    }, displayName)))), /*#__PURE__*/React.createElement(_JSXStyle, {
       id: styles.__hash
     }, styles));
   }
@@ -53,16 +50,13 @@ export const renderGroupMemberships = groups => {
       className: `jsx-${styles.__hash}` + " " + "content-wrap"
     }, /*#__PURE__*/React.createElement("ul", {
       className: `jsx-${styles.__hash}`
-    }, groups.map(_ref2 => {
-      let {
-        id,
-        displayName
-      } = _ref2;
-      return /*#__PURE__*/React.createElement("li", {
-        key: id,
-        className: `jsx-${styles.__hash}`
-      }, displayName);
-    }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    }, groups.map(({
+      id,
+      displayName
+    }) => /*#__PURE__*/React.createElement("li", {
+      key: id,
+      className: `jsx-${styles.__hash}`
+    }, displayName)))), /*#__PURE__*/React.createElement(_JSXStyle, {
       id: styles.__hash
     }, styles));
   }
@@ -79,27 +73,23 @@ export const renderLegendSets = legendSets => {
     className: `jsx-${styles.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/React.createElement("ul", {
     className: `jsx-${styles.__hash}`
-  }, legendSets.map(_ref3 => {
-    let {
-      id,
-      displayName
-    } = _ref3;
-    return /*#__PURE__*/React.createElement("li", {
-      key: id,
-      className: `jsx-${styles.__hash}`
-    }, displayName);
-  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }, legendSets.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/React.createElement("li", {
+    key: id,
+    className: `jsx-${styles.__hash}`
+  }, displayName)))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-export const InfoTable = _ref4 => {
-  let {
-    dataType,
-    data,
-    error,
-    loading,
-    children
-  } = _ref4;
+export const InfoTable = ({
+  dataType,
+  data,
+  error,
+  loading,
+  children
+}) => {
   const {
     fromServerDate
   } = useTimeZoneConversion();
@@ -179,20 +169,17 @@ export const InfoTable = _ref4 => {
     className: `jsx-${styles.__hash}`
   }, i18n.t('Created by')), /*#__PURE__*/React.createElement("td", {
     className: `jsx-${styles.__hash}`
-  }, `${data.createdBy.displayName}, ${data.createdBy.username}`)), data.attributeValues.map(_ref5 => {
-    let {
-      attribute,
-      value
-    } = _ref5;
-    return /*#__PURE__*/React.createElement("tr", {
-      key: attribute.id,
-      className: `jsx-${styles.__hash}`
-    }, /*#__PURE__*/React.createElement("th", {
-      className: `jsx-${styles.__hash}`
-    }, attribute.displayName), /*#__PURE__*/React.createElement("td", {
-      className: `jsx-${styles.__hash}`
-    }, value));
-  })))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }, `${data.createdBy.displayName}, ${data.createdBy.username}`)), data.attributeValues.map(({
+    attribute,
+    value
+  }) => /*#__PURE__*/React.createElement("tr", {
+    key: attribute.id,
+    className: `jsx-${styles.__hash}`
+  }, /*#__PURE__*/React.createElement("th", {
+    className: `jsx-${styles.__hash}`
+  }, attribute.displayName), /*#__PURE__*/React.createElement("td", {
+    className: `jsx-${styles.__hash}`
+  }, value)))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };