@shipengine/elements 2.21.0 → 2.23.0

package/esm/hooks/use-sortable-query.js

@@ -0,0 +1,32 @@
+import { useState } from 'react';
+
+const useSortableQuery = ({
+  defaultSortBy: _defaultSortBy = "modified_at",
+  defaultSortDir: _defaultSortDir = "desc"
+}) => {
+  const [sortState, setSortState] = useState({
+    by: _defaultSortBy,
+    createdAtDir: _defaultSortDir,
+    dir: _defaultSortDir,
+    modifiedAtDir: _defaultSortDir
+  });
+  const toggleSort = sortQuery => {
+    const newSortState = Object.assign({}, sortState);
+    if (sortQuery === "created_at") {
+      newSortState.createdAtDir = sortState.createdAtDir === "asc" ? "desc" : "asc";
+      newSortState.dir = newSortState.createdAtDir;
+      newSortState.by = "created_at";
+    } else if (sortQuery === "modified_at") {
+      newSortState.modifiedAtDir = sortState.modifiedAtDir === "asc" ? "desc" : "asc";
+      newSortState.dir = newSortState.modifiedAtDir;
+      newSortState.by = "modified_at";
+    }
+    setSortState(newSortState);
+  };
+  return {
+    sortState,
+    toggleSort
+  };
+};
+
+export { useSortableQuery };

package/esm/index.js

@@ -39,6 +39,7 @@ export { useHelpers } from './hooks/use-helpers.js';
 export { useConfigureShipment } from './hooks/use-configure-shipment.js';
 export { useImportSalesOrder } from './hooks/use-import-sales-order.js';
 export { useBalanceServices } from './hooks/use-balance-services.js';
+export { RootPortalProvider, useRootPortal } from './hooks/use-root-portal.js';
 export { CanadaDeliveredDutyOptions } from './types/canada-ddp.js';
 export { PudoType } from './types/pudo.js';
 import * as onboarding from './workflows/onboarding/onboarding.js';
@@ -52,3 +53,4 @@ export { connectExternalCarrier as ConnectExternalCarrier };
 export { ElementsContext, ElementsContextProvider, useElements } from './elements-provider/elements-context-provider.js';
 export { ElementsProvider } from './elements-provider/elements-provider.js';
 export { ElementsTestProvider } from './elements-provider/elements-test-provider.js';
+export { createElement } from './create-element/create-element.js';

package/esm/locales/en/common.js

