@griddo/ax 1.66.4 → 1.66.7

package/src/modules/Redirects/index.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { connect } from "react-redux";
 
-import { IEmptyStateProps, INavItem, IRedirect, IRootState } from "@ax/types";
+import { INavItem, IRedirect, IRootState } from "@ax/types";
 import { appActions } from "@ax/containers/App";
 import { redirectsActions } from "@ax/containers/Redirects";
 import { MainWrapper, ErrorToast, Nav, TableList, EmptyState, Toast } from "@ax/components";
@@ -30,7 +30,6 @@ const Redirects = (props: IProps): JSX.Element => {
     importRedirects,
     imports,
     totalImports,
-    isLoading,
   } = props;
 
   const itemsPerPage = 50;
@@ -51,10 +50,6 @@ const Redirects = (props: IProps): JSX.Element => {
   const { isOpen: isOpenCheckImport, toggleModal: toggleCheckImportModal } = useModal();
   const [importData, setImportData] = useState<{ from: string; to: string }[]>([]);
   const [isUploading, setIsUploading] = useState(false);
-  const [searchQuery, setSearchQuery] = useState<string>("");
-  const [searchFilter, setSearchFilter] = useState<string>("");
-  const [isEmpty, setIsEmpty] = useState(false);
-  const [emptyStateProps, setEmptyStateProps] = useState<IEmptyStateProps>({});
 
   const initState = {
     from: "",
@@ -67,18 +62,17 @@ const Redirects = (props: IProps): JSX.Element => {
   const [formValues, setFormValues] = useState<IRedirect>(initState);
 
   const redIds = redirects && redirects.map((red: any) => red.id);
+  const isEmpty = redirects && redirects.length === 0;
 
   const getParams = useCallback(() => {
     const params = {
       page,
       itemsPerPage,
       pagination: true,
-      query: searchQuery,
-      filterBy: searchFilter === "filterby" ? "" : searchFilter,
     };
 
     return params;
-  }, [page, searchQuery, searchFilter]);
+  }, [page]);
 
   useEffect(() => {
     const params = getParams();
@@ -87,26 +81,7 @@ const Redirects = (props: IProps): JSX.Element => {
       tableRef.current.scrollTo(0, 0);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [page, currentFilterQuery, searchQuery, searchFilter]);
-
-  useEffect(() => {
-    if (!isLoading) {
-      const emptyState: IEmptyStateProps = {};
-      const isSearching = searchQuery.length > 0;
-      if (isSearching) {
-        emptyState.icon = "search";
-        emptyState.title = "Oh! No Results Found";
-        emptyState.message = "We couldn’t find what you are looking for. Please, try another search.";
-      } else {
-        emptyState.message = "To have a redirects on your site, create as many redirects as you want.";
-        emptyState.button = "Create New redirect";
-        emptyState.action = handleModal;
-      }
-      setIsEmpty(!redirects.length);
-      setEmptyStateProps(emptyState);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isLoading]);
+  }, [page, currentFilterQuery]);
 
   const {
     resetBulkSelection,
@@ -201,6 +176,12 @@ const Redirects = (props: IProps): JSX.Element => {
     toggleOverwriteModal();
   };
 
+  const emptyStateProps = {
+    message: "To have a redirects on your site, create as many redirects as you want.",
+    button: "Create New redirect",
+    action: handleModal,
+  };
+
   const pagination = {
     setPage,
     itemsPerPage,
@@ -255,12 +236,6 @@ const Redirects = (props: IProps): JSX.Element => {
 
   const secondaryImportModalAction = { title: "Cancel", onClick: toggleCheckImportModal };
 
-  const searchFilters = [
-    { value: "filterby", label: "Filter by" },
-    { value: "from", label: "Old URL" },
-    { value: "to", label: "New URL" },
-  ];
-
   return (
     <>
       <MainWrapper
@@ -268,9 +243,6 @@ const Redirects = (props: IProps): JSX.Element => {
         title="SEO Settings"
         rightButton={rightButtonProps}
         rightLineButton={rightLineButtonProps}
-        searchAction={setSearchQuery}
-        filterSearchAction={setSearchFilter}
-        searchFilters={searchFilters}
       >
         <S.Wrapper>
           <Nav current={currentNavItem} items={navItems} onClick={handleMenuClick} />
@@ -369,7 +341,6 @@ const mapStateToProps = (state: IRootState) => ({
   currentSiteID: state.sites.currentSiteInfo && state.sites.currentSiteInfo.id,
   totalImports: state.redirects.totalImports,
   imports: state.redirects.imports,
-  isLoading: state.app.isLoading,
 });
 
 const mapDispatchToProps = {
@@ -386,7 +357,6 @@ interface IRedirectsProps {
   totalItems: number;
   currentSiteID: number | null;
   totalImports: number;
-  isLoading: boolean;
   imports: null | {
     error: IRedirect[];
     existing: IRedirect[];

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/Editor/index.tsx

@@ -30,7 +30,7 @@ const Editor = (props: IProps) => {
 type IProps = {
   isLoading: boolean;
   template: string;
-};
+}
 
 const mapStateToProps = (state: IRootState): IProps => ({
   isLoading: state.app.isLoading,

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { connect } from "react-redux";
 
 import { IRootState } from "@ax/types";

package/src/modules/Settings/ContentTypes/DataPacks/Config/index.tsx

@@ -68,7 +68,7 @@ const ConfigPack = (props: IProps): JSX.Element => {
 };
 
 interface IProps {
-  selected?: any;
+  selected: any;
   currentSiteInfo: ISite;
 }
 

package/src/modules/Settings/ContentTypes/DataPacks/index.tsx

@@ -181,7 +181,7 @@ const DataPacks = (props: IProps): JSX.Element => {
     action: addNewAction,
   };
 
-  const Content = () => (selected || !isEmpty ? <Section /> : <EmptyState {...emptyStateProps} />);
+  const Content = () => (!isEmpty ? <Section /> : <EmptyState {...emptyStateProps} />);
 
   return (
     <MainWrapper {...mainWrapperProps}>

package/src/modules/Sites/index.tsx

@@ -15,6 +15,7 @@ const Sites = (props: IProps): JSX.Element => {
   const {
     isLoading,
     sites,
+    token,
     setCurrentSiteInfo,
     getSites,
     getStructuredData,
@@ -22,13 +23,12 @@ const Sites = (props: IProps): JSX.Element => {
     getAllDataPacks,
     getUser,
     globalLangs,
-    token
   } = props;
 
   const fetchInitialData = async () => {
     setCurrentSiteInfo(null);
     await getStructuredData(token);
-    await getSites();
+    await getSites(token);
     await getAllDataPacks();
     await getUser("me");
 
@@ -68,7 +68,7 @@ interface IStateProps {
 
 interface IDispatchProps {
   setCurrentSiteInfo(currentSiteInfo: any): void;
-  getSites(language?: number): Promise<void>;
+  getSites(token: string): Promise<void>;
   getStructuredData(token: string, siteId?: number): Promise<void>;
   setLanguage(lang: { locale: string; id: number | null }): void;
   getAllDataPacks: () => Promise<void>;

package/src/modules/StructuredData/StructuredDataList/GlobalPageItem/index.tsx

@@ -405,7 +405,7 @@ interface IGlobalPageItemProps {
   isAllPages?: boolean;
   globalPage: IPage;
   updatePageStatus(ids: number[], status: string, updatedFromList: boolean): Promise<boolean>;
-  duplicatePage(pageID: number, data: { title: string; slug: string }, siteID?: number): Promise<boolean>;
+  duplicatePage(pageID: number, data: { title: string; slug: string }): Promise<void>;
   setHistoryPush(path: string, isEditor: boolean): void;
   deletePage(params?: ISavePageParams, currentLanguage?: string): Promise<boolean>;
   getGlobalPages(): void;

package/src/modules/StructuredData/StructuredDataList/atoms.tsx

@@ -87,4 +87,4 @@ interface IActionButton {
   title: string;
 }
 
-export { DeleteModal, MainActionButton, SecondaryActionButton };
+export { DeleteModal, MainActionButton, SecondaryActionButton };

package/src/modules/Users/Profile/index.tsx

@@ -11,14 +11,14 @@ import { useURLSearchParam } from "@ax/hooks";
 import UserForm from "../UserForm";
 
 const Profile = (props: IProps) => {
-  const { user, getUser, updateUser, isSaving, isLoading, getSites } = props;
+  const { user, getUser, updateUser, isSaving, isLoading, getSites, token } = props;
 
   const isUserInit = useURLSearchParam("init");
 
   const [form, setForm] = useState<IUser>({ ...user });
 
   useEffect(() => {
-    isUserInit ? getSites() : getUser("me");
+    isUserInit ? getSites(token) : getUser("me");
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -58,7 +58,7 @@ const mapStateToProps = (state: IRootState) => ({
 interface IDispatchProps {
   setHistoryPush(path: string): any;
   getUser(id: string): any;
-  getSites(): Promise<void>;
+  getSites(token: string): Promise<void>;
   updateUser(id: number, data: any, isProfile: boolean, isList: boolean): any;
 }
 
@@ -73,6 +73,7 @@ interface IProfileProps {
   user: IUser;
   isSaving: boolean;
   isLoading: boolean;
+  token: string;
 }
 
 type IProps = IProfileProps & IDispatchProps;

package/src/modules/Users/UserCreate/SiteItem/index.tsx

@@ -41,4 +41,4 @@ interface IProps {
   readOnly?: boolean;
 }
 
-export default SiteItem;
+export default SiteItem;

package/src/modules/Users/UserCreate/SiteItem/style.tsx

@@ -27,4 +27,4 @@ const SiteItem = styled(Row)<{ disabled?: boolean; readOnly?: boolean }>`
   }
 `;
 
-export { CheckCell, NameCell, SiteItem };
+export { CheckCell, NameCell, SiteItem };

package/src/modules/Users/UserForm/style.tsx

@@ -19,7 +19,7 @@ const SubTitle = styled.div`
 `;
 
 const ModalContent = styled.div`
-  padding: ${(p) => p.theme.spacing.m};
+  padding: ${p => p.theme.spacing.m};
 `;
 
 const SettingsWrapper = styled.div`
@@ -64,5 +64,5 @@ export {
   SettingContent,
   Heading,
   SearchFieldWrapper,
-  SelectAllSitesFieldWrapper,
-};
+  SelectAllSitesFieldWrapper
+};

package/src/modules/Users/UserList/UserItem/index.tsx

@@ -115,9 +115,7 @@ const UserItem = (props: IProps): JSX.Element => {
         </S.UserCell>
         {isSiteView ? null : (
           <S.UserCell role="cell" onClick={handleClick}>
-            {user?.sites?.length > 0 && (
-              <ElementsTooltip elements={getElementsNames()} elementsPerRow={3} defaultElements={3} />
-            )}
+            {user?.sites?.length > 0 && <ElementsTooltip elements={getElementsNames()} elementsPerRow={3} defaultElements={3} />}
           </S.UserCell>
         )}
         {isSiteView ? null : (

package/src/modules/Users/UserList/hooks.tsx

@@ -72,4 +72,4 @@ interface IUseFilterQuery {
   filterValues: IUsersQueryValues;
 }
 
-export { useSortedListStatus, useFilterQuery };
+export { useSortedListStatus, useFilterQuery };

package/src/modules/Users/UserList/index.tsx

@@ -18,16 +18,16 @@ import * as S from "./style";
 
 const UserList = (props: IProps): JSX.Element => {
   const {
+    currentSiteInfo,
     users,
-    sites,
     getUsers,
     navItems,
     currentNavItem,
     setHistoryPush,
     getUser,
     resetUserData,
+    sites,
     deleteUser,
-    currentSiteInfo,
     removeUsersBulk,
   } = props;
 

package/src/types/index.tsx

@@ -151,8 +151,8 @@ export interface IImage {
   published: Date;
   description: string;
   thumb: string;
-  file: File;
   tags: string[];
+  file: File;
   orientation: string;
 }
 
@@ -573,8 +573,8 @@ export interface IErrorItem {
   type: string;
   message: string;
   validator: Record<string, unknown>;
-  editorID: number | null;
-  component: string | null;
+  editorID: number;
+  component: string;
   name: string;
   key: string;
   tab: string;
@@ -622,11 +622,6 @@ export interface IUsersQueryValues {
   filterSites: string;
 }
 
-export interface IUsersQueryValues {
-  order: string;
-  filterSites: string;
-}
-
 export interface IDataPackConfigImportCategory {
   id: number;
   title: string;
@@ -745,13 +740,6 @@ export interface INotification {
   onClick?: () => void;
 }
 
-export interface ILinkField {
-  text: string;
-  linkType: string;
-  url: IUrlField;
-  modal: any;
-}
-
 export type Field =
   | "AsyncCheckGroup"
   | "AsyncSelect"
@@ -765,7 +753,6 @@ export type Field =
   | "HeadingField"
   | "HiddenField"
   | "ImageField"
-  | "LinkField"
   | "NumberField"
   | "RadioField"
   | "RadioGroup"

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

@@ -1,85 +0,0 @@
-import React, { memo } from "react";
-
-import { FieldsBehavior } from "@ax/components";
-import { ILinkField, IUrlField } from "@ax/types";
-
-const LinkField = (props: ILinkFieldProps): JSX.Element => {
-  const { value, onChange, disabled, whiteList, goTo, theme, actions } = props;
-
-  const handleTextChange = (newValue: string) => onChange({ ...value, text: newValue });
-  const handleLinkTypeChange = (newValue: string) => onChange({ ...value, linkType: newValue });
-  const handleUrlChange = (newValue: IUrlField) => onChange({ ...value, url: newValue });
-  const handleModalChange = (newValue: any) => onChange({ ...value, modal: newValue });
-
-  const isModal = value?.linkType === "modal";
-
-  return (
-    <>
-      <FieldsBehavior
-        title="Text"
-        name="text"
-        fieldType="TextField"
-        value={value.text}
-        onChange={handleTextChange}
-        disabled={disabled}
-      />
-      <FieldsBehavior
-        title="Type of link"
-        name="linkType"
-        fieldType="ConditionalField"
-        value={value.linkType}
-        onChange={handleLinkTypeChange}
-        disabled={disabled}
-        options={[
-          {
-            value: "url",
-            title: "Link to Page",
-            name: "url",
-          },
-          {
-            value: "modal",
-            title: "Open Modal",
-            name: "modal",
-          },
-        ]}
-      />
-      {isModal ? (
-        <FieldsBehavior
-          title="Modal"
-          name="modal"
-          fieldType="ComponentContainer"
-          value={value.modal}
-          onChange={handleModalChange}
-          disabled={disabled}
-          whiteList={whiteList}
-          selectedContent={value}
-          objKey="modal"
-          goTo={goTo}
-          theme={theme}
-          actions={actions}
-        />
-      ) : (
-        <FieldsBehavior
-          title="URL"
-          name="url"
-          fieldType="UrlField"
-          value={value.url}
-          onChange={handleUrlChange}
-          disabled={disabled}
-        />
-      )}
-    </>
-  );
-};
-
-interface ILinkFieldProps {
-  value: ILinkField;
-  onChange: (value: ILinkField | null) => void;
-  disabled?: boolean;
-  whiteList: string[];
-  actions: any;
-  theme: string;
-  goTo: any;
-}
-
-export default memo(LinkField);

package/src/components/Icon/components/Copy.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-const SvgCopy = (props) => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12.5263 2.3158H3.78947C2.80526 2.3158 2 3.12106 2 4.10527V16.6316H3.78947V4.10527H12.5263V2.3158ZM15.2105 5.89475H7.36842C6.38421 5.89475 5.57894 6.70001 5.57894 7.68422V20.2105C5.57894 21.1947 6.38421 22 7.36842 22H15.2105C16.1947 22 17 21.1947 17 20.2105V18H15.2105V20.2105H7.36843V7.68422H15.2105V10H17V7.68422C17 6.70001 16.1947 5.89475 15.2105 5.89475ZM22 14L18 10V13H13V15H18V18L22 14Z"
-      fill="#5057FF"
-    />
-  </svg>
-);
-
-export default SvgCopy;

package/src/components/Icon/svgs/Copy2.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5263 2.3158H3.78947C2.80526 2.3158 2 3.12106 2 4.10527V16.6316H3.78947V4.10527H12.5263V2.3158ZM15.2105 5.89475H7.36842C6.38421 5.89475 5.57894 6.70001 5.57894 7.68422V20.2105C5.57894 21.1947 6.38421 22 7.36842 22H15.2105C16.1947 22 17 21.1947 17 20.2105V18H15.2105V20.2105H7.36843V7.68422H15.2105V10H17V7.68422C17 6.70001 16.1947 5.89475 15.2105 5.89475ZM22 14L18 10V13H13V15H18V18L22 14Z" fill="#5057FF"/>
-</svg>