@secondstaxorg/sscomp 1.5.83 → 1.5.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.5.83",
+  "version": "1.5.95",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/types/components/AppActionsTable/AppActionsTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AppActionsProps } from "./type";
 /**
- * Table view of App Actions on Code Maintenance in LP Application
+ * SDataTable view of App Actions on Code Maintenance in LP Application
  */
 declare const AppActionsTable: (props: AppActionsProps) => JSX.Element;
 export default AppActionsTable;

package/types/components/AppFormsTable/AppFormsTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AppFormsProps } from "./type";
 /**
- * Table view of App Actions on Code Maintenance in LP Application
+ * SDataTable view of App Actions on Code Maintenance in LP Application
  */
 declare const AppFormsTable: (props: AppFormsProps) => JSX.Element;
 export default AppFormsTable;

package/types/components/AppModulesTable/AppModulesTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AppModulesProps } from "./type";
 /**
- * Table view of App Modules in Code Maintenance in LP Application
+ * SDataTable view of App Modules in Code Maintenance in LP Application
  */
 declare const AppModulesTable: (props: AppModulesProps) => JSX.Element;
 export default AppModulesTable;

package/types/components/CurrencyPairs/CurrencyPairsTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CurrencyPairsProps } from "./type";
 /**
- * Table with a list of all currency pairs in the LP platform
+ * SDataTable with a list of all currency pairs in the LP platform
  */
 declare const CurrencyPairsTable: (props: CurrencyPairsProps) => JSX.Element;
 export default CurrencyPairsTable;

package/types/components/LPRequestTable/LPRequestTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { RequestsProps } from "./type";
 /**
- * Table for displaying a history of LP requests in the LP app
+ * SDataTable for displaying a history of LP requests in the LP app
  */
 declare const LPRequestTable: (props: RequestsProps) => JSX.Element;
 export default LPRequestTable;

package/types/components/SDataTable/helpers.d.ts

@@ -0,0 +1,6 @@
+import { TableRow } from './type';
+export declare function setHeader(arr: string): string;
+export declare function getData(data: any, config: {
+    [key: string]: any;
+}): Promise<any>;
+export declare function sortData(data: TableRow[], sort: string, order: string): TableRow[];

package/types/components/SDataTable/index.d.ts

@@ -0,0 +1 @@
+export { default as SDatatable } from './table';

package/types/components/SDataTable/style.d.ts

@@ -0,0 +1 @@
+export declare const TableStyled: import("styled-components").StyledComponent<"table", any, {}, never>;

package/types/components/SDataTable/table.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableProps } from "./type";
+declare const Table: (props: TableProps) => JSX.Element;
+export default Table;

package/types/components/SDataTable/type.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+export interface TableProps {
+    title?: string;
+    data: TableRow[] | string;
+    columns?: TableColumn[];
+    loading?: boolean;
+    onRowClick?: (row: TableRow) => void;
+    onRowDoubleClick?: (row: TableRow) => void;
+    onRowContextMenu?: (row: TableRow) => void;
+    onRowMouseEnter?: (row: TableRow) => void;
+    onRowMouseLeave?: (row: TableRow) => void;
+    onRowMouseOver?: (row: TableRow) => void;
+    onRowMouseOut?: (row: TableRow) => void;
+    onRowMouseMove?: (row: TableRow) => void;
+    onRowExpand?: (row: TableRow) => void;
+    onRowCollapse?: (row: TableRow) => void;
+    /**
+     *
+     */
+    onColumnClick?: (column: TableColumn) => void;
+    onColumnDoubleClick?: (column: TableColumn) => void;
+    /**
+     *
+     */
+    onActionClick?: (action: TableAction) => void;
+    /**
+     * This is the component that you want to show to the user when the row is expanded
+     * @param TableRow the row that is being expanded
+     */
+    onRowExpandComponent?: (row: TableRow) => React.ReactElement<TableRow>;
+    actionOptions?: ActionOptions;
+    actionColumn?: boolean;
+    columnSort?: boolean;
+    config: {
+        [key: string]: any;
+    };
+    rowExpand?: boolean;
+    itemsPerPage?: number;
+    hasSearch?: boolean;
+    formatData?: (data: any) => any;
+}
+export interface ActionOptions {
+    edit: boolean;
+    delete: boolean;
+    add: boolean;
+    view: boolean;
+    custom: (row: TableRow) => void;
+    export: boolean;
+}
+export interface TableColumn {
+    title: string;
+    field: string;
+    type?: "text" | "number" | "date" | "datetime" | "time" | "checkbox" | "select" | "action";
+    format?: string;
+    width?: string;
+    align?: "left" | "center" | "right";
+    sortable?: boolean | Array<string>;
+    editable?: boolean;
+    options?: any[];
+    custom?: (row: any) => any;
+    render?: (row: any) => any;
+}
+export interface TableRow {
+    id: string | number;
+    [key: string]: any;
+}
+export interface TableAction {
+    title: string;
+    icon: string;
+    onClick: (row: TableRow) => void;
+}

