@shipengine/elements 2.18.0 → 2.20.0

package/src/components/form-portal/form-portal.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { Interpolation, Theme } from "@emotion/react";
-declare const variants: readonly ["well"];
-/**
- * @internal
- *
- * # Form Portal Props
- */
-type FormPortalProps = {
-    children: React.ReactNode;
-    css?: Interpolation<Theme>;
-    id: `${string}-form`;
-    onSubmit: (e: React.SyntheticEvent) => Promise<void> | void;
-    variant?: typeof variants[number];
-};
-/**
- * @internal
- *
- * # Form Portal Component
- *
- * A drop-in replacement for the `<form>` tag that allows nested forms.
- *
- * Via portals, the <form> tag is mounted as a sibling of the app root. The form's
- * interface is then mounted back at the point of use.
- */
-export declare const FormPortal: ({ css, children, id, onSubmit, variant }: FormPortalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/src/components/fund-and-purchase/fund-and-purchase.d.ts

@@ -1,39 +0,0 @@
-import { Control } from "react-hook-form";
-import { SE } from "@shipengine/react-api";
-/**
- * @internal
- *
- * # Fund And Purchase Props
- *
- * @see {@link FundAndPurchase | The `<FundAndPurchase />` component using these props}
- */
-export type FundAndPurchaseProps = {
-    carrierId?: string;
-    className?: string;
-    control: Control<any, any>;
-    currency: SE.Currency;
-    disabled?: boolean;
-    isFundingEnabled?: boolean;
-    isFundingRequired: boolean;
-    isInvalidatedByError?: boolean;
-    isPreferredRate?: boolean;
-    nickname?: string;
-    onPurchase: () => void;
-    onSave: () => Promise<void>;
-    onVatRegistrationComplete?: () => void;
-    purchaseAmount: number;
-    rateDetails?: SE.RateDetail[];
-    showVatSettings?: boolean;
-};
-/**
- * @internal
- *
- * # Fund And Purchase Component
- *
- * Fund and Purchase handles the label purchase submission UX, ensuring that a user
- * has the necessary funds available and can add them if not. It allows a single button
- * to submit the funding form followed by the purchase form.
- *
- * @see {@link FundAndPurchaseProps | The props that are passed into the `<FundAndPurchase />` component}
- */
-export declare const FundAndPurchase: ({ carrierId, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, showVatSettings, rateDetails, onSave, onPurchase, onVatRegistrationComplete, isInvalidatedByError, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/fund-and-purchase/fund-and-purchase.styles.d.ts

@@ -1,20 +0,0 @@
-export declare const styles: {
-    balanceText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-    };
-    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        padding: string;
-    };
-    getFormExtension: (isCustomAmount?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        backgroundColor: string;
-        display: "flex";
-        flexDirection: "column";
-        gap: number;
-        marginTop: number;
-        padding: number;
-        paddingTop: number;
-    };
-    saveRateButton: {
-        whiteSpace: "nowrap";
-    };
-};

package/src/components/fund-and-purchase/index.d.ts

@@ -1 +0,0 @@
-export * from "./fund-and-purchase";

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

@@ -1,36 +0,0 @@
-import { Interpolation, Theme } from "@emotion/react";
-import { ReactNode } from "react";
-export type ColumnProps<T> = {
-    headerContent: ReactNode;
-    renderCellContent: (data: T) => ReactNode;
-};
-type GridDataType = object & {
-    bodyCellStyles?: Interpolation<Theme>;
-};
-/**
- * @internal
- *
- * # Grid Props
- *
- * @see {@link GridController | The `<GridController />` component}
- */
-type GridProps<T extends GridDataType> = {
-    columns: ColumnProps<T>[];
-    data: T[];
-    emptyContent?: ReactNode;
-    filters?: ReactNode;
-    footerContent?: ReactNode;
-    onRowClick?: (data: T) => void;
-    useCheckboxes?: boolean;
-};
-/**
- * @internal
- *
- * # Grid Controller
- *
- * - The `<GridController />` component is used to facilitate the display of data in a grid format.
- *
- * @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 {};

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

@@ -1,28 +0,0 @@
-export declare const styles: {
-    getCheckboxHeader: (theme: any) => {
-        width: number;
-    };
-    getFilters: (theme: any) => {
-        borderBottom: string;
-        padding: string;
-    };
-    getTableHeader: (theme: any) => {
-        background: string;
-    };
-    getWrapper: (theme: any) => {
-        border?: string | undefined;
-        borderRadius?: string | undefined;
-        boxShadow?: string | undefined;
-        height: string;
-    };
-    table: {
-        tableLayout: "initial";
-    };
-    tableFooter: {
-        borderTop: string;
-        justifyContent: "space-between";
-    };
-    tableWrapper: {
-        border: string;
-    };
-};

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

@@ -1,4 +0,0 @@
-export * from "./grid-controller";
-export * from "./cell-formatted-date";
-export * from "./grid-footer";
-export type { ColumnProps } from "./grid-controller";

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

@@ -1,41 +0,0 @@
-export declare const styles: {
-    calendarContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        border: string;
-        borderRadius: string;
-    };
-    calendarFooterButtons: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignSelf: "flex-end";
-        marginTop: number;
-    };
-    clearButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginRight: number;
-    };
-    input: () => {
-        width: string;
-    };
-    inputsArrow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginLeft: number;
-        marginRight: number;
-    };
-    inputsWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        marginBottom: number;
-    };
-    mainButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginRight: number;
-    };
-    popover: () => {
-        maxWidth: string;
-    };
-    popoverCalendarWrapper: () => {
-        display: "flex";
-        flexDirection: "column";
-    };
-    popoverWrapper: () => {
-        display: "flex";
-    };
-    radioGroup: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginRight: number;
-    };
-};

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

@@ -1,3 +0,0 @@
-export { ShipmentIdFilter } from "./shipment-id-filter";
-export { CreatedDateFilter } from "./created-date-filter";
-export { LabelIdFilter } from "./label-id-filter";

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

@@ -1,7 +0,0 @@
-export declare const styles: {
-    getButtons: (theme: any) => {
-        display: "flex";
-        gap: number;
-        justifyContent: "flex-end";
-    };
-};

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

@@ -1,10 +0,0 @@
-export declare const styles: {
-    mainButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginRight: number;
-    };
-    popoverButtons: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        display: "flex";
-        gap: number;
-        justifyContent: "flex-end";
-    };
-};

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

@@ -1,36 +0,0 @@
-/**
- * @internal
- *
- * # Grid Filters Props
- *
- * @see {@link GridFilters | The `<GridFilters />` component}
- */
-type GridFilterProps = {
-    filters: IGridFilters;
-    onClearAllFilters: () => void;
-    onFiltersUpdated: (params: IGridFilters) => void;
-};
-export type IGridFilter<T> = {
-    enabled: boolean;
-    nickname?: string;
-    value: T | null;
-};
-export interface IGridFilters {
-    createdDate?: IGridFilter<{
-        end: Date;
-        start: Date;
-    }>;
-    labelId?: IGridFilter<string>;
-    shipmentId: IGridFilter<string>;
-}
-/**
- * @internal
- *
- * # GridFilters
- *
- * - The `<GridFilters />` component includes Filters used in ShipmentsGrid and LabelsGrid component.
- *
- * @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 {};

package/src/components/here-map/here-map.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-/// <reference types="heremaps" />
-import { MarkerData } from "../../hooks/here-map/use-here-map-ui";
-export type HereMapProps = {
-    children?: React.ReactNode;
-    informationCardContent?: React.ReactNode;
-    mapOptions: H.Map.Options;
-    markerData?: MarkerData[];
-    onClickMarker?: (markerData: MarkerData) => void;
-    onMapCenterChange?: () => void;
-    showMapSettingsControl?: boolean;
-    showScaleBarControl?: boolean;
-    showZoomControl?: boolean;
-    zoomControlPosition?: H.ui.LayoutAlignment;
-};
-export declare const HereMap: ({ mapOptions, children, markerData, onClickMarker, showZoomControl, zoomControlPosition, showMapSettingsControl, informationCardContent, showScaleBarControl, onMapCenterChange, }: HereMapProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/src/components/here-map/here-map.styles.d.ts

@@ -1,23 +0,0 @@
-export declare const styles: {
-    container: {
-        position: "relative";
-    };
-    informationOverlay: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        backgroundColor: "white";
-        borderRadius: string;
-        bottom: number;
-        boxShadow: "0px 4px 2px 0px rgba(161, 161, 161, 0.25)";
-        left: string;
-        padding: number;
-        position: "absolute";
-        transform: "translateX(-50%)";
-        width: string;
-        zIndex: number;
-    };
-    map: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        border: string;
-        borderRadius: string;
-        height: string;
-        width: string;
-    };
-};

package/src/components/history/history-card/history-card.styles.d.ts

@@ -1,39 +0,0 @@
-export declare const styles: {
-    balanceTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        marginLeft: string;
-    };
-    cardColumn: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "&:last-child": {
-            alignItems: "flex-end";
-        };
-        alignItems: "flex-start";
-        display: "flex";
-        flexDirection: "column";
-        justifyContent: "space-between";
-        rowGap: string;
-    };
-    cardContainer: () => {
-        display: "flex";
-        justifyContent: "space-between";
-    };
-    carrierTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-    };
-    dateTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-    };
-    getAmountTypography: (isReload?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        marginLeft: string;
-    };
-    getTransactionTypeTypography: (transactionType?: string) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        textTransform: "capitalize";
-    };
-    transactionDetails: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        columnGap: number;
-        display: "flex";
-    };
-};

package/src/components/history/history-card/label/label.d.ts

@@ -1,10 +0,0 @@
-import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
-import { ITypographyProps, WithChildrenCommonProps } from "@shipengine/giger";
-export type LabelProps = WithChildrenCommonProps<{
-    spacing?: number | "spread";
-    text: string;
-    textProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
-    variant?: LabelVariant;
-}>;
-export type LabelVariant = "subtitle" | "inline" | "inline-right";
-export declare const Label: ({ spacing, children, text, textProps, variant }: LabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/components/history/history-card/label/label.styles.d.ts

@@ -1,13 +0,0 @@
-import { LabelProps } from "./label";
-export declare const styles: ({ variant, spacing, }: {
-    spacing: LabelProps["spacing"];
-    variant: LabelProps["variant"];
-}) => {
-    labelContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        flexDirection: "column" | "row" | "row-reverse";
-        gap: number;
-        justifyContent: "flex-start" | "space-between;";
-    };
-};

package/src/components/history/history-card-extension/history-card-extension.styles.d.ts

@@ -1,26 +0,0 @@
-export declare const styles: {
-    chevronTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-    };
-    detailsBottomContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        backgroundColor: string;
-        padding: string;
-    };
-    detailsRow: {
-        display: "flex";
-        justifyContent: "space-between";
-    };
-    detailsTypography: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-    };
-    headingContainer: {
-        alignItems: "center";
-        display: "flex";
-        justifyContent: "space-between";
-    };
-    loadingStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        display: "flex";
-        flexDirection: "column";
-        rowGap: number;
-    };
-};

package/src/components/index.d.ts

@@ -1,45 +0,0 @@
-export * from "./add-funds-form";
-export * from "./auto-funding-form";
-export * from "./button-group";
-export * from "./carrier-balance";
-export * from "./carrier-connection-card";
-export * from "./carrier-icon";
-export * from "./carrier-logo";
-export * from "./collapsible-panel";
-export * from "./copy";
-export * from "./cube";
-export * from "./date-range-combo";
-export * from "./date-range-select";
-export * from "./display-term";
-export * from "./drawer";
-export * from "./edit-billing-form";
-export * from "./error-fallback";
-export * from "./error-state";
-export * from "./field-label";
-export * from "./field";
-export * from "./form-portal";
-export * from "./fund-and-purchase";
-export * from "./grid-controller";
-export * from "./grid-filters";
-export * from "./history";
-export * from "./inline-label";
-export * from "./items-breakdown";
-export * from "./link-action";
-export * from "./loader";
-export * from "./pager";
-export * from "./portal";
-export * from "./powered-by-shipengine";
-export * from "./rate-details";
-export * from "./section";
-export * from "./settings-card";
-export * from "./skeleton";
-export * from "./spacer";
-export * from "./spread";
-export * from "./story-notes";
-export * from "./suspend";
-export * from "./tabs";
-export * from "./vat-form";
-export * from "./wallet-card";
-export * from "./warehouse-form";
-export * from "./actions-menu";
-export * from "./ship-from-address-form";

package/src/components/inline-label/inline-label.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
-import { ITypographyProps } from "@shipengine/giger";
-/**
- * @internal
- *
- * # Inline Label Props
- */
-export type InlineLabelProps = {
-    children: React.ReactElement;
-    isLabelRight?: boolean;
-    label: string;
-    labelProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
-};
-/**
- * @internal
- *
- * # Inline Label Component
- */
-export declare const InlineLabel: ({ children, label, isLabelRight, labelProps, }: InlineLabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/components/inline-label/inline-label.styles.d.ts

@@ -1,8 +0,0 @@
-export declare const styles: (isLabelRight?: boolean) => {
-    inlineContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        flexDirection: "row-reverse" | "row";
-        gap: number;
-    };
-};

package/src/components/items-breakdown/items-breakdown.styles.d.ts

@@ -1,34 +0,0 @@
-export declare const styles: {
-    itemDescription: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        display: "flex";
-        flexDirection: "column";
-        padding: string;
-    };
-    itemDetail: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        padding: string;
-        verticalAlign: string;
-    };
-    itemName: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        display: "-webkit-box";
-        lineHeight: string;
-        maxHeight: string;
-        overflow: "hidden";
-        textOverflow: "ellipsis";
-        WebkitBoxOrient: "vertical";
-        WebkitLineClamp: "3";
-        whiteSpace: "normal";
-    };
-    numericCell: () => {
-        textAlign: "right";
-        width: string;
-    };
-    tableWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "&& > div": {
-            boxShadow: "none";
-        };
-        "&& > div table thead th": {
-            fontStyle: "italic";
-            fontWeight: number;
-        };
-    };
-};

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

