rez-table-listing-mui 1.2.12 → 1.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.2.12",
+  "version": "1.2.13",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/App.tsx

@@ -340,10 +340,10 @@ function App() {
       <LoginButton />
 
       <TableWrapper
-        data={filteredData}
-        // data={data}
-        // columns={defaultColumns}
-        columns={columns && columns.length > 0 ? columns : defaultColumns}
+        // data={filteredData}
+        data={data}
+        columns={defaultColumns}
+        // columns={columns && columns.length > 0 ? columns : defaultColumns}
         tableStates={tableStates}
         featureOptions={{
           striped: true,

package/src/assets/global.css

@@ -0,0 +1,88 @@
+/* Satoshi Font Family */
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Light.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-LightItalic.ttf") format("truetype");
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Italic.ttf") format("truetype");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-MediumItalic.ttf") format("truetype");
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Bold.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-BoldItalic.ttf") format("truetype");
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-Black.ttf") format("truetype");
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Satoshi";
+  src: url("./Satoshi/Satoshi-BlackItalic.ttf") format("truetype");
+  font-weight: 900;
+  font-style: italic;
+}
+
+/* Global font application */
+* {
+  font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+body {
+  font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-weight: 400;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+input, textarea, select, button {
+  font-family: inherit;
+}

package/src/assets/variable.ts

@@ -0,0 +1,15 @@
+export const headerHeight = "64px";
+export const primarySidebarWidth = "64px";
+export const totalSidebarWidth = "260px";
+export const submenuSidebarWidth = "12.25rem";
+export const primaryfontRegular = "Satoshi-regular";
+export const primaryfontBlack = "Satoshi-Black";
+export const primaryFontBlackItalic = "Satoshi-BlackItalic";
+export const primaryFontBold = "Satoshi-Bold";
+export const primaryFontBoldItalic = "Satoshi-BoldItalic";
+export const primaryFontItalic = "Satoshi-Italic";
+export const primaryLight = "Satoshi-Light";
+export const primaryLightItalic = "Satoshi-LightItalic";
+export const primaryRegular = "Satoshi-Regular";
+export const primaryVariable = "Satoshi-Variable";
+export const primaryVariableItalic = "Satoshi-VariableItalic";

package/src/components/common/index.scss

@@ -6,6 +6,7 @@
   h3 {
     color: var(--grey-900);
     font-size: 2rem;
-    font-family: var(--fira-700);
+    font-family: "Satoshi", sans-serif;
+    font-weight: 700;
   }
 }

package/src/components/index.scss

@@ -10,8 +10,7 @@
   --grey-900: #414042;
   --filter-width: 24rem;
 
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: "Satoshi", sans-serif;
 
   // set default styles for all elements
   & * {

package/src/components/table-head-dnd-cell.tsx

@@ -52,11 +52,11 @@ function DraggableTableHeader<T>({
     style?: CSSProperties;
   } = {
     className: "ts__content",
-    style: {
-      justifyContent: getColumnAlignment(
-        (header?.column?.columnDef?.meta as align)?.align
-      ),
-    },
+    // style: {
+    //   justifyContent: getColumnAlignment(
+    //     (header?.column?.columnDef?.meta as align)?.align
+    //   ),
+    // },
   };
 
   // if (header.column.getCanSort()) {

package/src/components/table-head.tsx

@@ -75,11 +75,11 @@ function TableHead<T>({
               style?: CSSProperties;
             } = {
               className: "ts__content",
-              style: {
-                justifyContent: getColumnAlignment(
-                  (header?.column?.columnDef?.meta as align)?.align
-                ),
-              },
+              // style: {
+              //   justifyContent: getColumnAlignment(
+              //     (header?.column?.columnDef?.meta as align)?.align
+              //   ),
+              // },
             };
 
             // if (header.column.getCanSort()) {

package/src/components/tabs/index.scss

@@ -19,7 +19,8 @@
       cursor: pointer;
       color: var(--grey-900);
       font-size: 0.875rem;
-      font-family: var(--fira-700);
+      font-family: "Satoshi", sans-serif;
+      font-weight: 700;
 
       .tab__label {
         font-family: inherit;

package/src/libs/hooks/useDefaultColumns.tsx

@@ -97,7 +97,6 @@ export const useDefaultColumns = () => {
           label: "Status",
           type: "custom",
           propName: "renderStatus",
-          align: "right",
         },
       },
       {

package/src/libs/utils/common.ts

@@ -78,7 +78,7 @@ export function customDebounce<T extends (...args: any[]) => any>(
 
 //ENTITY TYPE
 const ENVIRONMENT = "uat";
-export const ENTITY_TYPE = "ROL";
+export const ENTITY_TYPE = "UPR";
 
 const environments = {
   adm_dev: "http://localhost:4010/api",

package/src/main.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import "./assets/global.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <QueryClientProvider