@connectif/ui-components 0.0.1 → 0.0.2

package/dist/src/components/typography/Typography.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { TypographyProps as MuiTypographyProps } from '@mui/material';
-import { TypographyVariant } from '../../theme/Typography';
-export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'children' | 'id' | 'className' | 'onMouseEnter' | 'onMouseLeave'> & {
-    variant?: TypographyVariant;
-    /**
-     * Color of the text.
-     */
-    color?: string;
-    /**
-     * Whether the text is italic or not.
-     */
-    italic?: boolean;
-    /**
-     * The component to be used to render the text.
-     * By default, it is a `span` element.
-     */
-    component?: React.ElementType;
-};
-/**
- * A component that displays text.
- */
-declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "children" | "sx" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
-    variant?: TypographyVariant | undefined;
-    /**
-     * Color of the text.
-     */
-    color?: string | undefined;
-    /**
-     * Whether the text is italic or not.
-     */
-    italic?: boolean | undefined;
-    /**
-     * The component to be used to render the text.
-     * By default, it is a `span` element.
-     */
-    component?: React.ElementType<any> | undefined;
-} & React.RefAttributes<unknown>>;
-export default Typography;

package/dist/src/components/typography/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Typography, TypographyProps } from './Typography';
-export { default as TextMarker, TextMarkerProps } from './TextMarker';

package/dist/src/components/widget/Widget.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export type WidgetProps = React.PropsWithChildren<Record<never, never>>;
-/**
- * Container for a widget.
- */
-declare const Widget: ({ children }: WidgetProps) => JSX.Element;
-export default Widget;

package/dist/src/components/widget/WidgetActions.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export type WidgetActionsProps = React.PropsWithChildren<Record<never, never>>;
-/**
- * A component to display actions inside a Widget.
- * It should be placed at the bottom of the Widget.
- */
-declare const WidgetActions: ({ children }: WidgetActionsProps) => JSX.Element;
-export default WidgetActions;

package/dist/src/components/widget/WidgetLegendItem.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-import { IconId } from '../icon/Icon';
-import { IncrementLabelType } from '../../propTypes/IncrementLabel';
-export type WidgetLegendItemProps = {
-    /**
-     * The label to display at the top of the group of items
-     */
-    groupLabel?: string;
-    /**
-     * The direction to display the group of items
-     */
-    legendDirection?: 'column' | 'row';
-    /**
-     * The items to display in this WidgetLegendItem. It could be more than one.
-     */
-    items: {
-        /**
-         * The main label to display for this item
-         */
-        label?: string;
-        /**
-         * Color used for texts (except for increment)
-         */
-        color?: string;
-        /**
-         * The icon to display
-         * The color of the dot
-         */
-        iconId?: IconId;
-        /**
-         * The color of the icon
-         */
-        iconColor: string;
-        /**
-         * The icon size
-         */
-        iconSize?: 'XS' | 'S' | 'M' | 'L' | 'XL';
-        /**
-         * The primary value as text for this item
-         */
-        value?: string;
-        /**
-         * The increment value as text for this item
-         */
-        incrementLabelValue?: string;
-        /**
-         * The format used to represent the increment part of this item
-         */
-        incrementLabelType?: IncrementLabelType;
-        /**
-         * Add styles to each legend item
-         */
-        style?: SxProps;
-    }[];
-    /**
-     * Optional callback to be called when the legend item is clicked
-     */
-    onClick?: () => void;
-};
-/**
- * Represent a legend item for any widget chart series or data.
- */
-declare const WidgetLegendItem: ({ groupLabel, legendDirection, items, onClick }: WidgetLegendItemProps) => JSX.Element;
-export default WidgetLegendItem;

package/dist/src/components/widget/WidgetTitle.d.ts

@@ -1,23 +0,0 @@
-import { SxProps } from '@mui/material/styles';
-import * as React from 'react';
-export type WidgetTitleProps = {
-    /**
-     * The `SxProps` can be either object or function
-     */
-    sx?: SxProps;
-    /**
-     * The title to display.
-     */
-    children: React.ReactNode;
-    /**
-     * Sets if the title can be multiline or single line.
-     * @variation false sets the title to be displayed on a single line, using ellipsis if necessary.
-     * @variation true sets the title to be displayed on multiple lines if necessary.
-     */
-    multiline?: boolean;
-};
-/**
- * A component that displays a title inside a Widget.
- */
-declare const WidgetTitle: ({ children, sx, multiline }: WidgetTitleProps) => JSX.Element;
-export default WidgetTitle;

