@shipengine/elements 0.13.0 → 0.14.0

package/components/accordion/accordion.d.ts

@@ -3,10 +3,10 @@ import { WithChildrenCommonProps } from "@packlink/giger";
 type AccordionProps = WithChildrenCommonProps<{
     /** Flag to indicate if the Accordion must appear expanded */
     initialExpanded?: boolean;
-    /** Title to show */
-    title?: string;
     /** Element to render at the right part of the summary */
     rightContent?: JSX.Element;
+    /** Title to show */
+    title?: string;
 }>;
 export declare const Accordion: ({ initialExpanded, title, children, rightContent, ...rest }: AccordionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/components/error-boundary/error-boundary.d.ts

@@ -4,12 +4,12 @@ export type FallbackRender = (props: {
 }) => React.ReactElement;
 export type ErrorBoundaryProps = {
     children?: React.ReactNode | (() => React.ReactNode);
+    element?: string;
     fallback?: React.ReactElement | FallbackRender;
     onError?: (err: Error, context: {
-        element?: string;
         componentStack: string;
+        element?: string;
     }) => void;
-    element?: string;
 };
 type ErrorBoundaryState = {
     error: Error | null;

package/components/field/create-field-controller.d.ts

@@ -7,12 +7,12 @@ export type FieldControllerProps<NP, TFieldValues extends FieldValues = FieldVal
     control: NonNullable<UseControllerProps<TFieldValues, TName>["control"]>;
     defaultValue?: Partial<UseControllerProps<TFieldValues, TName>["defaultValue"]>;
     disabled?: boolean;
+    displayErrors?: boolean;
+    displayLabel?: boolean;
     errors?: string[];
+    inputOnly?: boolean;
     label: string;
     labelWeight?: FieldLabelProps["weight"];
-    displayLabel?: boolean;
-    displayErrors?: boolean;
-    inputOnly?: boolean;
 } & Omit<FieldLabelProps, "children" | "weight"> & Omit<UseControllerProps<TFieldValues, TName>, "defaultValue"> & ControlledFormInputProps<NP>;
 type FieldControllerOptions = {
     inputOnly?: boolean;

package/components/field/input-group/input-group.d.ts

@@ -6,8 +6,8 @@ export type InputGroupItem = React.ReactElement<ControlledFieldProps>;
 type InputGroupProps = {
     children: InputGroupItem[];
     disabled?: boolean;
-    trigger: UseFormTrigger<any>;
     divider?: string[];
+    trigger: UseFormTrigger<any>;
 };
 export declare const InputGroup: ControlledField<FieldLabelProps, InputGroupProps, "errors" | "shouldDisplayErrors" | "withBottomMargin">;
 export {};

package/components/field/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
-import * as SE from "@shipengine/types";
 import { InputProps } from "@packlink/giger";
+import * as SE from "@shipengine/types";
 import { ControlledField } from "../create-field-controller";
 export declare const transform: {
     in: ({ amount, currency }?: Partial<{
@@ -18,13 +18,13 @@ type MoneyInputOptions = {
     signed?: boolean;
 };
 type MoneyInputProps = {
+    onChange?: (value: SE.Money) => void;
+    /** Flag to render currency symbol at the left */
+    showCurrencySymbol?: boolean;
     value?: Partial<{
         amount: number | string;
         currency: SE.Currency;
     }>;
-    /** Flag to render currency symbol at the left */
-    showCurrencySymbol?: boolean;
-    onChange?: (value: SE.Money) => void;
 } & Omit<InputProps, "onChange" | "value">;
 export declare const MoneyInput: ControlledField<MoneyInputProps, MoneyInputOptions>;
 export {};

package/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import * as SE from "@shipengine/types";
 export interface CostBreakdownProps {
-    showExtendedData: boolean;
-    shippingAmount?: SE.Money;
-    insuranceAmount?: SE.Money;
     confirmationAmount?: SE.Money;
-    taxAmount?: SE.Money;
+    insuranceAmount?: SE.Money;
     otherAmount?: SE.Money;
+    shippingAmount?: SE.Money;
+    showExtendedData: boolean;
+    taxAmount?: SE.Money;
 }
 export declare const CostBreakdown: ({ showExtendedData, shippingAmount, insuranceAmount, confirmationAmount, taxAmount, otherAmount, }: CostBreakdownProps) => JSX.Element;

package/components/field/rate-select/rate-select.d.ts

@@ -1,8 +1,8 @@
 import { RateOption } from "../../../hooks";
 import { ControlledField } from "../create-field-controller";
 type RateSelectProps = {
-    options: RateOption[];
     nicknameFeature?: boolean;
+    options: RateOption[];
 };
 type RateSelectOptions = {
     onClick?: (rateId: string) => void;

package/components/field/select/select.d.ts

@@ -7,8 +7,8 @@ export type SelectOption = {
 };
 export type SelectCategory = {
     label: string;
-    value?: string;
     options: SelectOption[];
+    value?: string;
 };
 export type SelectOptionOrCategory = SelectOption | SelectCategory;
 type SelectProps = {

package/components/field/switch/switch.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ISwitchProps } from "@packlink/giger";
 export type SwitchProps = {
-    defaultChecked?: boolean;
     children?: React.ReactNode;
-    shouldUnmount?: boolean;
+    defaultChecked?: boolean;
     label: string;
+    shouldUnmount?: boolean;
 } & Omit<ISwitchProps, "children">;
 export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
 import * as SE from "@shipengine/types";
 export type Item = {
-    name: string;
     detail: string;
+    name: string;
     quantity: number;
-    value: SE.Money;
-    totalValue?: SE.Money;
     subDetail?: string;
     subDetailValue?: SE.Money;
+    totalValue?: SE.Money;
+    value: SE.Money;
 };
 export type ItemsBreakdownProps = {
     items: Item[];

package/components/organisms/manual-funding-form/index.d.ts

@@ -1 +1,2 @@
 export * from "./manual-funding-form";
+export * from "./manual-funding-schema";

package/components/organisms/manual-funding-form/manual-funding-form.d.ts

@@ -2,6 +2,9 @@
 import { ManualFundingFormPayload } from "./manual-funding-schema";
 export type ManualFundingFormProps<T = undefined> = {
     currentBalance: number;
+    errorMessage?: string;
+    hasError: boolean;
+    isLoading: boolean;
     onSubmit: (payload: ManualFundingFormPayload) => Promise<void> | void;
     requiredAmount?: number;
 } & ({
@@ -11,4 +14,4 @@ export type ManualFundingFormProps<T = undefined> = {
     formId?: string;
     portalRef?: never;
 });
-export declare const ManualFundingForm: <T extends Element>({ currentBalance, formId, onSubmit, portalRef, requiredAmount, }: ManualFundingFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ManualFundingForm: <T extends Element>({ currentBalance, errorMessage, formId, hasError, isLoading, onSubmit, portalRef, requiredAmount, }: ManualFundingFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/settings-card/settings-card.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export type SettingsCardProps = {
     cardAction: {
-        name: string;
         action: () => void;
+        name: string;
     };
     children?: React.ReactNode;
-    title: string | JSX.Element;
     subtitle?: string;
+    title: string | JSX.Element;
 };
 export declare const SettingsCard: ({ cardAction, children, subtitle, title }: SettingsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;