@commercelayer/app-elements 0.0.47 → 0.0.49

package/dist/ui/forms/InputCurrency/index.d.ts

@@ -30,6 +30,14 @@ export interface InputCurrencyProps extends InputWrapperBaseProps, Pick<Currency
      * onChange callback triggered when during typing
      */
     onChange: (cents: number | null, formatted: string) => void;
+    /**
+     * hide currency symbol but keep the currency formatting
+     */
+    hideCurrencySymbol?: boolean;
+    /**
+     * show (X) button to clear the input
+     */
+    isClearable?: boolean;
 }
 declare const InputCurrency: import("react").ForwardRefExoticComponent<InputCurrencyProps & import("react").RefAttributes<HTMLInputElement>>;
 /**
@@ -40,5 +48,5 @@ declare const InputCurrency: import("react").ForwardRefExoticComponent<InputCurr
  * Example: formatCentsToCurrency(100000, 'USD') -> $1,000.00
  * Example: formatCentsToCurrency(100, 'JPY') -> ¥100
  **/
-declare function formatCentsToCurrency(cents: number, currencyCode: Uppercase<CurrencyCode>): string;
+declare function formatCentsToCurrency(cents: number, currencyCode: Uppercase<CurrencyCode>, stripZeroDecimals?: boolean): string;
 export { InputCurrency, formatCentsToCurrency };

package/dist/ui/forms/InputCurrencyRange.d.ts

@@ -0,0 +1,24 @@
+import { type CurrencyCode } from '../forms/InputCurrency/currencies';
+import { type InputCurrencyProps } from '../forms/InputCurrency/index';
+import { type InputWrapperBaseProps } from '../internals/InputWrapper';
+type Cents = InputCurrencyProps['cents'];
+export interface InputCurrencyRangeProps extends InputWrapperBaseProps {
+    fromCents?: Cents;
+    toCents?: Cents;
+    onChange: (from: {
+        cents: Cents;
+        formatted: string;
+    }, to: {
+        cents: Cents;
+        formatted: string;
+    }, currency: Uppercase<CurrencyCode>) => void;
+    placeholders?: [string, string];
+    currencyList: Array<Uppercase<CurrencyCode>>;
+    defaultCurrency?: Uppercase<CurrencyCode>;
+    className?: string;
+}
+declare function InputCurrencyRange({ fromCents, toCents, placeholders, onChange, label, hint, currencyList, defaultCurrency, className, feedback }: InputCurrencyRangeProps): JSX.Element;
+declare namespace InputCurrencyRange {
+    var displayName: string;
+}
+export { InputCurrencyRange };

package/dist/ui/forms/InputRadioGroup.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+export interface OptionItem {
+    /**
+     * Item identifier, must be unique and will be used for the onChange callback
+     */
+    value: string;
+    /**
+     * Item content to be displayed in the central section of the row
+     */
+    content: ReactNode;
+}
+export interface InputRadioGroupProps {
+    /**
+     * Input name, will be used to set the html name for all radios
+     */
+    name: string;
+    /**
+     * List of options to render as radio
+     */
+    options: OptionItem[];
+    /**
+     * Default value
+     */
+    defaultValue?: string;
+    /**
+     * Callback triggered when the user update the selection
+     */
+    onChange?: (selected: string | undefined) => void;
+    /**
+     * Show input element
+     */
+    showInput?: boolean;
+    /**
+     * Define the `flex-direction`
+     * @default 'column'
+     */
+    direction?: 'column' | 'row';
+}
+declare function InputRadioGroup({ name, options, defaultValue, onChange, showInput, direction }: InputRadioGroupProps): JSX.Element;
+declare namespace InputRadioGroup {
+    var displayName: string;
+}
+export { InputRadioGroup };

package/dist/ui/forms/InputSpinner.d.ts

@@ -4,6 +4,15 @@ export interface InputSpinnerProps extends InputWrapperBaseProps, Omit<React.Inp
     max?: number;
     defaultValue?: number;
     onChange: (value: number) => void;
+    /**
+     * When true the input will not be editable by keyboard, but quantity can be changed only via buttons.
+     * Plus keyboard will not be displayed on mobile devices and the input will not be tabbable/focusable, but only the buttons will be.
+     */
+    disableKeyboard?: boolean;
+    /**
+     * Makes the entire component disabled, quantity cannot be changed in any way
+     */
+    disabled?: boolean;
 }
 declare const InputSpinner: import("react").ForwardRefExoticComponent<InputSpinnerProps & import("react").RefAttributes<HTMLInputElement>>;
 export { InputSpinner };

package/dist/ui/forms/RadioButtons.d.ts

@@ -13,5 +13,7 @@ export interface RadioButtonsProps extends InputWrapperBaseProps {
     className?: string;
     onBlur?: InputHTMLAttributes<HTMLInputElement>['onBlur'];
 }
-declare const RadioButtons: import("react").ForwardRefExoticComponent<RadioButtonsProps & import("react").RefAttributes<HTMLInputElement>>;
-export { RadioButtons };
+/**
+ * @deprecated
+ */
+export declare const RadioButtons: import("react").ForwardRefExoticComponent<RadioButtonsProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/ui/internals/InputWrapper.d.ts

@@ -23,7 +23,7 @@ export interface InputWrapperProps extends InputWrapperBaseProps {
      */
     className?: string;
     name?: string;
-    children: JSX.Element | JSX.Element[];
+    children: React.ReactNode;
 }
 declare function InputWrapper({ label, children, className, hint, feedback, name, ...rest }: InputWrapperProps): JSX.Element;
 declare namespace InputWrapper {

package/dist/ui/lists/ListItem.d.ts

@@ -7,11 +7,19 @@ type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
      */
     icon?: JSX.Element;
     /**
-     * Specify `none` to remove side gutter
+     * Icon alignment
+     * @default 'top'
      */
-    gutter?: 'none';
+    alignIcon?: 'top' | 'center' | 'bottom';
+    /**
+     * Control the horizontal padding (`x`) or vertical padding (`y`).
+     * You can specify `none` to remove the padding.
+     * @default 'xy'
+     */
+    padding?: 'xy' | 'x' | 'y' | 'none';
     /**
      * Border style to render
+     * @default 'solid'
      */
     borderStyle?: 'dashed' | 'solid' | 'none';
 };

package/dist/utils/tracking.d.ts

@@ -9,10 +9,10 @@ export declare function getShipmentRate(shipment: Shipment): Rate | undefined;
  */
 export declare function hasSingleTracking(shipment: Shipment): boolean;
 /**
- * Check whether the `shipment` has tracking information or not.
+ * Check whether the `shipment` has been purchased.
  * @param shipment Shipment
  */
-export declare function hasTracking(shipment: Shipment): boolean;
+export declare function hasBeenPurchased(shipment: Shipment): boolean;
 /**
  * @docs https://www.easypost.com/docs/api#tracking-detail-object
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "type": "module",
   "files": [
     "dist"