@@ -212,12 +212,14 @@ var common = {
 	grid: {
 		"row-count_one": "Showing {{firstIndex}}-{{lastIndex}} of <0>{{count}} item</0>",
 		"row-count_other": "Showing {{firstIndex}}-{{lastIndex}} of <0>{{count}} items</0>",
+		"row-count-plus_other": "Showing {{firstIndex}}-{{lastIndex}} of <0>{{count}}+ items</0>",
 		rows: "Rows",
 		clearAll: "Clear all",
 		shipmentId: "Shipment ID",
 		labelId: "Label ID",
 		labelIdFilter: "{{name}}: {{labelId}}",
-		filteredTrackingStatus: "Delivery Status: {{filter}}",
+		filteredStatus: "{{name}}: {{filter}}",
+		filteredTrackingStatus: "{{name}}: {{filter}}",
 		more: ", +{{count}} more",
 		createdDate: "Created Date",
 		shipmentIdFilter: "{{name}}: {{shipmentId}}",

package/esm/locales/en/purchase-label.js

@@ -33,7 +33,8 @@ var purchaseLabel = {
 		results: "No results returned"
 	},
 	fields: {
-		"requires-additional-handling": "This package requires <Link>additional handling</Link>",
+		"requires-additional-handling-link": "This package requires <Link>additional handling</Link>",
+		"requires-additional-handling": "This package requires additional handling",
 		addOns: "Add-Ons",
 		contentDescription: "Contents Description",
 		confirmation: "Delivery Confirmation",

package/esm/package.js

@@ -1,3 +1,3 @@
-var version = "2.21.0";
+var version = "2.23.0";
 
 export { version };

package/esm/utilities/feature-flags/feature-flags.js

@@ -4,7 +4,7 @@ const defaultLabelsGridColumns = [{
   allowFilter: true,
   name: "labelId"
 }, {
-  allowFilter: true,
+  allowFilter: false,
   name: "trackingStatus"
 }, {
   name: "recipient"

package/esm/workflows/label-workflow/label-workflow.js

@@ -52,7 +52,6 @@ const Component = _a => {
     carriers
   } = useConfigureShipment(Object.assign(Object.assign({}, _multiplexedId), {
     onLoad: onLoad,
-    onShipmentUpdated: onShipmentUpdated,
     shipFromAddresses,
     useWarehouses: (_b = propFeatures === null || propFeatures === void 0 ? void 0 : propFeatures.shipmentForm) === null || _b === void 0 ? void 0 : _b.useWarehouses,
     warehouseId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "2.21.0",
+  "version": "2.23.0",
   "module": "./index.js",
   "main": "./index.js",
   "types": "./src/index.d.ts",
@@ -39,7 +39,7 @@
       }
     },
     "./labels-grid": {
-      "source": "./src/elements-provider/index.ts",
+      "source": "./src/elements/labels-grid/index.ts",
       "import": {
         "types": "./types/src/elements/labels-grid/index.d.ts",
         "default": "./esm/elements/labels-grid/index.js"
@@ -49,6 +49,17 @@
         "default": "./cjs/elements/labels-grid/index.cjs"
       }
     },
+    "./create-element": {
+      "source": "./src/create-element/index.ts",
+      "import": {
+        "types": "./types/src/create-element/index.d.ts",
+        "default": "./esm/create-element/index.js"
+      },
+      "require": {
+        "types": "./types/src/create-element/index.d.ts",
+        "default": "./cjs/create-element/index.cjs"
+      }
+    },
     "./manage-carriers": {
       "source": "./src/elements/manage-carriers/index.ts",
       "import": {
@@ -269,8 +280,8 @@
     "@rollup/plugin-node-resolve": "13.3.0",
     "@shipengine/giger": "1.20.18",
     "@shipengine/giger-theme": "1.8.1",
-    "@shipengine/js-api": "3.6.0",
-    "@shipengine/react-api": "3.10.3",
+    "@shipengine/js-api": "3.8.0",
+    "@shipengine/react-api": "3.11.0",
     "@tanstack/react-query": "4.36.1",
     "@testing-library/dom": "8.19.0",
     "axios": "1.8.4",

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

@@ -8,6 +8,8 @@ type GridDataType = object & {
     bodyCellStyles?: Interpolation<Theme>;
     /** Flag to disable (false by default) the onClick handler of the TableRow */
     disableOnRowClick?: boolean;
+    /** Flag to set the row as loading */
+    isLoading?: boolean;
 };
 /**
  * @internal
@@ -22,6 +24,7 @@ type GridProps<T extends GridDataType> = {
     emptyContent?: ReactNode;
     filters?: ReactNode;
     footerContent?: ReactNode;
+    isLoading?: boolean;
     onRowClick?: (data: T) => void;
     useCheckboxes?: boolean;
 };
@@ -34,5 +37,5 @@ type GridProps<T extends GridDataType> = {
  *
  * @see {@link GridProps | The props for the `<GridController />` component}
  */
-export declare const GridController: <T extends GridDataType>({ columns, data, footerContent, onRowClick, useCheckboxes, filters, emptyContent, }: GridProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GridController: <T extends GridDataType>({ columns, data, footerContent, onRowClick, isLoading, useCheckboxes, filters, emptyContent, }: GridProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,8 +3,12 @@ export declare const styles: {
         width: number;
     };
     filters: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
         borderBottom: string;
-        padding: string;
+        padding: number;
+    };
+    skeletonTableRow: () => {
+        height: string;
     };
     table: {
         tableLayout: "initial";
@@ -24,5 +28,6 @@ export declare const styles: {
         borderRadius?: string | undefined;
         boxShadow?: string | undefined;
         height: string;
+        overflow: "hidden";
     };
 };

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

@@ -7,6 +7,14 @@
  * @see {@link GridFooter | The `<GridFooter />` component}
  */
 interface GridFooterProps {
+    /**
+     * If true, indicates there might be more results beyond what's been fetched
+     */
+    hasMoreUnfetchedResults?: boolean;
+    /**
+     * If true, displays a loading indicator in the pagination area
+     */
+    isLoadingMore?: boolean;
     onPageChange: (nextPage: number) => void;
     page: number;
     pages: number;
@@ -23,5 +31,5 @@ interface GridFooterProps {
  *
  * @see {@link GridFooterProps | The props for the `<GridFooter />` component}
  */
-export declare const GridFooter: ({ page, pages, pageSize, total, showPagination, onPageChange, }: GridFooterProps) => JSX.Element;
+export declare const GridFooter: ({ page, pages, pageSize, total, showPagination, onPageChange, isLoadingMore, hasMoreUnfetchedResults, }: GridFooterProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,16 @@
+export declare const styles: {
+    countWrapper: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+    };
+    loader: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        color: string;
+    };
+    wrapper: {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        width: string;
+    };
+};

package/types/src/components/grid-controller/sortable-header/index.d.ts

@@ -0,0 +1 @@
+export * from "./sortable-header";

package/types/src/components/grid-controller/{sortable-header.d.ts → sortable-header/sortable-header.d.ts}

@@ -1,4 +1,4 @@
-export type SortDirection = "asc" | "desc";
+import { SE } from "@shipengine/js-api";
 export interface SortableHeaderProps {
     /**
      * The text to display in the header
@@ -11,7 +11,7 @@ export interface SortableHeaderProps {
     /**
      * The current sort direction
      */
-    sortDirection: SortDirection;
+    sortDirection: SE.SortableQuery["sortDir"];
 }
 /**
  * A reusable component for creating sortable table headers

package/types/src/components/grid-controller/sortable-header/sortable-header.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    icon: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        paddingLeft: number;
+    };
+    span: () => {
+        alignItems: "center";
+        cursor: "pointer";
+        display: "flex";
+    };
+};

package/types/src/components/grid-filters/components/created-date-filter/created-date-filter.d.ts

@@ -7,6 +7,7 @@ import { IGridFilters } from "../../grid-filters";
  * @see {@link CreatedDateFilter | The `<CreatedDateFilter />` component}
  */
 type CreatedDateFilterProps = {
+    disabled?: boolean;
     filters: IGridFilters;
     onFiltersUpdated: (params: IGridFilters) => void;
 };
@@ -19,5 +20,5 @@ type CreatedDateFilterProps = {
  *
  * @see {@link CreatedDateFilterProps | The props for the `<CreatedDateFilter />` component}
  */
-export declare const CreatedDateFilter: ({ filters, onFiltersUpdated }: CreatedDateFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CreatedDateFilter: ({ disabled, filters, onFiltersUpdated, }: CreatedDateFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/grid-filters/components/index.d.ts

@@ -1,4 +1,5 @@
 export { ShipmentIdFilter } from "./shipment-id-filter";
 export { CreatedDateFilter } from "./created-date-filter";
 export { LabelIdFilter } from "./label-id-filter";
+export { LabelStatusFilter } from "./label-status-filter";
 export { TrackingStatusFilter } from "./tracking-status-filter";

package/types/src/components/grid-filters/components/label-id-filter/label-id-filter.d.ts

@@ -7,6 +7,7 @@ import { IGridFilters } from "../../grid-filters";
  * @see {@link LabelIdFilter | The `<LabelIdFilter />` component}
  */
 type LabelIdFilterProps = {
+    disabled?: boolean;
     filters: IGridFilters;
     onFiltersUpdated: (params: IGridFilters) => void;
 };
@@ -19,5 +20,5 @@ type LabelIdFilterProps = {
  *
  * @see {@link LabelIdFilterProps | The props for the `<LabelIdFilter />` component}
  */
-export declare const LabelIdFilter: ({ filters, onFiltersUpdated }: LabelIdFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LabelIdFilter: ({ disabled, filters, onFiltersUpdated, }: LabelIdFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/grid-filters/components/label-status-filter/index.d.ts

@@ -0,0 +1 @@
+export * from "./label-status-filter";

package/types/src/components/grid-filters/components/label-status-filter/label-status-filter-schema.d.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+import { SE } from "@shipengine/react-api";
+export declare const labelStatusFormSchema: z.ZodObject<{
+    labelStatus: z.ZodUnion<[z.ZodLiteral<SE.LabelStatus>, z.ZodLiteral<SE.LabelStatus>, z.ZodLiteral<SE.LabelStatus>, z.ZodLiteral<SE.LabelStatus>, z.ZodLiteral<"">]>;
+}, "strip", z.ZodTypeAny, {
+    labelStatus: "" | SE.LabelStatus;
+}, {
+    labelStatus: "" | SE.LabelStatus;
+}>;
+export type LabelStatusFormFields = {
+    labelStatus: SE.LabelStatus | "";
+};

package/types/src/components/grid-filters/components/label-status-filter/label-status-filter.d.ts

@@ -0,0 +1,24 @@
+import { IGridFilters } from "../../grid-filters";
+/**
+ * @internal
+ *
+ * # Status Filter Props
+ *
+ * @see {@link StatusFilter | The `<StatusFilter />` component}
+ */
+type LabelStatusFilterProps = {
+    disabled?: boolean;
+    filters: IGridFilters;
+    onFiltersUpdated: (params: IGridFilters) => void;
+};
+/**
+ * @internal
+ *
+ * # StatusFilter
+ *
+ * - The `<StatusFilter />` component handles the label status filter used in Labels Grid.
+ *
+ * @see {@link StatusFilterProps | The props for the `<StatusFilter />` component}
+ */
+export declare const LabelStatusFilter: ({ disabled, filters, onFiltersUpdated, }: LabelStatusFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/grid-filters/components/label-status-filter/label-status-filter.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const styles: {
+    buttons: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        gap: number;
+        justifyContent: "end";
+        paddingTop: number;
+    };
+    radioGroup: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+};

package/types/src/components/grid-filters/components/shipment-id-filter/shipment-id-filter.d.ts

@@ -7,6 +7,7 @@ import { IGridFilters } from "../../grid-filters";
  * @see {@link ShipmentIdFilter | The `<ShipmentIdFilter />` component}
  */
 type ShipmentIdFilterProps = {
+    disabled?: boolean;
     filters: IGridFilters;
     onFiltersUpdated: (params: IGridFilters) => void;
 };
@@ -19,5 +20,5 @@ type ShipmentIdFilterProps = {
  *
  * @see {@link ShipmentIdFilterProps | The props for the `<ShipmentIdFilter />` component}
  */
-export declare const ShipmentIdFilter: ({ filters, onFiltersUpdated }: ShipmentIdFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ShipmentIdFilter: ({ disabled, filters, onFiltersUpdated, }: ShipmentIdFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/grid-filters/components/tracking-status-filter/tracking-status-filter.d.ts

@@ -7,6 +7,7 @@ import { IGridFilters } from "../../grid-filters";
  * @see {@link TrackingStatusFilter | The `<TrackingStatusFilter />` component}
  */
 type TrackingStatusFilterProps = {
+    disabled?: boolean;
     filters: IGridFilters;
     onFiltersUpdated: (params: IGridFilters) => void;
 };
@@ -19,5 +20,5 @@ type TrackingStatusFilterProps = {
  *
  * @see {@link TrackingStatusFilterProps | The props for the `<TrackingStatusFilter />` component}
  */
-export declare const TrackingStatusFilter: ({ filters, onFiltersUpdated }: TrackingStatusFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TrackingStatusFilter: ({ disabled, filters, onFiltersUpdated, }: TrackingStatusFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/grid-filters/grid-filters.d.ts

@@ -1,4 +1,5 @@
 import { LabelTrackingStatus } from "@shipengine/js-api";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *
@@ -8,6 +9,7 @@ import { LabelTrackingStatus } from "@shipengine/js-api";
  */
 type GridFilterProps = {
     filters: IGridFilters;
+    filtersDisabled?: boolean;
     onClearAllFilters: () => void;
     onFiltersUpdated: (params: IGridFilters) => void;
 };
@@ -24,6 +26,7 @@ export interface IGridFilters {
     }>;
     labelId?: IGridFilter<string>;
     shipmentId: IGridFilter<string>;
+    status?: IGridFilter<SE.LabelStatus | "">;
     trackingStatus?: IGridFilter<LabelTrackingStatusWithVoided[]>;
 }
 /**
@@ -35,5 +38,5 @@ export interface IGridFilters {
  *
  * @see {@link GridFiltersProps | The props for the `<GridFilters />` component}
  */
-export declare const GridFilters: ({ filters, onFiltersUpdated, onClearAllFilters }: GridFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GridFilters: ({ filters, onFiltersUpdated, filtersDisabled, onClearAllFilters, }: GridFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/types/src/elements/labels-grid/hooks/use-labels-grid.d.ts

@@ -1,15 +1,15 @@
-import { SortDirection } from "../../../components/grid-controller";
 import { IGridFilters } from "../../../components/grid-filters";
 import { LabelTrackingStatus, SE } from "@shipengine/react-api";
 import { LabelsGridProps } from "../";
 import { Label } from "../labels-grid";
-export declare const useLabelsGrid: ({ createdDateSortBy, labelStatus, showShipmentIdFilter, showLabelIdFilter, showTrackingStatusFilter, fetchShipments, }: {
-    createdDateSortBy?: SortDirection | undefined;
+export declare const useLabelsGrid: ({ labelStatus, showShipmentIdFilter, showLabelIdFilter, showStatusFilter, showTrackingStatusFilter, fetchShipments, sortDir, }: {
     fetchShipments?: boolean | undefined;
     labelStatus: LabelsGridProps["labelStatus"];
     showLabelIdFilter?: boolean | undefined;
     showShipmentIdFilter?: boolean | undefined;
+    showStatusFilter?: boolean | undefined;
     showTrackingStatusFilter?: boolean | undefined;
+    sortDir?: SE.SortableQuery["sortDir"];
 }) => {
     clearAllFilters: () => void;
     filters: IGridFilters;
@@ -62,8 +62,10 @@ export declare const useLabelsGrid: ({ createdDateSortBy, labelStatus, showShipm
         voided: boolean;
         voidedAt: string | null;
     }[];
+    hasMoreUnfetchedResults: boolean | undefined;
     isAnyFilterActive: boolean;
     isError: boolean | undefined;
+    isFetchingNextPage: boolean;
     isLoading: boolean | undefined;
     labels: Label[];
     pageConfig: {

package/types/src/elements/labels-grid/hooks/use-tracking-status-filter.d.ts

@@ -0,0 +1,25 @@
+import { LabelTrackingStatus, SE } from "@shipengine/js-api";
+export declare const useTrackingStatusFilter: ({ isActive, labelStatus, shipmentId, trackingStatusFilters, sortDir, currentPage, pageSize, }: {
+    currentPage: number;
+    isActive: boolean;
+    labelStatus?: SE.LabelStatus | undefined;
+    pageSize: number;
+    shipmentId?: string | undefined;
+    sortDir: SE.SortableQuery["sortDir"];
+    trackingStatusFilters: LabelTrackingStatus[];
+}) => {
+    allLabelsCount: number;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions | undefined) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<SE.ListLabelsResult, SE.CodedError[]>>;
+    filteredLabelsCount: number;
+    hasMorePages: boolean | undefined;
+    hasMoreUnfetchedResults: boolean | undefined;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    labels: SE.Label[];
+    paginationInfo: {
+        currentPage: number;
+        pageSize: number;
+        totalCount: number;
+        totalPages: number;
+    };
+};

package/types/src/elements/labels-grid/labels-grid.d.ts

@@ -143,18 +143,14 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         };
                         registerSuccess: {
                             title: string;
-                            description: string;
-                        }; /**
-                         * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
-                         * `External Order ID` column, if present.
-                         */
+                            description: string; /**
+                             * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
+                             * `External Order ID` column, if present.
+                             */
+                        };
                     };
                 };
                 highVolumeForms: string;
-                /**
-                 * `onClickExternalShipmentId` is an optional callback function that will be invoked when the user clicks the id number within
-                 * `External Shipment Id` column, if present.
-                 */
                 multipleShippingServices: string;
                 sections: {
                     labels: string;
@@ -234,10 +230,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         };
                         poBox: {
                             title: string;
-                            description: string; /**
-                             * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
-                             * `External Order ID` column, if present.
-                             */
+                            description: string;
                         };
                         carrier: {
                             title: string;
@@ -255,10 +248,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         title: string;
                         subtitleCard: string;
                         subtitleBilling: string;
-                    }; /**
-                     * `onClickPrintLabel` is an optional callback function that will be invoked when the user clicks the
-                     * `Print Label` button.
-                     */
+                    };
                 };
             };
             "register-carrier": {
@@ -336,10 +326,15 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     saveRateFailedMessage: string;
                     saveRateFailedTitle: string;
                 };
+                /**
+                 * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
+                 * `External Order ID` column, if present.
+                 */
                 errorTypes: {
                     results: string;
                 };
                 fields: {
+                    "requires-additional-handling-link": string;
                     "requires-additional-handling": string;
                     addOns: string;
                     contentDescription: string;
@@ -713,7 +708,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     printForms: string;
                 };
                 errorMessages: {
-                    title: string;
+                    title: string; /**
+                     * `labelStatus` is the status of the labels you wish to view.
+                     * If no value is defined, all labels will be rendered.
+                     */
                     subtitle: string;
                 };
             };
@@ -746,7 +744,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                 settingsModal: {
                     closeDialog: string;
                     header: string;
-                };
+                }; /**
+                 * `features` provides optional feature configuration for the Element
+                 * If no value is defined, default configuration will be used.
+                 */
                 status: {
                     connected: string;
                 };
@@ -804,9 +805,17 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     paste: string;
                     preference: {
                         confirm: string;
+                        /**
+                         * `features` provides optional feature configuration for the Element
+                         * If no value is defined, default configuration will be used.
+                         */
                         addressNotValidated: string;
                         modified: string;
                         title: string;
+                        /**
+                         * `labelStatus` is the status of the labels you wish to view.
+                         * If no value is defined, all labels will be rendered.
+                         */
                         originalAddress: string;
                         matchedAddress: string;
                         unableToValidate: string;
@@ -830,7 +839,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         cvvPlaceholder: string;
                         expirationPlaceholder: string;
                         cardNumberPlaceholder: string;
-                    };
+                    }; /**
+                     * `onClickPrintLabel` is an optional callback function that will be invoked when the user clicks the
+                     * `Print Label` button.
+                     */
                 };
                 carriers: {
                     fields: {
@@ -972,11 +984,13 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredStatus: string;
                     filteredTrackingStatus: string;
                     more: string;
                     createdDate: string;

package/types/src/elements/manage-carriers/manage-carriers.d.ts

@@ -296,6 +296,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     results: string;
                 };
                 fields: {
+                    "requires-additional-handling-link": string;
                     "requires-additional-handling": string;
                     addOns: string;
                     contentDescription: string;
@@ -928,11 +929,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredStatus: string;
                     filteredTrackingStatus: string;
                     more: string;
                     createdDate: string;

package/types/src/elements/manage-external-carriers/manage-external-carriers.d.ts

@@ -295,6 +295,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     results: string;
                 };
                 fields: {
+                    "requires-additional-handling-link": string;
                     "requires-additional-handling": string;
                     addOns: string;
                     contentDescription: string;
@@ -971,11 +972,13 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredStatus: string;
                     filteredTrackingStatus: string;
                     more: string;
                     createdDate: string;