@griddo/ax 1.65.15 → 1.65.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.65.15",
+  "version": "1.65.16",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -221,5 +221,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9b983396fedb02687f1b4db58b5def37b289bc21"
+  "gitHead": "1425d79db504f7495ce54455cd12822815f64ab4"
 }

package/src/components/Fields/AnalyticsField/utils.tsx

@@ -2,8 +2,8 @@ import { IDimensionsGroup } from "@ax/types";
 import { splitAndTrim } from "@ax/helpers";
 
 const getTemplateDimensions = (groups: IDimensionsGroup[], template: string): string[] => {
-  const templateDimensionsGroups = groups.filter((group) => group.templates?.includes(template));
-  const templateDimensions = templateDimensionsGroups.reduce((dimensions: string[], group: IDimensionsGroup) => {
+  const templateDimensionsGroups = groups?.filter((group) => group.templates?.includes(template));
+  const templateDimensions = templateDimensionsGroups?.reduce((dimensions: string[], group: IDimensionsGroup) => {
     return [...dimensions, ...splitAndTrim(group.dimensions, ";")];
   }, []);
   const uniqueTemplateDimensions = [...new Set(templateDimensions)];

package/src/modules/Analytics/DimensionItem/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { IDimension } from "@ax/types";
 import { useModal } from "@ax/hooks";
-import { splitAndJoin, splitCamelCase, trimText } from "@ax/helpers";
+import { splitAndJoin, trimText } from "@ax/helpers";
 import { Modal } from "@ax/components";
 
 import DimensionPanel from "../DimensionPanel";
@@ -38,7 +38,8 @@ const Item = (props: IProps): JSX.Element => {
   return (
     <>
       <S.Component onClick={handleClick}>
-        <S.Name>{splitCamelCase(item.name)}</S.Name><S.Values>{trimText(valuesText, 70)}</S.Values>
+        <S.Name>{item.name}</S.Name>
+        <S.Values>{trimText(valuesText, 70)}</S.Values>
         <S.StyledActionMenu icon="more" options={dimensionOptions} tooltip="Dimension actions" />
       </S.Component>
       <DimensionPanel item={item} isOpen={isOpen} toggleModal={toggleModal} setDimensionItem={setDimensionItem} />
@@ -52,7 +53,8 @@ const Item = (props: IProps): JSX.Element => {
       >
         <S.ModalContent>
           <p>
-            Are you sure you want to delete <strong>{item.name} dimension</strong>? If you delete it, this dimension will no longer be measurable.
+            Are you sure you want to delete <strong>{item.name} dimension</strong>? If you delete it, this dimension
+            will no longer be measurable.
             <br />
             This action <strong>cannot be undone</strong>.
           </p>

package/src/modules/Analytics/DimensionPanel/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 
 import { IDimension } from "@ax/types";
 import { FloatingPanel, Button, FieldsBehavior, NoteField } from "@ax/components";
-import { camelize, capitalize, splitAndJoin, splitCamelCase } from "@ax/helpers";
+import { splitAndJoin } from "@ax/helpers";
 
 import * as S from "./style";
 
@@ -18,13 +18,13 @@ const DimensionPanel = (props: IProps): JSX.Element => {
 
   const resetState = () => {
     setType(typeInitialState);
-    setName(item ? splitCamelCase(item.name) : "");
+    setName(item ? item.name : "");
     setErrors({ name: false, values: false });
 
     const values = splitAndJoin(item?.values, ";", ";");
     const _values = values === "null" ? "" : values;
     setValues(_values || "");
-  }
+  };
 
   useEffect(() => {
     isOpen && resetState();
@@ -32,14 +32,14 @@ const DimensionPanel = (props: IProps): JSX.Element => {
   }, [isOpen]);
 
   useEffect(() => {
-    type === "onlyDimensions" && setValues("")
+    type === "onlyDimensions" && setValues("");
   }, [type]);
 
   const editItemAction = () => {
     setDimensionItem({
       ...item,
-      name: capitalize(camelize(name)),
-      values
+      name: name.replace(/\s/g, ""),
+      values,
     });
     toggleModal();
   };
@@ -47,12 +47,12 @@ const DimensionPanel = (props: IProps): JSX.Element => {
   const validateFields = () => {
     const errorFields = {
       name: !name.length,
-      values: type === "dimensionsAndValues" && !values.length
-    }
+      values: type === "dimensionsAndValues" && !values.length,
+    };
     setErrors(errorFields);
     const isFieldsValid = Object.values(errorFields).every((error) => !error);
     isFieldsValid && editItemAction();
-  }
+  };
 
   const title = item ? "Update Dimension" : "Add Dimension";
 
@@ -74,8 +74,9 @@ const DimensionPanel = (props: IProps): JSX.Element => {
     },
   ];
 
-  const noteTitle = "Dimensions & Values"
-  const noteText = "Create a dimension and its values. You define the values now and select them on any page later. Your analytics data will be homogeneous avoiding duplicates that might cause inaccurate data results."
+  const noteTitle = "Dimensions & Values";
+  const noteText =
+    "Create a dimension and its values. You define the values now and select them on any page later. Your analytics data will be homogeneous avoiding duplicates that might cause inaccurate data results.";
 
   return (
     <FloatingPanel title={title} toggleModal={toggleModal} isOpen={isOpen}>
@@ -116,7 +117,9 @@ const DimensionPanel = (props: IProps): JSX.Element => {
             placeholder="Type any value that you need. &#10;Separate them with ;&#10;&#19;&#10;Example: English; Spanish; German; French"
             rows={4}
           />
-        ) : <></>}
+        ) : (
+          <></>
+        )}
       </S.ContentWrapper>
       <S.Footer>
         <Button className="button" type="button" onClick={editButton.action}>

package/src/modules/Analytics/GroupPanel/index.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 
 import { IDimension, IDimensionsGroup } from "@ax/types";
 import { FloatingPanel, Button, FieldsBehavior, CheckGroup, RadioGroup } from "@ax/components";
-import { splitAndTrim, splitCamelCase } from "@ax/helpers";
+import { splitAndTrim } from "@ax/helpers";
 
 import * as S from "./style";
 import { getTemplateOptions } from "./utils";
@@ -89,7 +89,7 @@ const GroupPanel = (props: IProps): JSX.Element => {
     const option = {
       name: name,
       value: name,
-      title: splitCamelCase(name)
+      title: name,
     };
     return dimensionOptions.push(option);
   });