@ovh-ux/manager-pci-common 0.11.1

package/dist/types/components/flavor-selector/FlavorTile.component.d.ts

@@ -0,0 +1,32 @@
+export interface FlavorDiskType {
+    number: number;
+    capacity: number;
+    sizeUnit: string;
+    technology: string;
+}
+export interface FlavorTileProps {
+    flavorName: string;
+    flavorSpecs: {
+        ram: number;
+        vcores: number;
+        frequency: number;
+        disk: FlavorDiskType[];
+        nvme: FlavorDiskType[];
+        bandwidth: number;
+        gpuNumber: number;
+        gpuModel: string;
+    };
+    flavorCompatibility: {
+        localzone: boolean;
+        globalzone: boolean;
+    };
+    flavorPrice: {
+        hourly: number;
+        monthly?: number;
+    };
+    isNewFlavor: boolean;
+    isSelected: boolean;
+    hasEnoughQuota?: boolean;
+    onClick: () => void;
+}
+export declare function FlavorTile({ flavorName, flavorSpecs, flavorCompatibility, flavorPrice, isNewFlavor, isSelected, hasEnoughQuota, onClick, }: Readonly<FlavorTileProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/flavor-selector/index.d.ts

@@ -0,0 +1 @@
+export * from './FlavorSelector.component';

package/dist/types/components/logs/BlinkingCursor.component.d.ts

@@ -0,0 +1 @@
+export declare function BlinkingCursor(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/DbaasLogsAccountSelector.component.d.ts

@@ -0,0 +1,6 @@
+import { TDbaasLog } from '../../api/data/dbaas-logs';
+export interface DbaasLogsAccountSelectorProps {
+    account: TDbaasLog;
+    onAccountChange: (account: TDbaasLog) => void;
+}
+export declare function DbaasLogsAccountSelector({ account, onAccountChange, }: Readonly<DbaasLogsAccountSelectorProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/LogHowTo.component.d.ts

@@ -0,0 +1,4 @@
+export interface LogHowToProps {
+    onGotoStreams: () => void;
+}
+export declare function LogHowTo({ onGotoStreams }: Readonly<LogHowToProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/LogProvider.component.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface LogProviderProps {
+    logsApiURL: string;
+    logsKeys: string[];
+    logsKind: string;
+    logsGuideURL?: string;
+    logsTracking?: {
+        graylogWatch?: string;
+        ldpDetails?: string;
+        subscribe?: string;
+        unsubscribe?: string;
+        createAccount?: string;
+        createDataStream?: string;
+        transfer?: string;
+    };
+}
+export declare const LogContext: React.Context<LogProviderProps>;
+export declare function LogProvider({ logsApiURL, logsKeys, logsKind, logsGuideURL, children, }: React.PropsWithChildren<LogProviderProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/LogTileUnsubscribeAction.component.d.ts

@@ -0,0 +1,7 @@
+import { ApiError } from '@ovh-ux/manager-core-api';
+export interface LogTileUnsubscribeActionProps {
+    subscriptionId: string;
+    onSuccess: () => void;
+    onError: (err: ApiError) => void;
+}
+export declare function LogTileUnsubscribeAction({ subscriptionId, onSuccess, onError, }: Readonly<LogTileUnsubscribeActionProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/LogTiles.component.d.ts

@@ -0,0 +1,4 @@
+export interface LogTilesProps {
+    onGotoStreams: () => void;
+}
+export declare function LogTiles({ onGotoStreams }: Readonly<LogTilesProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/LogsView.component.d.ts

@@ -0,0 +1,4 @@
+export interface LogsViewProps {
+    onGotoStreams: () => void;
+}
+export declare function LogsView({ onGotoStreams }: Readonly<LogsViewProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/StreamRetention.component.d.ts

@@ -0,0 +1,14 @@
+export interface StreamRetentionProps {
+    serviceName: string;
+    clusterId: string;
+    retentionId: string;
+}
+export declare const parseRetentionDuration: (duration?: string) => {
+    years: number;
+    months: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+export declare function StreamRetention({ serviceName, clusterId, retentionId, }: StreamRetentionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/StreamSubscriptions.component.d.ts

@@ -0,0 +1,7 @@
+export interface StreamSubscriptionsProps {
+    account: string;
+    serviceName: string;
+    streamId: string;
+    subscriptionCount: number;
+}
+export declare function StreamSubscriptions({ account, serviceName, streamId, subscriptionCount, }: Readonly<StreamSubscriptionsProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/StreamsList.component.d.ts

@@ -0,0 +1,6 @@
+import { TDbaasLog } from '../../api/data/dbaas-logs';
+export interface StreamListProps {
+    account: TDbaasLog;
+    serviceName: string;
+}
+export declare function StreamsList({ account, serviceName, }: Readonly<StreamListProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/TailLogs.component.d.ts

@@ -0,0 +1,5 @@
+export interface TailLogsProps {
+    isFullscreen?: boolean;
+    onToggleFullscreen: () => void;
+}
+export declare function TailLogs({ isFullscreen, onToggleFullscreen, }: Readonly<TailLogsProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/logs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DbaasLogsAccountSelector.component';
+export * from './LogProvider.component';
+export * from './LogTiles.component';
+export * from './LogsView.component';
+export * from './StreamsList.component';
+export * from './TailLogs.component';

package/dist/types/components/logs/useStreamsListColumns.d.ts

@@ -0,0 +1,10 @@
+import { TDbaasLog, TDbaasStream } from '../../api/data/dbaas-logs';
+export interface UseStreamsListColumnsProps {
+    account: TDbaasLog;
+    serviceName: string;
+}
+export declare const useStreamsListColumns: ({ account, serviceName, }: Readonly<UseStreamsListColumnsProps>) => {
+    id: string;
+    cell: (stream: TDbaasStream) => import("react/jsx-runtime").JSX.Element;
+    label: string;
+}[];

package/dist/types/components/modal/PciModal.component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type PciModalProps = {
+    children: React.ReactNode;
+    type?: 'warning' | 'default';
+    title: string;
+    isPending?: boolean;
+    isDisabled?: boolean;
+    cancelText?: string;
+    submitText?: string;
+    onConfirm: () => void;
+    onClose: () => void;
+    onCancel: () => void;
+};
+export declare function PciModal({ children, type, title, cancelText, submitText, isPending, isDisabled, onConfirm, onClose, onCancel, }: Readonly<PciModalProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/modal/PciModal.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/modal/deletion-modal/DeletionModal.component.d.ts

@@ -0,0 +1,6 @@
+import { PciModalProps } from '../PciModal.component';
+export type DeletionModalProps = PciModalProps & {
+    confirmationText?: string;
+    confirmationLabel?: string;
+};
+export declare function DeletionModal({ children, type, title, cancelText, submitText, isPending, onConfirm, onClose, onCancel, confirmationText, confirmationLabel, }: Readonly<DeletionModalProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/modal/deletion-modal/DeletionModal.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PciModal.component';
+export * from './deletion-modal/DeletionModal.component';

package/dist/types/components/quantity-selector/QuantitySelector.component.d.ts

@@ -0,0 +1,12 @@
+export interface QuantitySelectorProps {
+    label?: string;
+    labelHelpText?: string;
+    description?: string;
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    className?: string;
+    contentClassName?: string;
+}
+export declare function QuantitySelector({ label, labelHelpText, description, value, onValueChange, min, max, className, contentClassName, }: Readonly<QuantitySelectorProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/quantity-selector/QuantitySelector.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/quantity-selector/index.d.ts

@@ -0,0 +1 @@
+export * from './QuantitySelector.component';

package/dist/types/components/region-selector/RegionGlobalzoneChip.component.d.ts

@@ -0,0 +1 @@
+export declare function RegionGlobalzoneChip(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/region-selector/RegionGlobalzoneChip.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/region-selector/RegionList.component.d.ts

@@ -0,0 +1,8 @@
+import { TLocalisation } from './useRegions';
+export interface RegionListProps {
+    regions: TLocalisation[];
+    selectedRegion: TLocalisation;
+    onClick: (region: TLocalisation) => void;
+    render: (region: TLocalisation, isSelected: boolean) => JSX.Element | string;
+}
+export declare function RegionList({ regions, selectedRegion, onClick, render, }: RegionListProps): JSX.Element;

package/dist/types/components/region-selector/RegionList.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/region-selector/RegionLocalzoneChip.component.d.ts

@@ -0,0 +1 @@
+export declare function RegionLocalzoneChip(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/region-selector/RegionLocalzoneChip.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/region-selector/RegionSelector.component.d.ts

@@ -0,0 +1,8 @@
+import { TLocalisation } from './useRegions';
+export interface RegionSelectorProps {
+    projectId: string;
+    onSelectRegion: (region?: TLocalisation) => void;
+    regionFilter?: (region: TLocalisation) => boolean;
+    compactMode?: boolean;
+}
+export declare function RegionSelector({ projectId, onSelectRegion, regionFilter, compactMode, }: Readonly<RegionSelectorProps>): JSX.Element;

package/dist/types/components/region-selector/RegionSummary.component.d.ts

@@ -0,0 +1,5 @@
+import { TLocalisation } from './useRegions';
+export interface RegionSummaryProps {
+    region: TLocalisation;
+}
+export declare function RegionSummary({ region }: Readonly<RegionSummaryProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/region-selector/RegionSummary.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/region-selector/RegionTile.d.ts

@@ -0,0 +1,7 @@
+import { TLocalisation } from './useRegions';
+export interface RegionTileProps {
+    region: TLocalisation;
+    isSelected: boolean;
+    isCompact?: boolean;
+}
+export declare const RegionTile: ({ region, isSelected, isCompact, }: Readonly<RegionTileProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/region-selector/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const LOCAL_ZONE_INFO_URL: Record<string, string>;
+export declare const GLOBAL_REGIONS_INFO_URL: Record<string, string>;
+export declare const URL_INFO: {
+    GLOBAL_REGIONS: Record<string, string>;
+    LOCAL_ZONE: Record<string, string>;
+};

package/dist/types/components/region-selector/style.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const regionContainer = "grid gap-6 list-none p-6 m-0 grid-cols-1 md:grid-cols-3";
+export declare const regionTile = "cursor-pointer border-[--ods-color-blue-100] hover:bg-[--ods-color-blue-100] hover:border-[--ods-color-blue-600]";
+export declare const regionTileSelected = "font-bold bg-[--ods-color-blue-100] border-[--ods-color-blue-600]";

package/dist/types/components/region-selector/useRegionSelector.d.ts

@@ -0,0 +1,178 @@
+import { TLocalisation } from './useRegions';
+interface RegionSelectorProps {
+    projectId: string;
+    onSelectRegion: (region: TLocalisation) => void;
+    regionFilter?: (region: TLocalisation) => boolean;
+}
+export declare function useRegionSelector({ projectId, onSelectRegion, regionFilter, }: Readonly<RegionSelectorProps>): {
+    regions: TLocalisation[];
+    continents: import("./useRegions").TContinent[];
+    macroRegions: TLocalisation[];
+    microRegions: TLocalisation[];
+    selectContinent: import("react").Dispatch<any>;
+    selectMacroRegion: (region: TLocalisation) => void;
+    selectMicroRegion: (region: TLocalisation) => void;
+    selectedMacroRegion: any;
+    selectedMicroRegion: any;
+    data: import("./useRegions").ProjectLocalisation;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("./useRegions").ProjectLocalisation, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    regions: TLocalisation[];
+    continents: import("./useRegions").TContinent[];
+    macroRegions: TLocalisation[];
+    microRegions: TLocalisation[];
+    selectContinent: import("react").Dispatch<any>;
+    selectMacroRegion: (region: TLocalisation) => void;
+    selectMicroRegion: (region: TLocalisation) => void;
+    selectedMacroRegion: any;
+    selectedMicroRegion: any;
+    data: import("./useRegions").ProjectLocalisation;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("./useRegions").ProjectLocalisation, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    regions: TLocalisation[];
+    continents: import("./useRegions").TContinent[];
+    macroRegions: TLocalisation[];
+    microRegions: TLocalisation[];
+    selectContinent: import("react").Dispatch<any>;
+    selectMacroRegion: (region: TLocalisation) => void;
+    selectMicroRegion: (region: TLocalisation) => void;
+    selectedMacroRegion: any;
+    selectedMicroRegion: any;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("./useRegions").ProjectLocalisation, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    regions: TLocalisation[];
+    continents: import("./useRegions").TContinent[];
+    macroRegions: TLocalisation[];
+    microRegions: TLocalisation[];
+    selectContinent: import("react").Dispatch<any>;
+    selectMacroRegion: (region: TLocalisation) => void;
+    selectMicroRegion: (region: TLocalisation) => void;
+    selectedMacroRegion: any;
+    selectedMicroRegion: any;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("./useRegions").ProjectLocalisation, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    regions: TLocalisation[];
+    continents: import("./useRegions").TContinent[];
+    macroRegions: TLocalisation[];
+    microRegions: TLocalisation[];
+    selectContinent: import("react").Dispatch<any>;
+    selectMacroRegion: (region: TLocalisation) => void;
+    selectMicroRegion: (region: TLocalisation) => void;
+    selectedMacroRegion: any;
+    selectedMicroRegion: any;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("./useRegions").ProjectLocalisation, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+};
+export {};

package/dist/types/components/region-selector/useRegions.d.ts

@@ -0,0 +1,20 @@
+import { TRegion } from '../../api/data/regions';
+export declare const useProjectRegions: (projectId: string) => import("@tanstack/react-query").UseQueryResult<TRegion[], Error>;
+export interface TContinent {
+    id: string;
+    code: string;
+    name: string;
+}
+export type TLocalisation = TRegion & {
+    isMacro: boolean;
+    isLocalZone: boolean;
+    macro: string;
+    continentLabel: string;
+    macroLabel: string;
+    microLabel: string;
+};
+export interface ProjectLocalisation {
+    regions: TLocalisation[];
+    continents: TContinent[];
+}
+export declare const useProjectLocalisation: (projectId: string) => import("@tanstack/react-query").UseQueryResult<ProjectLocalisation, Error>;

package/dist/types/components/shape-input/ShapeInput.component.d.ts

@@ -0,0 +1,69 @@
+export type TShapesInputProps<T> = {
+    items?: T[];
+    value?: T;
+    onInput?: (value: T) => void;
+    columnsCount?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    item?: {
+        LabelComponent?: ({ item, isItemSelected, isMobile, }: {
+            item: T;
+            isItemSelected: boolean;
+            isMobile: boolean;
+        }) => JSX.Element;
+        getId?: (item: T) => string;
+        isDisabled?: (item: T) => boolean;
+    };
+    stack?: {
+        by: (item: T) => string;
+        LabelComponent?: ({ stackKey, isStackSelected, stackItems, isMobile, }: {
+            stackKey: string;
+            isStackSelected: boolean;
+            stackItems: T[];
+            isMobile: boolean;
+        }) => JSX.Element;
+        TitleComponent?: ({ stackKey, stackItems, isMobile, }: {
+            stackKey?: string;
+            stackItems?: T[];
+            isMobile: boolean;
+        }) => JSX.Element;
+    };
+    group?: {
+        by: (item: T) => string;
+        LabelComponent?: ({ groupName, isGroupSelected, groupItems, isMobile, }: {
+            groupName: string;
+            isGroupSelected: boolean;
+            groupItems: T[];
+            isMobile: boolean;
+        }) => JSX.Element;
+    };
+    isMobile?: boolean;
+    className?: string;
+};
+/**
+ * ShapesInputComponent
+ * An input component that allows the user to select an item from a list of items
+ * It's like a select, but items are displayed as shapes/tiles
+ * shapes can be grouped and stacked based on a common function value(common value), thus we can have group of inputs and stack of inputs
+ * The component is generic, meaning the items can be of any type
+ * @param items {Array} list of items to be displayed, default is an empty array
+ * @param value {Any} the selected item, default is undefined
+ * @param onInput {function} callback function to be called when the selected item changes,is optional
+ * @param columnsCount number of columns to display the items in,range from 1 to 12, default is 3
+ * @param item an optional object that contains the following properties:
+ * - LabelComponent: a component that will be used to display the item, is optional, a default component will be used if not provided
+ * - getId: a function that returns a unique id for the item, is optional, the index of the item will be used if not provided
+ * - isDisabled: a function that returns a boolean indicating if the item is disabled, is optional
+ * @param stack an optional object that contains the following properties:
+ * - by: a function that returns a common value for a group of items
+ * - LabelComponent: a component that will be used to display the stack, is optional, a default component will be used if not provided
+ * - TitleComponent: a component that will be used to display the title of the stack, is optional, a default component will be used if not provided
+ * If the stack is not provided, the items will be displayed as single items
+ * @param group an object that contains the following properties:
+ * - by: a function that returns a common value for a group of items
+ * - LabelComponent: a component that will be used to display the group, is optional, a default component will be used if not provided
+ * If the group is not provided, the items will be displayed as a single group
+ * @param className additional classes to be added to the component
+ * @param isMobile boolean indicating if the component is being displayed on a mobile device, default is false
+ * @param props additional props to be passed to the component
+ * @constructor Creates a ShapesInputComponent
+ */
+export declare const ShapesInputComponent: <T>({ items, value, onInput, columnsCount, item, stack, group, className, isMobile, ...props }: Readonly<TShapesInputProps<T>>) => JSX.Element;

package/dist/types/components/shape-input/constants.d.ts

@@ -0,0 +1 @@
+export declare const GHOST_BUTTON_CLASS = "appearance-none bg-transparent border-0 cursor-pointer text-left";

package/dist/types/components/shape-input/default-components/default-shape.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare const DefaultShapeComponent: ({ isSelected, isDisabled, action, children, }: {
+    isSelected: boolean;
+    isDisabled: boolean;
+    action: () => void;
+    children: ReactNode | ReactNode[];
+}) => JSX.Element;

package/dist/types/components/shape-input/default-components/group-label.d.ts

@@ -0,0 +1,6 @@
+export declare const DefaultGroupLabelComponent: ({ groupName, isGroupSelected, groupItems, isMobile, }: {
+    groupName: string;
+    isGroupSelected: boolean;
+    groupItems: unknown[];
+    isMobile: boolean;
+}) => JSX.Element;

package/dist/types/components/shape-input/default-components/item-label.d.ts

@@ -0,0 +1,5 @@
+export declare const DefaultItemLabelComponent: ({ item, isItemSelected, isMobile, }: {
+    item: unknown;
+    isItemSelected: boolean;
+    isMobile: boolean;
+}) => JSX.Element;

package/dist/types/components/shape-input/default-components/stack-label.d.ts

@@ -0,0 +1,6 @@
+export declare const DefaultStackLabelComponent: ({ stackKey, isStackSelected, stackItems, isMobile, }: {
+    stackKey: string;
+    isStackSelected: boolean;
+    stackItems: unknown[];
+    isMobile: boolean;
+}) => JSX.Element;

package/dist/types/components/shape-input/default-components/stack-title.d.ts

@@ -0,0 +1,3 @@
+export declare const DefaultStackTitleComponent: ({ stackKey, }: {
+    stackKey: string;
+}) => JSX.Element;

package/dist/types/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './urls';

package/dist/types/constants/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const LOCAL_ZONE_INFO_URL: Record<string, string>;
+export declare const GLOBAL_REGIONS_INFO_URL: Record<string, string>;

package/dist/types/hooks/bytes/useBytes.d.ts

@@ -0,0 +1,3 @@
+export declare function useBytes(): {
+    formatBytes: (bytes: number, decimals?: number, format?: 1000 | 1024) => string | 0;
+};

package/dist/types/hooks/bytes/useBytes.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useBytes } from './bytes/useBytes';
+export { usePciUrl } from './url/usePciUrl';
+export { usePricing } from './usePricing';

package/dist/types/hooks/url/usePciUrl.d.ts

@@ -0,0 +1 @@
+export declare const usePciUrl: () => string;

package/dist/types/hooks/usePricing.d.ts

@@ -0,0 +1,25 @@
+import { TPricing } from '../api/data';
+export interface PriceFormattingOptions {
+    decimals?: number;
+    unit?: number;
+    intervalUnit?: TPricing['intervalUnit'];
+}
+/**
+ * Primary & secondary price parts depends on user region.
+ * ASIA, FRENCH : primary = price without tax, secondary = price + tax
+ * GERMAN : primary : price + tax, secondary = none
+ * US, OTHER : primary: price without tax
+ */
+export interface PriceDetails {
+    primary: string;
+    secondary?: string;
+    interval?: string;
+}
+/**
+ * Hook to facillitates price formatting coming from /order/catalog/public
+ */
+export declare function usePricing(): {
+    formatPrice: (price: number, options: PriceFormattingOptions) => string;
+    getPriceDetails: (pricing: TPricing, options?: Readonly<PriceFormattingOptions>) => PriceDetails;
+    getTextPrice: (pricing: TPricing, options?: Readonly<PriceFormattingOptions>) => string;
+};