package/dist/src/components/widget/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Widget, WidgetProps } from './Widget';
-export { default as WidgetActions, WidgetActionsProps } from './WidgetActions';
-export { default as WidgetLegendItem, WidgetLegendItemProps } from './WidgetLegendItem';
-export { default as WidgetTitle, WidgetTitleProps } from './WidgetTitle';

package/dist/src/components/window/MinimizableWindow.d.ts

@@ -1,98 +0,0 @@
-import * as React from 'react';
-import { StackProps } from '@mui/material';
-declare const sizes: {
-    M: number;
-    L: number;
-};
-export type MinimizableWindowProps = React.PropsWithChildren<{
-    /**
-     * The title of the MinimizableWindow
-     */
-    title: string | React.ReactNode;
-    size?: keyof typeof sizes;
-    /**
-     * If true, the MinimizableWindow is open.
-     */
-    open: boolean;
-    closeable?: boolean;
-    /**
-     * Window should display the back button. Default `false`.
-     * If `true`, the `onBack` prop must be provided.
-     */
-    showBackButton?: boolean;
-    /**
-     * Coords to the element to minimize window
-     */
-    targetElement: {
-        x: number;
-        y: number;
-    };
-    /**
-     * The height of the content of the window.
-     */
-    contentHeight?: number;
-    /**
-     * Callback fired when the component requests to be minimized.
-     */
-    onMinimize: () => void;
-    /**
-     * Callback fired when the component requests to be closed.
-     */
-    onClose?: () => void;
-    /**
-     * Callback fired when the component requests to go back.
-     */
-    onBack?: () => void;
-} & Pick<StackProps, 'sx'>>;
-/**
- * A component that displays a window with a title, a minimize button, and a close button.
- * The window can be minimized and closed.
- * The window can have a back button.
- * The ref object exposes the window and header elements.
- */
-declare const MinimizableWindow: React.ForwardRefExoticComponent<{
-    /**
-     * The title of the MinimizableWindow
-     */
-    title: string | React.ReactNode;
-    size?: "M" | "L" | undefined;
-    /**
-     * If true, the MinimizableWindow is open.
-     */
-    open: boolean;
-    closeable?: boolean | undefined;
-    /**
-     * Window should display the back button. Default `false`.
-     * If `true`, the `onBack` prop must be provided.
-     */
-    showBackButton?: boolean | undefined;
-    /**
-     * Coords to the element to minimize window
-     */
-    targetElement: {
-        x: number;
-        y: number;
-    };
-    /**
-     * The height of the content of the window.
-     */
-    contentHeight?: number | undefined;
-    /**
-     * Callback fired when the component requests to be minimized.
-     */
-    onMinimize: () => void;
-    /**
-     * Callback fired when the component requests to be closed.
-     */
-    onClose?: (() => void) | undefined;
-    /**
-     * Callback fired when the component requests to go back.
-     */
-    onBack?: (() => void) | undefined;
-} & Pick<StackProps, "sx"> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<{
-    window: HTMLDivElement | null;
-    header: HTMLDivElement | null;
-}>>;
-export default MinimizableWindow;

package/dist/src/components/window/index.d.ts

@@ -1 +0,0 @@
-export { default as MinimizableWindow, MinimizableWindowProps } from './MinimizableWindow';

package/dist/src/contexts/IntlContext.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type IntlContextValue = {
-    locale: string;
-    timezone: string;
-    currency: string;
-};
-export declare const IntlContext: import("react").Context<IntlContextValue>;

package/dist/src/contexts/index.d.ts

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

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

@@ -1,3 +0,0 @@
-export * from './useDebouncedCallback';
-export * from './useFormatters';
-export * from './useResizeObserver';

package/dist/src/hooks/useDebouncedCallback.d.ts

@@ -1 +0,0 @@
-export declare function useDebouncedCallback<A extends unknown[]>(callback: (...args: A) => void, wait: number): (...args: A) => void;

package/dist/src/hooks/useFormatters.d.ts

