@shipengine/elements 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -27,7 +27,7 @@
     "@rjsf/validator-ajv8": "5.16.1",
     "@shipengine/giger": "1.0.1",
     "@shipengine/giger-theme": "1.0.1",
-    "@shipengine/js-api": "0.48.2",
+    "@shipengine/js-api": "0.48.3",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",

package/src/components/grid-controller/grid-controller.d.ts

@@ -1,22 +1,14 @@
 import { ReactNode } from "react";
-import { PageableResult } from "@shipengine/alchemy";
 type ColumnProps<T> = {
-    columnOrder: number;
     headerContent: ReactNode;
     renderCellContent: (data: T) => ReactNode;
 };
-type ColumnsConfig<T extends object> = {
-    [K in keyof T]: ColumnProps<T>;
-};
 type GridProps<T extends object> = {
-    columns: Partial<ColumnsConfig<T>>;
-    currentPageSize: number;
+    columns: ColumnProps<T>[];
     data: T[];
-    onPageSelect: (page: number) => void;
-    onPageSizeSelect: (rowsPerPage: number) => void;
+    footerContent?: ReactNode;
     onRowClick?: (data: T) => void;
-    pagingData: PageableResult;
-    rowCountSelection?: Array<number>;
+    useCheckboxes?: boolean;
 };
-export declare const GridController: <T extends object>({ currentPageSize, columns, data, pagingData, rowCountSelection, onPageSelect, onPageSizeSelect, onRowClick, }: GridProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GridController: <T extends object>({ columns, data, footerContent, onRowClick, useCheckboxes, }: GridProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/grid-controller/grid-controller.styles.d.ts

@@ -1,45 +1,6 @@
 export declare const styles: {
-    footer: {
-        "> *": {
-            borderTop: string;
-        };
-        alignItems: "center";
-        display: "flex";
-        justifyContent: "space-between";
-    };
-    leftFooter: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        display: "flex";
-        margin: number;
-        span: {
-            fontWeight: number;
-        };
-    };
-    rowCount: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        marginRight: number;
-        whiteSpace: "pre";
-    };
-    rowCountDropDown: {
-        "> * > *": {
-            justifyContent: "center !important";
-        };
-    };
-    rowsActions: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "#selected-row": {
-            ":hover": {
-                backgroundColor: "transparent";
-            };
-            borderRadius: string;
-            color: string;
-            padding: number;
-            paddingRight: number;
-        };
-        alignItems: "baseline";
-        display: "flex";
-        span: {
-            alignSelf: "center";
-        };
+    checkboxHeader: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        width: number;
     };
     table: {
         "*": {
@@ -47,15 +8,4 @@ export declare const styles: {
             textOverflow: "clip !important";
         };
     };
-    tableHeader: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "> :nth-of-type(1)": {
-            width: number;
-        };
-        "> :nth-of-type(2)": {
-            width: number;
-        };
-        "> :nth-of-type(7)": {
-            width: number;
-        };
-    };
 };

package/src/components/index.d.ts

@@ -20,6 +20,7 @@ export * from "./items-breakdown";
 export * from "./link-action";
 export * from "./loader";
 export * from "./manage-funding";
+export * from "./pager";
 export * from "./payment-method-settings";
 export * from "./portal";
 export * from "./powered-by-shipengine";

package/src/components/pager/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./pager";
+export * from "./usePager";

package/src/components/pager/pager.d.ts

@@ -0,0 +1,10 @@
+import { PageableResult } from "@shipengine/alchemy";
+type PagerProps = {
+    currentPageSize: number;
+    onPageSelect: (page: number) => void;
+    onPageSizeSelect: (rowsPerPage: number) => void;
+    pagingData: PageableResult;
+    rowCountSelection?: Array<number>;
+};
+export declare const Pager: ({ currentPageSize, pagingData, rowCountSelection, onPageSelect, onPageSizeSelect, }: PagerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/pager/pager.styles.d.ts

@@ -0,0 +1,44 @@
+export declare const styles: {
+    footer: {
+        "> *": {
+            borderTop: string;
+        };
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    leftFooter: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        margin: number;
+        span: {
+            fontWeight: number;
+        };
+    };
+    rowCount: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        marginRight: number;
+        whiteSpace: "pre";
+    };
+    rowCountDropDown: {
+        "> * > *": {
+            justifyContent: "center !important";
+        };
+    };
+    rowsActions: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "#selected-row": {
+            ":hover": {
+                backgroundColor: "transparent";
+            };
+            borderRadius: string;
+            color: string;
+            padding: number;
+            paddingRight: number;
+        };
+        alignItems: "baseline";
+        display: "flex";
+        span: {
+            alignSelf: "center";
+        };
+    };
+};

package/src/components/pager/usePager.d.ts

@@ -0,0 +1,10 @@
+export declare const usePager: (initialPageSize?: number) => {
+    page: number;
+    pagerProps: {
+        currentPage: number;
+        currentPageSize: number;
+        onPageSelect: (page: number) => void;
+        onPageSizeSelect: (pageSize: number) => void;
+    };
+    pageSize: number;
+};

package/src/elements/shipments-grid/index.d.ts

@@ -1 +1 @@
-export * as ShipmentsGrid from "./shipmets-grid";
+export * as ShipmentsGrid from "./shipments-grid";