strapi-plugin-navigation 1.1.3 → 2.0.0-beta.4

package/admin/src/containers/ListView/components.js

@@ -1,138 +0,0 @@
-import styled from "styled-components";
-import { Button, FilterIcon as Filter } from "strapi-helper-plugin";
-import RemoveIcon from "../../assets/images/icon-cross-blue.svg";
-
-const Wrapper = styled.div`
-  padding-top: 1px;
-`;
-
-const FilterIcon = styled(Filter)`
-  padding: 0 !important;
-  margin: auto !important;
-  > g {
-    stroke: #282b2c;
-  }
-`;
-
-const AddFilterCta = styled(Button)`
-  display: flex;
-  height: 30px;
-  margin-right: 10px;
-  padding: 0 10px;
-  text-align: center;
-  background-color: #ffffff;
-  border: 1px solid #e3e9f3;
-  border-radius: 2px;
-  line-height: 28px;
-  font-size: 13px;
-  font-weight: 500;
-  font-family: Lato;
-  -webkit-font-smoothing: antialiased;
-  cursor: pointer;
-  &:hover {
-    background: #f7f8f8;
-  }
-  &:focus,
-  &:active {
-    outline: 0;
-  }
-  > span {
-    margin-left: 10px;
-  }
-`;
-
-const Img = styled.img`
-  height: 7px;
-  margin: auto;
-  margin-right: 0px;
-  font-size: 12px;
-`;
-
-const FooterWrapper = styled.div`
-  padding-top: 3rem;
-`;
-
-const Label = styled.label`
-  display: inline-block;
-  height: 32px;
-  margin-left: 10px;
-  line-height: 32px;
-  color: #787e8f;
-  font-size: 13px;
-  font-style: italic;
-`;
-
-const SelectWrapper = styled.div`
-  display: flex;
-`;
-
-const FilterWrapper = styled.div`
-  display: inline-block;
-  height: 30px;
-  margin-bottom: 6px;
-  margin-right: 10px;
-  padding: 0 10px;
-  background: rgba(0, 126, 255, 0.08);
-  border: 1px solid rgba(0, 126, 255, 0.24);
-  border-radius: 2px;
-  line-height: 28px;
-  color: #007eff;
-  font-size: 13px;
-
-  > span {
-    display: inline-block;
-    margin-top: -1px;
-  }
-
-  > span:nth-child(2) {
-    font-weight: 700;
-  }
-
-  > span:nth-child(3) {
-    cursor: pointer;
-  }
-
-  -webkit-font-smoothing: antialiased;
-`;
-
-const Separator = styled.span`
-  height: 30px;
-  margin-left: 10px;
-  margin-right: 10px;
-  line-height: 30px;
-  &:after {
-    content: "";
-    height: 15px;
-    border-left: 1px solid #007eff;
-    opacity: 0.1;
-  }
-`;
-
-const Remove = styled.span`
-  height: 28px;
-  cursor: pointer;
-  vertical-align: middle;
-
-  &:after {
-    display: inline-block;
-    content: "";
-    width: 8px;
-    height: 8px;
-    margin: auto;
-    margin-top: -3px;
-    background-image: url(${RemoveIcon});
-  }
-`;
-
-export {
-  AddFilterCta,
-  FilterIcon,
-  FooterWrapper,
-  Img,
-  Label,
-  SelectWrapper,
-  FilterWrapper,
-  Separator,
-  Remove,
-  Wrapper,
-};

package/admin/src/containers/ListView/index.js

@@ -1,54 +0,0 @@
-/*
- *
- * ListView
- *
- */
-
-import React from "react";
-import { useGlobalContext, LoadingIndicatorPage } from "strapi-helper-plugin";
-import { FormattedMessage } from "react-intl";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSearch } from "@fortawesome/free-solid-svg-icons";
-import useDataManager from "../../hooks/useDataManager";
-import { isEmpty } from "lodash";
-import { Header } from "@buffetjs/custom";
-import Footer from "./Footer";
-import Wrapper from "../View/Wrapper";
-import FadedWrapper from "../View/FadedWrapper";
-import List from "../../components/List";
-import EmptyView from "../../components/EmptyView";
-import { getTrad, getTradId } from "../../translations";
-
-const ListView = () => {
-  const { items, isLoadingForDataToBeSet } = useDataManager();
-
-  const { formatMessage } = useGlobalContext();
-  const newItemsCount = items.filter((_) => _.isNew).length;
-
-  return (
-    <Wrapper className="col-md-4">
-      <Header
-        title={{
-          label: formatMessage(getTrad('list.header.title')),
-        }}
-        content={formatMessage(
-          getTrad('list.header.description'),
-          { count: newItemsCount },
-        )}
-      />
-      {isLoadingForDataToBeSet && <LoadingIndicatorPage />}
-      <FadedWrapper>
-        {isEmpty(items) && (
-          <EmptyView>
-            <FontAwesomeIcon icon={faSearch} size="5x" />
-            <FormattedMessage id={getTradId('list.content.empty')} />
-          </EmptyView>
-        )}
-        {!isEmpty(items) && <List items={[...items]} />}
-      </FadedWrapper>
-      <Footer />
-    </Wrapper>
-  );
-};
-
-export default ListView;

