@stella-source/stellasource-dsl 0.2.8 → 1.2.9

package/dist/cjs/types/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TableProps } from "./types";
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, }: TableProps<T>): React.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, }: TableProps<T>): React.JSX.Element;
 export default Table;

package/dist/cjs/types/components/Table/styles.d.ts

@@ -18,7 +18,9 @@ declare const StyledTable: import("styled-components/dist/types").IStyledCompone
 declare const CustomIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, HeaderIconButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 declare const SortButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, keyof HeaderIconButtonProps> & HeaderIconButtonProps, HeaderIconButtonProps>> & string;
 declare const HeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
-declare const CellRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+declare const CellRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+    $isClickable: boolean;
+}>> & string;
 declare const FilterMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Checkbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, never>> & string;
 declare const MenuItemGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/types/components/Table/types.d.ts

@@ -21,6 +21,7 @@ export interface TableProps<T> {
     }[]) => void;
     onFilterChange?: (filters: ColumnFiltersState) => void;
     onRowSelect?: (rows: T[]) => void;
+    onRowClick?: (row: T) => void;
     showSelection?: boolean;
     showRowOptions?: boolean;
     showPagination?: boolean;
@@ -38,7 +39,7 @@ export interface TableProps<T> {
     paginationDetails?: PaginationDetails;
     rowStatuses?: Record<number | string, RowStatus>;
     resetTrigger?: number;
-    emptyTableState: {
+    emptyTableState?: {
         header: string;
         subHeader?: string;
         showClearFilterButton?: boolean;

package/dist/cjs/types/components/TableUnitsAndTotals/TableUnitsAndTotals.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { TableUnitsAndTotals as TableUnitsAndTotalsProps } from "./types";
-declare const TableUnitsAndTotals: ({ id, className, value, subValue, variant, leftCategory, rightCategory, }: TableUnitsAndTotalsProps) => React.JSX.Element;
+import { TableUnitsAndTotalsProps } from "./types";
+declare const TableUnitsAndTotals: ({ id, className, value, subValue, valueRightCategory, valueLeftCategory, subValueRightCategory, subValueLeftCategory }: TableUnitsAndTotalsProps) => React.JSX.Element;
 export default TableUnitsAndTotals;

package/dist/cjs/types/components/TableUnitsAndTotals/types.d.ts

@@ -1,32 +1,19 @@
-export declare enum QuoteVariants {
-    TOTAL_PRICE = "total-price",
-    TOTAL_WEIGHT = "total-weight"
-}
-export declare enum QuoteCategory {
-    ITEM = "/item",
-    HOUR = "/hr",
-    CWT = "CWT",
-    LBS = "lbs",
-    KG = "kg",
-    TON = "ton"
-}
-interface TableUnitsAndTotalsProps {
+interface TableUnitsAndTotalsCoreProps {
     id?: string;
     className?: string;
     value: number | string;
-    subValue?: number | string;
-    rightCategory?: `${QuoteCategory}`;
-}
-interface TotalPriceProps {
-    variant: `${QuoteVariants.TOTAL_PRICE}`;
-    leftCategory?: `${TableUnitsAndTotalsLeftCategory}`;
+    valueRightCategory?: string;
+    valueLeftCategory?: string;
 }
-interface TotalWeightProps {
-    variant: `${QuoteVariants.TOTAL_WEIGHT}`;
-    leftCategory?: never;
+interface TableUnitsAndTotalsSubValueProps {
+    subValue: number | string;
+    subValueRightCategory?: string;
+    subValueLeftCategory?: string;
 }
-export type TableUnitsAndTotals = TableUnitsAndTotalsProps & (TotalPriceProps | TotalWeightProps);
-export declare enum TableUnitsAndTotalsLeftCategory {
-    US_CURRENCY = "$"
+interface TableUnitsAndTotalsWithoutSubValueProps {
+    subValue?: never;
+    subValueRightCategory?: never;
+    subValueLeftCategory?: never;
 }
+export type TableUnitsAndTotalsProps = TableUnitsAndTotalsCoreProps & (TableUnitsAndTotalsSubValueProps | TableUnitsAndTotalsWithoutSubValueProps);
 export {};

package/dist/esm/index.esm.js

@@ -20808,6 +20808,7 @@ const HeaderRow = styled.tr `
 const CellRow = styled.tr `
   min-height: 50px;
   height: 50px;
+  cursor: ${({ $isClickable }) => ($isClickable ? "pointer" : "default")};
   &:hover {
     & > td {
       background-color: ${Styles.color.blue.pale};
@@ -21253,8 +21254,7 @@ const EmptyTableState = ({ id, className, header, subHeader, showClearFilterButt
                 a__default.createElement(ClearFilterButtonRow, null, showClearFilterButton && (a__default.createElement(StellaButton, { label: "Clear Filters", onClick: () => onClearFilters?.(), variant: "secondary" })))))));
 };
 
-// DataTable.tsx
-function Table({ columns, data, isLoading, serverSide = false, onPageChange, onSortChange, onFilterChange, onRowSelect, rowStatuses, showSelection = false, showRowOptions = false, showPagination = true, variant, paginationDetails = {
+function Table({ columns, data, isLoading, serverSide = false, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection = false, showRowOptions = false, showPagination = true, variant, paginationDetails = {
     startingPage: 1,
     rowsPerPage: 10,
     totalRows: data.length,
@@ -21481,8 +21481,8 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                     } }));
             }))))),
             a__default.createElement("tbody", null,
-                table.getRowModel().rows.length === 0 && (a__default.createElement(EmptyTableState, { header: emptyTableState.header, subHeader: emptyTableState.subHeader, showClearFilterButton: emptyTableState.showClearFilterButton, onClearFilters: resetTable, colSpan: table.getVisibleLeafColumns().length, size: "large" })),
-                table.getRowModel().rows.map((row) => (a__default.createElement(CellRow, { key: row.id }, row.getVisibleCells().map((cell) => {
+                table.getRowModel().rows.length === 0 && (a__default.createElement(EmptyTableState, { header: emptyTableState?.header || "No data available.", subHeader: emptyTableState?.subHeader, showClearFilterButton: emptyTableState?.showClearFilterButton, onClearFilters: resetTable, colSpan: table.getVisibleLeafColumns().length, size: "large" })),
+                table.getRowModel().rows.map((row) => (a__default.createElement(CellRow, { key: row.id, onClick: () => onRowClick?.(row.original), "$isClickable": !!onRowClick }, row.getVisibleCells().map((cell) => {
                     const value = flexRender(cell.column.columnDef.cell, {
                         ...cell.getContext(),
                         localValue: rowState[row.id]?.[cell.column.id],
@@ -21589,25 +21589,6 @@ const Sync = ({ dataTestId, onClick, className, id, showTime = false, labelPosit
         a__default.createElement(CustomLabel, { htmlFor: id, id: `${id}-label`, labelValue: showTime ? `Last Updated at ${time}` : "" })));
 };
 
-var QuoteVariants;
-(function (QuoteVariants) {
-    QuoteVariants["TOTAL_PRICE"] = "total-price";
-    QuoteVariants["TOTAL_WEIGHT"] = "total-weight";
-})(QuoteVariants || (QuoteVariants = {}));
-var QuoteCategory;
-(function (QuoteCategory) {
-    QuoteCategory["ITEM"] = "/item";
-    QuoteCategory["HOUR"] = "/hr";
-    QuoteCategory["CWT"] = "CWT";
-    QuoteCategory["LBS"] = "lbs";
-    QuoteCategory["KG"] = "kg";
-    QuoteCategory["TON"] = "ton";
-})(QuoteCategory || (QuoteCategory = {}));
-var TableUnitsAndTotalsLeftCategory;
-(function (TableUnitsAndTotalsLeftCategory) {
-    TableUnitsAndTotalsLeftCategory["US_CURRENCY"] = "$";
-})(TableUnitsAndTotalsLeftCategory || (TableUnitsAndTotalsLeftCategory = {}));
-
 const Container = styled.div `
   display: flex;
   justify-content: space-between;
@@ -21640,18 +21621,18 @@ const SubHeaderText = styled.span `
   line-height: normal;
 `;
 
-const TableUnitsAndTotals = ({ id, className, value, subValue, variant, leftCategory = TableUnitsAndTotalsLeftCategory.US_CURRENCY, rightCategory, }) => {
-    const isWeight = variant === QuoteVariants.TOTAL_WEIGHT;
-    const leftCategoryValue = isWeight ? "" : leftCategory;
-    const header = `${leftCategoryValue ?? ""}${value} ${rightCategory && isWeight ? ` ${rightCategory}` : ""}`;
-    const subHeader = subValue
-        ? `${leftCategoryValue ?? ""}${subValue} ${rightCategory ? ` ${rightCategory}` : ""}`
-        : undefined;
+const TableUnitsAndTotals = ({ id, className, value, subValue, valueRightCategory, valueLeftCategory, subValueRightCategory, subValueLeftCategory }) => {
+    let header = valueLeftCategory ?? "";
+    header += value;
+    header += valueRightCategory ? ` ${valueRightCategory}` : "";
+    let subHeader = subValueLeftCategory ?? "";
+    subHeader += subValue;
+    subHeader += subValueRightCategory ? ` ${subValueRightCategory}` : "";
     return (a__default.createElement(Container, { id: id, className: className },
         a__default.createElement(Column, { "$align": "right" },
             a__default.createElement(HeaderText, null, header),
-            subHeader && a__default.createElement(SubHeaderText, null, subHeader))));
+            subValue && a__default.createElement(SubHeaderText, null, subHeader))));
 };
 
-export { HelperText, IconButton, Label, Loader, NumberInput, Pagination, PasswordInput, QuoteCategory, QuoteVariants, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, TableUnitsAndTotalsLeftCategory, TextInput, Tooltip };
+export { HelperText, IconButton, Label, Loader, NumberInput, Pagination, PasswordInput, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, TextInput, Tooltip };
 //# sourceMappingURL=index.esm.js.map