@@ -1,8 +0,0 @@
-import { DateTimeFormat } from '../utils/DateUtils';
-export declare const useFormatters: () => {
-    formatCompactNumber: (value: number) => string;
-    formatNumber: (value: number, fractionSize?: number | undefined) => string;
-    formatPercentage: (value: number, fractionSize?: 0 | 1 | 2 | 3) => string;
-    formatCurrency: (value: number, notation?: 'compact') => string;
-    formatDate: (date: Date, format?: DateTimeFormat) => string;
-};

package/dist/src/hooks/useResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare function useResizeObserver<T extends HTMLElement>(): readonly [import("react").RefObject<T>, {
-    readonly width: number;
-    readonly height: number;
-    readonly contentWidth: number;
-    readonly contentHeight: number;
-}];

package/dist/src/i18n/TranslationKey.d.ts

@@ -1,11 +0,0 @@
-import { es } from './es';
-export type Translation = typeof es;
-type TranslationRecord = {
-    [p: string]: string | TranslationRecord;
-};
-type SubKeys<T extends TranslationRecord, K extends keyof T> = T[K] extends string ? K : T[K] extends TranslationRecord ? `${string & K}.${string & InnerKeys<T[K]>}` : never;
-type InnerKeys<T extends TranslationRecord> = keyof {
-    [K in keyof T as SubKeys<T, K>]: null;
-};
-export type TranslationKey = InnerKeys<Translation>;
-export {};

package/dist/src/i18n/en.d.ts

