@griddo/ax 1.59.7 → 1.59.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.59.7",
+  "version": "1.59.11",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -241,5 +241,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "126265d46345fd08103ef5870f250921f900c902"
+  "gitHead": "f36fe6e77608ca067d10df476a6c6f954063e756"
 }

package/src/components/Fields/ReferenceField/Context/index.tsx

@@ -10,7 +10,7 @@ const initState = {
   quantity: 0,
   items: [],
   selectedItems: [],
-  fixed: null,
+  fixed: [],
   search: "",
   showSelected: false,
   source: [],

package/src/components/Fields/ReferenceField/ManualPanel/Item/index.tsx

@@ -7,16 +7,16 @@ import { CheckField } from "@ax/components";
 import * as S from "./style";
 
 const Item = (props: IProps) => {
-  const { handleOnClick, item, isChecked, source } = props;
+  const { handleOnClick, item, isChecked, source, disabled } = props;
 
   const handleItemClick = (e: any) => {
     e.preventDefault();
-    return handleOnClick(item);
+    if (!disabled) handleOnClick(item);
   };
 
   return (
     <S.Item onClick={handleItemClick}>
-      <CheckField name="check" value={item.id} checked={isChecked} />
+      <CheckField name="check" value={item.id} checked={isChecked} disabled={disabled} />
       <S.TextWrapper>
         <S.Header>
           <S.Type>{source.title.toUpperCase()}</S.Type>
@@ -33,6 +33,7 @@ interface IProps {
   item: any;
   isChecked: boolean;
   source: IDataSource;
+  disabled: boolean;
 }
 
 export default Item;

package/src/components/Fields/ReferenceField/ManualPanel/index.tsx

@@ -13,7 +13,7 @@ import Item from "./Item";
 import * as S from "./style";
 
 const ManualPanel = (props: IProps) => {
-  const { onChange, currentSite } = props;
+  const { onChange, currentSite, hasMaxItems } = props;
 
   const { state, setState } = useReference();
 
@@ -132,8 +132,9 @@ const ManualPanel = (props: IProps) => {
               showedItems.map((item: IStructuredDataContent) => {
                 const isChecked = state.fixed.includes(item.id);
                 const source = state.sourceTitles.find((el: IDataSource) => el.id === item.structuredData);
+                const disabled = hasMaxItems && !isChecked;
                 return (
-                  <Item key={item.id} isChecked={isChecked} handleOnClick={handleOnClick} item={item} source={source} />
+                  <Item key={item.id} isChecked={isChecked} handleOnClick={handleOnClick} item={item} source={source} disabled={disabled} />
                 );
               })}
           </S.ItemList>
@@ -153,6 +154,7 @@ const ManualPanel = (props: IProps) => {
 interface IProps {
   currentSite: number;
   onChange: (value: any) => void;
+  hasMaxItems: boolean;
 }
 
 const mapStateToProps = (state: IRootState) => ({

package/src/components/Fields/ReferenceField/index.tsx

@@ -28,7 +28,7 @@ const ReferenceField = (props: IProps) => {
   const { mode } = state;
   const singleMode = selectionType && selectionType.length === 1;
   const isAuto = mode === "auto";
-  const hasMaxItems = value && value.fixed && maxItems && !isAuto && value.fixed.length >= maxItems;
+  const hasMaxItems = !!(value && value.fixed && maxItems && !isAuto && value.fixed.length >= maxItems);
 
   const handleMode = (mode: string) => {
     const { fixed, order, quantity, filter } = state;
@@ -157,7 +157,7 @@ const ReferenceField = (props: IProps) => {
         validators={validators}
       />
     ) : (
-        <ManualPanel onChange={handleOnChange} />
+        <ManualPanel onChange={handleOnChange} hasMaxItems={hasMaxItems} />
     );
 
   const manualItems = !isAuto && value && Array.isArray(value.fixed) ? value.fixed.length : 0;

package/src/helpers/environment.tsx

@@ -0,0 +1,5 @@
+const isDevelopment = (): boolean => {
+  return process.env.NODE_ENV === "development";
+}
+
+export { isDevelopment }

package/src/helpers/index.tsx

@@ -83,6 +83,8 @@ import { isEmptyArray, moveArrayElement } from "./arrays";
 
 import { getActivatedDataPacksIds, isModuleDisabled } from "./dataPacks";
 
+import { isDevelopment } from "./environment";
+
 export {
   isComponentEmpty,
   setAsContainedComponent,
@@ -149,4 +151,5 @@ export {
   isNumber,
   getFileExtension,
   moveArrayElement,
+  isDevelopment,
 };

package/src/modules/Sites/SitesList/SiteItem/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { connect } from "react-redux";
 
 import { useModal } from "@ax/hooks";
-import { trimText } from "@ax/helpers";
+import { trimText, isDevelopment } from "@ax/helpers";
 import { ISite } from "@ax/types";
 import { appActions } from "@ax/containers/App";
 import { sitesActions } from "@ax/containers/Sites";
@@ -122,10 +122,14 @@ const SiteItem = (props: ISiteItemProps): JSX.Element => {
       site.name
     );
 
+  const siteTooltip = isDevelopment() && `Site id: ${site.id}`;
+
   return (
     <>
       <S.SiteWrapper key={site.id} onClick={setSite}>
-        <S.Thumbnail backgroundUrl={thumbnail} />
+        <Tooltip content={siteTooltip}>
+          <S.Thumbnail backgroundUrl={thumbnail} />
+        </Tooltip>
         <S.Wrapper>
           <S.Title>{siteName}</S.Title>
           <S.IconsWrapper>