@economic/taco 2.58.2-EC-64961.6 → 2.58.2-EC-64961.8

package/dist/taco.cjs

@@ -33140,16 +33140,18 @@ function createNumberDataType(align, defaultOptions2) {
         numberFormatOptions.currency = dataTypeOptions.currency;
         numberFormatOptions.currencyDisplay = "code";
       }
-      const localisedValue = new Intl.NumberFormat((_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.locale, numberFormatOptions).format(
-        Number(value)
-      );
+      let localisedValue = new Intl.NumberFormat((_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.locale, numberFormatOptions).format(Number(value));
       if (!numberFormatOptions.useGrouping) {
         return localisedValue;
       }
-      const localisedValueWithoutThousandsSeperator = new Intl.NumberFormat((_b = options == null ? void 0 : options.localization) == null ? void 0 : _b.locale, {
+      let localisedValueWithoutThousandsSeperator = new Intl.NumberFormat((_b = options == null ? void 0 : options.localization) == null ? void 0 : _b.locale, {
         ...numberFormatOptions,
         useGrouping: false
       }).format(Number(value));
+      if (numberFormatOptions.style === "percent" || numberFormatOptions.style === "currency") {
+        localisedValue = localisedValue.replace(/\u00A0/g, " ");
+        localisedValueWithoutThousandsSeperator = localisedValueWithoutThousandsSeperator.replace(/\u00A0/g, " ");
+      }
       return [localisedValue, localisedValueWithoutThousandsSeperator];
     }
   };
@@ -33513,8 +33515,8 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
     );
   } else if (React.isValidElement(child) && (child.props.accessor || child.props.id)) {
     const {
-      accessor,
-      id: id2 = accessor,
+      id: untypedId,
+      accessor: accessorKey,
       // renderers
       renderer: renderer2,
       aggregate,
@@ -33539,6 +33541,7 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       sortFn,
       ...meta
     } = child.props;
+    const id2 = untypedId ?? accessorKey;
     const dataTypeProperties = getDataTypeProperties(child.props.dataType);
     if (defaultHidden && enableHiding) {
       defaultVisibility[id2] = false;
@@ -33555,10 +33558,9 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
     }
     const column = {
       id: id2,
-      accessorKey: accessor,
-      // To avoid errors caused by undefined row data values, we pass accessorFn as a preventive measure
-      // accessor can be dot notated strings, so we use lodash.get to access deeply nested children
-      accessorFn: accessor ? (row) => get(row, accessor) : void 0,
+      accessorKey,
+      // dot notated accessors will throw if they return null or undefined, so we have to add an accessorFn to avoid that
+      accessorFn: accessorKey && String(accessorKey).includes(".") ? (row) => get(row, accessorKey) : void 0,
       // The header can be either a string or a JSX.Element, but react-table expects it to be a string or a
       // renderer function, so `() => header` ensures compatibility when header is a JSX.Element.
       // If we just pass `() => header`, then we will loose truncation for string headers.