@@ -1,21 +0,0 @@
-export declare const styles: {
-    dialog: () => {
-        maxHeight: string;
-        overlay: {
-            position: "absolute";
-        };
-    };
-    header: () => {
-        alignContent: "center";
-        alignItems: "left";
-        display: "flex";
-    };
-    headerTitle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        color: string;
-        display: "flex";
-        fontWeight: number;
-        margin: number;
-        paddingLeft: number;
-    };
-};

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

@@ -1,45 +0,0 @@
-export declare const styles: {
-    footer: {
-        "> *": {
-            borderTop: string;
-        };
-        alignItems: "center";
-        display: "flex";
-        justifyContent: "space-between";
-        width: string;
-    };
-    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/powered-by-shipengine/powered-by-shipengine.styles.d.ts

@@ -1,11 +0,0 @@
-export declare const styles: {
-    poweredByShipEngine: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        color: string;
-        display: "flex";
-        gap: string;
-        justifyContent: "center";
-        padding: string;
-        textAlign: "center";
-    };
-};

package/src/components/preset-descriptor/index.d.ts

@@ -1 +0,0 @@
-export * from "./preset-descriptor";

package/src/components/preset-descriptor/preset-descriptor.d.ts

@@ -1,2 +0,0 @@
-import { ShippingPreset } from "../../types";
-export declare const PresetDescriptor: (preset: ShippingPreset) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/preset-descriptor/preset-descriptor.styles.d.ts

@@ -1,7 +0,0 @@
-import { SerializedStyles } from "@emotion/react";
-import { Theme } from "@shipengine/giger-theme";
-export declare const getContainerStyles: (theme: Theme) => SerializedStyles;
-export declare const getDimensionStyles: (theme: Theme) => SerializedStyles;
-export declare const getServiceNameStyles: (theme: Theme) => SerializedStyles;
-export declare const getPresetNameStyles: (theme: Theme) => SerializedStyles;
-export declare const getWarningStyles: (theme: Theme) => SerializedStyles;

package/src/components/rate-details/rate-details.styles.d.ts

@@ -1,23 +0,0 @@
-export declare const styles: {
-    breakdownCollapsible: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        color: string;
-        display: "flex";
-        fontWeight: number;
-    };
-    conceptGroup: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        gap: number;
-    };
-    divider: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginTop: number;
-        paddingTop: number;
-    };
-    rateDetail: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        display: "flex";
-        justifyContent: "space-between";
-        marginBottom: number;
-    };
-};