package/admin/src/containers/View/FadedWrapper.js

@@ -1,51 +0,0 @@
-import styled from "styled-components";
-
-import { sizes } from "strapi-helper-plugin";
-
-const FadedWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  padding: 0;
-  margin: ${-2 * sizes.margin}px;
-  padding-left: ${ 2 * sizes.margin}px;
-
-  position: relative;
-  z-index: 0;
-
-  overflow: hidden;
-
-  &:before,
-  &:after {
-    display: block;
-    content: "";
-    height: ${4 * sizes.margin}px;
-
-    position: absolute;
-    left: 0;
-    right: 0;
-    z-index: 1;
-
-    background: #ffffff;
-  }
-
-  &:before {
-    top: 0;
-    background: linear-gradient(
-      180deg,
-      rgba(250, 250, 251, 1) 0%,
-      rgba(250, 250, 251, 0) 100%
-    );
-  }
-
-  &:after {
-    bottom: 0;
-    background: linear-gradient(
-      0deg,
-      rgba(250, 250, 251, 1) 0%,
-      rgba(250, 250, 251, 0) 100%
-    );
-  }
-`;
-
-export default FadedWrapper;

package/admin/src/containers/View/HeaderForm.js

@@ -1,9 +0,0 @@
-import styled from "styled-components";
-
-const HeaderForm = styled.div`
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 3rem;
-`;
-
-export default HeaderForm;

package/admin/src/containers/View/HeaderFormCell.js

@@ -1,25 +0,0 @@
-import styled from "styled-components";
-import { Header, HeaderActions } from "@buffetjs/styles";
-
-const HeaderFormCell = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${(props) =>
-    props.align === "right" ? "flex-end" : "flex-start"};
-  justify-content: center;
-  flex-grow: ${(props) => (props.fill ? 1 : "unset")};
-
-  ${Header} {
-    margin-bottom: 0;
-  }
-
-  ${HeaderActions} {
-    padding-top: 0;
-  }
-
-  .header-title {
-    max-width: 100%;
-  }
-`;
-
-export default HeaderFormCell;

package/admin/src/containers/View/Wrapper.js

@@ -1,17 +0,0 @@
-import styled from "styled-components";
-
-import { sizes } from "strapi-helper-plugin";
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: calc(100vh - ${sizes.header.height});
-  min-height: calc(100vh - ${sizes.header.height});
-  max-height: calc(100vh - ${sizes.header.height});
-  padding-top: 1.8rem;
-  padding-left: 2rem;
-  padding-right: 2rem;
-`;
-
-export default Wrapper;

package/admin/src/containers/View/components/NavigationItemForm/ModalFooter.js

@@ -1,45 +0,0 @@
-
-import styled from "styled-components";
-import { ModalFooter as StrapiModalFooter, colors } from "strapi-helper-plugin";
-
-const ModalFooter = styled(StrapiModalFooter)`
-  display: flex;
-  flex-direction: row;
-
-  section {
-    justify-content: flex-start;
-    flex-grow: 1;
-
-    background-color: ${colors.brightGrey};
-
-    &:last-of-type {
-      justify-content: flex-end;
-
-      background-color: ${colors.brightGrey};
-
-      button {
-        margin-left: 1rem;
-        margin-right: 0;
-      }
-    }
-
-    label {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-      margin: 0;
-
-      color: ${colors.leftMenu.darkGrey};
-      font-weight: 600;
-      font-style: italic;
-    }
-
-    button {
-      margin-right: 1rem;
-    }
-  }
-`;
-
-export default ModalFooter;