contentoh-components-library 21.4.19 → 21.4.20

package/src/components/molecules/HeaderItem/index.js

@@ -1,26 +0,0 @@
-import { Container } from "./styles";
-import { ColumnItem } from "./ColumnItem";
-import { CheckBox } from "../../atoms/CheckBox";
-
-export const HeaderItem = ({ columnsArray = [], checkAll, chkCheckedAll }) => {
-  return (
-    <Container>
-      <div className="chk-global-container">
-        <CheckBox
-          id={"chk-global"}
-          name={"chk-global"}
-          onChange={(e) => checkAll && checkAll(e)}
-          checked={chkCheckedAll && chkCheckedAll()}
-        />
-      </div>
-      {columnsArray.map((col, i) => (
-        <ColumnItem
-          key={i}
-          flex={col.flex}
-          name={col.name}
-          minWidth={col.minWidth}
-        />
-      ))}
-    </Container>
-  );
-};

package/src/components/molecules/HeaderItem/styles.js

@@ -1,27 +0,0 @@
-import styled from "styled-components";
-import { FontFamily } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  background-color: #f0f0f0;
-  display: flex;
-  width: 100%;
-  min-width: fit-content;
-
-  .chk-global-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 30px;
-  }
-`;
-
-export const Column = styled.div`
-  flex: ${({ flex }) => (flex ? flex : 1)};
-  min-width: ${({ minWidth }) => (minWidth ? minWidth : 100)}px;
-  text-align: center;
-  color: #262626;
-  font-family: ${FontFamily.Lato};
-  font-size: 12px;
-  line-height: 16px;
-  padding: 10px 5px;
-`;

package/src/components/molecules/RowItem/ColumnItem.js

@@ -1,9 +0,0 @@
-import { Column } from "./styles";
-
-export const ColumnItem = ({ element, flex, minWidth }) => {
-  return (
-    <Column flex={flex} minWidth={minWidth}>
-      {element}
-    </Column>
-  );
-};