@truedat/core 4.48.0 → 4.48.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.48.2] 2022-07-08
+
+### Changed
+
+- [TD-4995] Support localization of template fields and fixed values
+
 ## [4.47.5] 2022-06-30
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "4.48.0",
+  "version": "4.48.2",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -112,5 +112,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "c4587d045fa6c9028082bdfbcfb35e4383f117ed"
+  "gitHead": "93133e957332713e64c97eecdf45cc283c29bd32"
 }

package/src/components/DateRangeFilter.js

@@ -1,8 +1,6 @@
 import React, { useEffect, useState } from "react";
 import moment from "moment";
 import PropTypes from "prop-types";
-import { useIntl } from "react-intl";
-import { Form, Input, Label, Dropdown } from "semantic-ui-react";
 import { DatesRangeInput } from "semantic-ui-calendar-react";
 
 const validNumber = (value) => RegExp("^\\d+$").test(value);
@@ -10,10 +8,8 @@ const validRange = (value) =>
   RegExp("^\\d{4}-\\d\\d-\\d\\d *- *\\d{4}-\\d\\d-\\d\\d$").test(value);
 
 export const DateRangeFilter = ({
-  label,
   onChange,
   defaultValues,
-  size = "small",
   name = "date",
   dateFormat = "YYYY-MM-DD",
 }) => {
@@ -47,10 +43,8 @@ export const DateRangeFilter = ({
 DateRangeFilter.propTypes = {
   dateFormat: PropTypes.string,
   defaultValues: PropTypes.object,
-  label: PropTypes.node,
   name: PropTypes.string,
   onChange: PropTypes.func,
-  size: PropTypes.string,
 };
 
 export default DateRangeFilter;

package/src/components/TemplateSelector.js

@@ -7,14 +7,15 @@ import { useQuery } from "@apollo/client";
 import { accentInsensitivePathOrder } from "../services/sort";
 import { TEMPLATES_QUERY } from "../api/queries";
 
-const makeOptions = _.flow(
-  _.map(({ label: text, id: value }) => ({
-    key: value,
-    value,
-    text,
-  })),
-  _.sortBy(accentInsensitivePathOrder("text"))
-);
+const makeOptions = (formatMessage) =>
+  _.flow(
+    _.map(({ label, id: value }) => ({
+      key: value,
+      value,
+      text: formatMessage({ id: `templates.${label}`, defaultMessage: label }),
+    })),
+    _.sortBy(accentInsensitivePathOrder("text"))
+  );
 
 export const TemplateSelector = ({
   clearable,
@@ -26,7 +27,7 @@ export const TemplateSelector = ({
   templates,
 }) => {
   const { formatMessage } = useIntl();
-  const options = makeOptions(templates);
+  const options = makeOptions(formatMessage)(templates);
   const hidden = loading ? false : _.size(templates) <= 1;
 
   const handleChange = (e, { value, ...data }) => {

package/src/components/UserFilters.js

@@ -16,11 +16,11 @@ export const UserFilters = ({
 }) => {
   return _.isEmpty(userFilters) ? null : (
     <div className="selectedFilters">
-      {userFilters.map((userFilter, i) => (
+      {userFilters.map((userFilter, key) => (
         <Label
           basic={selectedUserFilter == userFilter.name ? false : true}
           circular
-          key={`label${userFilter.id}.${i}`}
+          key={key}
         >
           <span
             onClick={

package/src/components/__tests__/__snapshots__/UserFilters.spec.js.snap

@@ -7,7 +7,7 @@ exports[`<UserFilters /> matches the latest snapshot 1`] = `
   <Label
     basic={true}
     circular={true}
-    key="labelundefined.0"
+    key="0"
   >
     <span
       className="userFilter"
@@ -51,7 +51,7 @@ exports[`<UserFilters /> matches the latest snapshot 1`] = `
   <Label
     basic={true}
     circular={true}
-    key="labelundefined.1"
+    key="1"
   >
     <span
       className="userFilter"