@@ -1,202 +0,0 @@
-export declare const en: {
-    MINIMIZABLE_WINDOW: {
-        CLOSE: string;
-        GO_BACK: string;
-        MINIMIZE: string;
-    };
-    IMAGE_EDITOR: {
-        ACTUAL_SIZE: string;
-        ADD_IMAGE: string;
-        ADD_IMAGE_TITLE: string;
-        ADD_TEXT_WATERMARK: string;
-        ADD_WATERMARK: string;
-        ADD_WATERMARK_AS_TEXT: string;
-        ADD_WATERMARK_TITLE: string;
-        ADJUST_TAB: string;
-        ANNOTATE_TAB_LABEL: string;
-        APPLY: string;
-        ARE_NOT_IMAGES: string;
-        ARROW_TOOL: string;
-        BACK: string;
-        BLUR: string;
-        BLUR_TOOL: string;
-        BRIGHTNESS: string;
-        BRIGHTNESS_TOOL: string;
-        CANCEL: string;
-        CHANGES_LOSE_WARNING_HINT: string;
-        CINEMASCOPE: string;
-        CLASSIC_TV: string;
-        CONFIRM: string;
-        CONTRAST_TOOL: string;
-        CORNER_RADIUS: string;
-        CROP_ITEM_NO_EFFECT: string;
-        CROP_SIZE_LOWER_THAN_RESIZED_WARNING: string;
-        CROP_TOOL: string;
-        CUSTOM: string;
-        DISCARD_CHANGES: string;
-        DISCARD_CHANGES_WARNING_HINT: string;
-        DOWNLOAD: string;
-        ELLIPSE: string;
-        ELLIPSE_TOOL: string;
-        EXTENSION: string;
-        FILTERS_TAB: string;
-        FINETUNE_TAB: string;
-        FIT_SIZE: string;
-        FLIP_X: string;
-        FLIP_Y: string;
-        FONT_FAMILY: string;
-        FORMAT: string;
-        FROM_GALLERY: string;
-        HEIGHT: string;
-        HORIZONTAL: string;
-        HSV_TOOL: string;
-        HUE: string;
-        IMAGE_DIMENSIONS_HOVER_TITLE: string;
-        IMAGE_NAME: string;
-        IMAGE_TOOL: string;
-        IMPORTING: string;
-        INTERNAL_EDITOR_ERROR: string;
-        INVALID_IMAGE_ERROR: string;
-        IS_NOT_IMAGE: string;
-        LANDSCAPE: string;
-        LETTER_SPACING: string;
-        LINE_HEIGHT: string;
-        LINE_TOOL: string;
-        LOADING: string;
-        MUTUALIZED_FAILED_TO_LOAD_IMG: string;
-        NAME: string;
-        NAME_IS_REQUIRED: string;
-        OPACITY: string;
-        ORIGINAL: string;
-        PADDING: string;
-        PADDINGS: string;
-        PEN_TOOL: string;
-        PLUS: string;
-        POLYGON_TOOL: string;
-        PORTRAIT: string;
-        POSITION: string;
-        QUALITY: string;
-        RECTANGLE_TOOL: string;
-        REDO_TITLE: string;
-        RESET_OPERATIONS: string;
-        RESET_SIZE: string;
-        RESIZE: string;
-        RESIZE_HEIGHT_TITLE: string;
-        RESIZE_TAB: string;
-        RESIZE_WIDTH_TITLE: string;
-        ROTATE_TOOL: string;
-        SATURATION: string;
-        SAVE: string;
-        SAVE_AS: string;
-        SAVE_AS_MODAL_TITLE: string;
-        SHADOW: string;
-        SHOW_IMAGE_TITLE: string;
-        SIDES: string;
-        SIZE: string;
-        SQUARE: string;
-        STROKE: string;
-        TABS_MENU: string;
-        TEXT_ALIGNMENT: string;
-        TEXT_SPACINGS: string;
-        TEXT_TOOL: string;
-        TOGGLE_RATIO_LOCK_TITLE: string;
-        TOGGLE_ZOOM_MENU_TITLE: string;
-        TO_BE_UPLOADED: string;
-        TRANSPARENCY: string;
-        UNDO_TITLE: string;
-        UN_FLIP_X: string;
-        UN_FLIP_Y: string;
-        UPLOAD_IMAGE: string;
-        UPLOAD_IMAGE_ERROR: string;
-        UPLOAD_WATERMARK: string;
-        VALUE: string;
-        VERTICAL: string;
-        WARMTH_TOOL: string;
-        WARNING: string;
-        WATERMARK_TAB: string;
-        WIDTH: string;
-        ZOOM_IN_TITLE: string;
-        ZOOM_OUT_TITLE: string;
-    };
-    COPIED: string;
-    COPY: string;
-    CONFIRMATION_DIALOG: {
-        ACCEPT: string;
-        CANCEL: string;
-    };
-    PAGER: {
-        OF: string;
-        PAGE: string;
-        ROWS_PER_PAGE: string;
-    };
-    AUTOCOMPLETE: {
-        ADD_NEW_VALUE: string;
-        CLEAR: string;
-        COLLAPSE: string;
-        EXPAND: string;
-        LOADING: string;
-        MAX_VALUES: string;
-        NO_OPTIONS: string;
-    };
-    CATEGORIZED_PICKER: {
-        NO_OPTIONS: string;
-        NO_RESULTS: string;
-        SEARCH_PLACEHOLDER: string;
-    };
-    CODE_EDITOR: {
-        PLACEHOLDER: string;
-    };
-    COLOR_PICKER: {
-        VALUE_NOT_DEFINED: string;
-    };
-    DATE_COMPONENTS: {
-        DAY_LETTER: string;
-        MONTH_LETTER: string;
-        YEAR_LETTER: string;
-    };
-    DATE_INTERVAL_PICKER: {
-        APPLY: string;
-        CANCEL: string;
-        COMPARE: string;
-        COMPARE_WITH: string;
-        COMPARISON_INTERVALS: {
-            CUSTOM: string;
-            PREVIOUS_PERIOD: string;
-            SAME_PERIOD_LAST_YEAR: string;
-        };
-        DATE_INTERVALS: {
-            ALL_TIME: string;
-            CUSTOM: string;
-            LAST_12_MONTHS: string;
-            LAST_30_DAYS: string;
-            LAST_7_DAYS: string;
-            LAST_90_DAYS: string;
-            THIS_MONTH: string;
-            THIS_WEEK_FROM_MONDAY: string;
-            THIS_WEEK_FROM_SUNDAY: string;
-            THIS_YEAR: string;
-            TODAY: string;
-            YESTERDAY: string;
-        };
-        END_DATE: string;
-        START_DATE: string;
-        TO: string;
-    };
-    SELECT_POPOVER: {
-        APPLY: string;
-        CANCEL: string;
-        DELETED: string;
-        MAX_SELECTED_ITEMS: string;
-        SEARCH_PLACEHOLDER: string;
-    };
-    TEXT_EDITOR: {
-        INITIAL_VALUE: string;
-        MORE_OPTIONS: string;
-        SOURCE_CODE: {
-            CLOSE_PREVIEW: string;
-            COPY_TO_CLIPBOARD: string;
-            TITLE: string;
-            VALIDATION_ERRORS_FOUND: string;
-        };
-    };
-};