@griddo/ax 1.58.7 → 1.59.0

package/src/modules/Content/HeaderMenus/Types/style.tsx

@@ -1,34 +0,0 @@
-import styled from "styled-components";
-import { Header } from "@ax/components/TableList/style";
-
-const Types = styled(Header)<{ isActive: boolean }>`
-  width: 140px;
-  justify-content: center;
-  &:hover {
-    color: ${(p) => p.theme.color.interactive01};
-  }
-`;
-
-const IconsWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  svg {
-    margin-left: 4px;
-  }
-`;
-
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
-const ChecksWrapper = styled.div`
-  padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s};
-`;
-
-export { Types, IconsWrapper, InteractiveArrow, ChecksWrapper };

package/src/modules/StructuredData/StructuredDataList/HeaderMenus/Live/style.tsx

@@ -1,37 +0,0 @@
-import styled from "styled-components";
-import { Header } from "@ax/components/TableList/style";
-
-const LiveOptions = styled(Header)<{ isActive: boolean }>`
-  width: 80px;
-  justify-content: center;
-  &:hover {
-    color: ${(p) => p.theme.color.interactive01};
-  }
-`;
-
-const IconsWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  svg {
-    margin-left: 4px;
-  }
-`;
-
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
-const ChecksWrapper = styled.div`
-  padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s} 0;
-`;
-
-const MenuWrapper = styled.div`
-  position: relative;
-`;
-export { LiveOptions, IconsWrapper, InteractiveArrow, ChecksWrapper, MenuWrapper };

package/src/modules/StructuredData/StructuredDataList/HeaderMenus/Name/style.tsx

@@ -1,29 +0,0 @@
-import styled from "styled-components";
-import { Header } from "@ax/components/TableList/style";
-
-const NameHeader = styled(Header)<{ isActive: boolean }>`
-  width: 100%;
-  &:hover {
-    color: ${(p) => p.theme.color.interactive01};
-  }
-`;
-
-const IconsWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  svg {
-    margin-left: 4px;
-  }
-`;
-
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
-export { NameHeader, IconsWrapper, InteractiveArrow };

package/src/modules/StructuredData/StructuredDataList/HeaderMenus/Status/index.tsx

@@ -1,47 +0,0 @@
-import React from "react";
-
-import { Icon, FloatingMenu, ListTitle, ListItem } from "@ax/components";
-
-import * as S from "./style";
-
-const Status = ({ sortItems, sortedState }: IStatusProps) => {
-  const { isAscending, sortedByDate } = sortedState;
-  const sortByModifiedDate = (isAscending: boolean) => sortItems("modified", isAscending);
-
-  const sortOldestModifiedDate = () => sortByModifiedDate(true);
-  const sortMostRecentModifiedDate = () => sortByModifiedDate(false);
-
-  const SortedStateArrow = () =>
-    isAscending ? <Icon name="FullArrowUp" size="16" /> : <Icon name="FullArrowDown" size="16" />;
-
-  const Header = () => (
-    <S.Status isActive={sortedByDate}>
-      Status
-      <S.IconsWrapper>
-        {sortedByDate && <SortedStateArrow />}
-        <S.InteractiveArrow>
-          <Icon name="DownArrow" size="16" />
-        </S.InteractiveArrow>
-      </S.IconsWrapper>
-    </S.Status>
-  );
-
-  return (
-    <FloatingMenu Button={Header} position="left">
-      <ListTitle>Sort by modified date</ListTitle>
-      <ListItem isSelected={sortedByDate && !isAscending} onClick={sortMostRecentModifiedDate}>
-        Most recent
-      </ListItem>
-      <ListItem isSelected={sortedByDate && isAscending} onClick={sortOldestModifiedDate}>
-        Oldest
-      </ListItem>
-    </FloatingMenu>
-  );
-};
-
-interface IStatusProps {
-  sortedState: any;
-  sortItems(orderPointer: string, isAscendent: boolean): any;
-}
-
-export default Status;

package/src/modules/StructuredData/StructuredDataList/HeaderMenus/Status/style.tsx

@@ -1,30 +0,0 @@
-import styled from "styled-components";
-import { Header } from "@ax/components/TableList/style";
-
-const Status = styled(Header)<{ isActive: boolean }>`
-  width: 170px;
-  justify-content: center;
-  &:hover {
-    color: ${(p) => p.theme.color.interactive01};
-  }
-`;
-
-const IconsWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  svg {
-    margin-left: 4px;
-  }
-`;
-
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
-export { Status, IconsWrapper, InteractiveArrow };