package/types/components/SystemConfigTable/SystemConfigTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { SystemConfigProps } from "./type";
 /**
- * Table displaying the configurations of the system in the LP application
+ * SDataTable displaying the configurations of the system in the LP application
  */
 declare const SystemConfigTable: (props: SystemConfigProps) => JSX.Element;
 export default SystemConfigTable;

package/types/components/TableAlternative/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TableAlternativeProps } from "./type";
+/**
+ * Alternative to the default SSX table component
+ */
+declare const TableAlternative: React.ForwardRefExoticComponent<TableAlternativeProps & React.RefAttributes<HTMLTableElement>>;
+export default TableAlternative;

package/types/components/TableAlternative/style.d.ts

@@ -0,0 +1 @@
+export declare const TableContainer: import("styled-components").StyledComponent<"table", any, {}, never>;

package/types/components/TableAlternative/type.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface TableAlternativeProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    /**
+     * array of columns that should be displayed in the table head
+     * */
+    thead: string[];
+    /**
+     * &lt;tr&gt;&lt;td&gt; content that should go between the <tbody> tag of the table
+     * */
+    children: React.ReactNode;
+}

package/types/components/TablePrimary/helpers.d.ts

@@ -0,0 +1 @@
+export declare function moneyfy(number: number | bigint, currency: string): string;

package/types/components/TablePrimary/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RequestsProps } from "./type";
+/**
+ * Default SSX table component
+ */
+declare const TablePrimary: (props: RequestsProps) => JSX.Element;
+export default TablePrimary;

package/types/components/TablePrimary/style.d.ts

@@ -0,0 +1,2 @@
+export declare const TableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;

package/types/components/TablePrimary/type.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface RequestsProps {
+    /**
+     * array of columns that should be displayed in the table head
+     * */
+    thead: string[];
+    /**
+     * &lt;tr&gt;&lt;td&gt; content that should go between the <tbody> tag of the table
+     * */
+    children: React.ReactNode;
+}

package/types/components/UserRolesTable/UserRolesTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { UserRolesProps } from "./type";
 /**
- * Table listing the user roles that can be assigned to users in the LP application
+ * SDataTable listing the user roles that can be assigned to users in the LP application
  */
 declare const UserRolesTable: (props: UserRolesProps) => JSX.Element;
 export default UserRolesTable;

package/types/components/UsersTable/UsersTable.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { UserTableType } from "./type";
 /**
- * Table displaying all users in the LP application
+ * SDataTable displaying all users in the LP application
  */
 declare const UsersTable: (props: UserTableType) => JSX.Element;
 export default UsersTable;

package/types/components/index.d.ts

@@ -50,7 +50,7 @@ export { default as StatusBadge } from './StatusBadge/StatusBadge';
 export { default as StocksTicker } from './StocksTicker/StocksTicker';
 export { default as SystemConfigTable } from './SystemConfigTable/SystemConfigTable';
 export { default as Tab } from './Tab/Tab';
-export { SDatatable as Table } from './Table';
+export { SDatatable as Table } from './SDataTable';
 export { default as TextArea } from './TextArea/TextArea';
 export { default as TextField } from './TextField/TextField';
 export { default as TransactionDetails } from './TransactionDetails/TransactionDetails';
@@ -62,3 +62,5 @@ export { default as UsersTable } from './UsersTable/UsersTable';
 export { default as WidgetTitle } from './WidgetTitle/WidgetTitle';
 export { default as SSXBar } from './SSXBar/SSXBar';
 export { default as BidsCards } from './BidsCards/BidsCard';
+export { default as TablePrimary } from './TablePrimary';
+export { default as TableAlternative } from './TableAlternative';