contentoh-components-library 21.3.52 → 21.3.53

package/src/components/organisms/TableResizable/styles.js

@@ -1,133 +0,0 @@
-import styled from "styled-components";
-
-const defaultTemplateColumns = (totalColumns) =>
-  `minmax(100px, 1fr) `.repeat(totalColumns);
-
-export const Container = styled.div`
-  position: absolute;
-  overflow: hidden; /* Clips any scrollbars that appear */
-  font-family: Avenir Next;
-  font-size: 13px;
-  width: 90%;
-
-  .reset-button {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    cursor: pointer;
-    padding: 3px;
-    border: 0;
-    background: #f5f5f5;
-    position: absolute;
-    top: 5px;
-    left: 5px;
-    margin: 0;
-    z-index: 10;
-  }
-
-  .table-wrapper {
-    border-radius: 6px;
-    background: #fff;
-  }
-
-  table {
-    width: 100%;
-    height: calc(100vh - 250px);
-    overflow: auto; /* Allow scrolling within the table */
-    display: grid;
-    grid-template-columns: ${(props) =>
-      props.gridTemplateColumns ?? defaultTemplateColumns(props.totalColumns)};
-    grid-template-rows: ${(props) => `repeat(${props.totalRows + 2}, 50px)`};
-  }
-
-  table th {
-    font-size: 15px;
-  }
-
-  table th,
-  table td {
-    text-align: left;
-    padding: 5px;
-  }
-
-  table th span,
-  table td span {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: block;
-    border-right: 1px solid #ccc;
-    text-align: center;
-    height: 100%;
-  }
-
-  table th:last-child span,
-  table td:last-child span {
-    border-right: 0px;
-  }
-
-  table tr td {
-    border-bottom: 1px solid #ccc;
-  }
-
-  table tr th {
-    border-bottom: 1px solid #ccc;
-  }
-
-  table thead,
-  table tbody,
-  table tr {
-    display: contents;
-    background: red;
-  }
-
-  table thead {
-    -webkit-user-select: none; /* Safari */
-    -ms-user-select: none; /* IE 10 and IE 11 */
-    user-select: none; /* Standard syntax */
-  }
-
-  th {
-    position: sticky;
-    top: 0;
-    background-color: #fff;
-    line-height: 40px;
-    z-index: 8;
-  }
-
-  td {
-    line-height: 40px;
-    height: 50px;
-  }
-
-  .resize-handle {
-    display: block;
-    position: absolute;
-    cursor: col-resize;
-    width: 8px;
-    right: 0;
-    top: 0;
-    z-index: 1;
-    border-right: 1px solid transparent;
-  }
-
-  .resize-handle:hover {
-    border-color: #ccc;
-  }
-
-  .resize-handle.active {
-    border-color: #517ea5;
-  }
-
-  .resizeable-table {
-    width: 100%;
-  }
-
-  .noOverflow {
-    overflow: inherit;
-    span {
-      overflow: inherit;
-    }
-  }
-`;

package/src/components/organisms/TableResizable/utils.js

@@ -1,46 +0,0 @@
-export const data = [
-  {
-    key: 1,
-    object: {},
-    columns: [
-      "Large Detroit Style Pizza",
-      3213456785,
-      "$31.43",
-      "Pending",
-      "Dave",
-    ],
-  },
-  {
-    key: 2,
-    object: {},
-    columns: [
-      "Large Detroit Style Pizza",
-      3213456785,
-      "$31.43",
-      "Pending",
-      "Dave",
-    ],
-  },
-  {
-    key: 3,
-    object: {},
-    columns: [
-      "Large Detroit Style Pizza",
-      3213456785,
-      "$31.43",
-      "Pending",
-      "Dave",
-    ],
-  },
-  {
-    key: 4,
-    object: {},
-    columns: [
-      "Large Detroit Style Pizza",
-      3213456785,
-      "$31.43",
-      "Pending",
-      "Dave",
-    ],
-  },
-];