@up42/up-components 4.4.0 → 4.6.0

package/dist/cjs/types/components/CodeSnippet/Pre.d.ts

@@ -1,2 +1,8 @@
 /// <reference types="react" />
-export declare const Pre: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;
+import { SxProps, Theme } from '@mui/material';
+import { StyledComponent } from '@emotion/styled';
+export declare const Pre: StyledComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    sx: SxProps<Theme>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>;

package/dist/cjs/types/components/DataGrid/DataGrid.d.ts

@@ -1,5 +1,5 @@
 import { DataGridPremiumProps as MuiDataGridProps } from '@mui/x-data-grid-premium';
-export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowParams, type GridRowSelectionModel, type GridRowsProp, type GridSortModel, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
+export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowParams, type GridRowSelectionModel, type GridRowsProp, type GridSortModel, type GridTreeNodeWithRender, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
 import React from 'react';
 import { MUIGlobalOmit } from '@global/utils/types';
 export type DataGridProps = MUIGlobalOmit<MuiDataGridProps>;

package/dist/cjs/types/components/FormCheckbox/FormCheckbox.d.ts

@@ -10,11 +10,4 @@ export type FormCheckboxProps = FormBaseProps & CheckboxProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").CheckboxProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    data: {
-        value: string | number;
-        label?: React.ReactNode;
-    }[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<FormCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/types/components/FormInput/FormInput.d.ts

@@ -5,6 +5,4 @@ export type FormInputProps = FormBaseProps & InputProps;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormInput: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & InputProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormInput: React.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/types/components/FormRadio/FormRadio.d.ts

@@ -13,13 +13,4 @@ export type FormRadioProps = FormBaseProps & RadioGroupProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormRadio: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & RadioGroupProps & {
-    inputRef?: RadioProps['inputRef'];
-    data: {
-        value: string | number;
-        label?: string;
-        message?: string;
-    }[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormRadio: React.ForwardRefExoticComponent<Omit<FormRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/types/components/FormSelect/FormSelect.d.ts

@@ -11,11 +11,5 @@ export type FormSelectProps = FormBaseProps & SelectProps<string | number> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormSelect: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").SelectProps<string | number>, "variant"> & {
-    withBorder?: boolean | undefined;
-} & {
-    options: Option[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormSelect: React.ForwardRefExoticComponent<Omit<FormSelectProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/cjs/types/components/FormSwitch/FormSwitch.d.ts

@@ -8,8 +8,4 @@ export declare const BaseFormSwitch: ({ component, disabled, label, error, formC
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormSwitch: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").SwitchProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    formControlLabel?: string | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormSwitch: React.ForwardRefExoticComponent<Omit<FormSwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/types/components/Logo/Logo.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export type LogoProps = {
+    variant?: 'dark' | 'light';
+    /**
+     * use isKSA to toggle between KSA and INT logo versions
+     */
+    isKSA?: boolean;
+    size?: 'small' | 'medium';
+} & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox' | 'fontSize'>;
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-logos--docs
+ */
+export declare function Logo({ variant, isKSA, size, sx, ...props }: LogoProps): React.JSX.Element;

package/dist/cjs/types/global/logos/index.d.ts

@@ -0,0 +1,4 @@
+export { default as INTDark } from './int-dark.svg';
+export { default as INTLight } from './int-light.svg';
+export { default as KSADark } from './ksa-dark.svg';
+export { default as KSALight } from './ksa-light.svg';

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

@@ -40,6 +40,7 @@ export { NotFound, type NotFoundProps } from './components/NotFound/NotFound';
 export { Loading, type LoadingProps } from './components/Loading/Loading';
 export { Icon, type IconProps } from './components/Icon/Icon';
 export { Illustration, type IllustrationProps } from './components/Illustration/Illustration';
+export { Logo, type LogoProps } from './components/Logo/Logo';
 export { Badge, type BadgeProps } from './components/Badge/Badge';
 export { Tag, type TagProps } from './components/Tag/Tag';
 export { DateTime, type DateTimeProps } from './components/DateTime/DateTime';