@stella-source/stellasource-dsl 0.2.9 → 1.2.10

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

@@ -13,6 +13,7 @@ interface HeaderCellProps {
         atRight: boolean;
     };
     onFilterMenuInteraction?: (id: string | number, active: boolean) => void;
+    onFilterApply?: () => void;
 }
-declare const TableHeaderCell: ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, }: HeaderCellProps) => React.JSX.Element;
+declare const TableHeaderCell: ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, onFilterApply, }: HeaderCellProps) => React.JSX.Element;
 export default TableHeaderCell;

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

@@ -21066,7 +21066,7 @@ const IndeterminateCheckbox = ({ isIndeterminate, isChecked, onChange, }) => {
     return (a__default.createElement(Checkbox, { ref: ref, checked: isChecked, onChange: (e) => onChange?.(e) }));
 };
 
-const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, }) => {
+const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, onFilterApply, }) => {
     const column = header.column;
     const columnDef = column.columnDef;
     const meta = columnDef.meta;
@@ -21172,6 +21172,7 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                             setCurrentAppliedFilters([item]);
                                             column?.setFilterValue([item]);
                                             showFilterMenu(false);
+                                            onFilterApply?.();
                                         }, "$applied": tempFilters?.includes(item) }, item));
                                 }
                                 return (a__default.createElement(MenuItem, { key: item },
@@ -21192,12 +21193,14 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                 setCurrentAppliedFilters(tempFilters);
                                 column?.setFilterValue(tempFilters?.length > 0 ? tempFilters : []);
                                 showFilterMenu(false);
+                                onFilterApply?.();
                             } }, "Apply Selection")),
                         filters?.[header.id]?.length > 0 && (a__default.createElement(MenuButton, { key: "clear", onClick: () => {
                                 column?.setFilterValue([]);
                                 showFilterMenu(false);
                                 setTempFilters([]);
                                 setCurrentAppliedFilters([]);
+                                onFilterApply?.();
                             } }, "Clear Filter"))), document.body))),
             header.column.getCanSort() && (a__default.createElement(SortButton, { className: "icon", iconName: "sort", ariaLabel: "Sort Button", variant: "tertiary", "$active": sorting.some((s) => s.id === header.column.id), "$sort": column.getIsSorted(), onClick: (e) => header.column.getToggleSortingHandler()?.(e) })),
             textAlign === "right" && (a__default.createElement("span", { style: { fontWeight: 600 } }, flexRender(columnDef.header, header.getContext()))))));
@@ -21478,6 +21481,12 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                             ...prev,
                             [id]: active,
                         }));
+                    }, onFilterApply: () => {
+                        setPageIndex(1);
+                        setPagination((prev) => ({
+                            ...prev,
+                            pageIndex: 0,
+                        }));
                     } }));
             }))))),
             a__default.createElement("tbody", null,
@@ -21589,25 +21598,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 +21630,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