@up42/up-components 6.1.0 → 7.0.0

package/dist/esm/types/components/EmptyState/EmptyState.d.ts

@@ -9,7 +9,7 @@ export type EmptyStateProps = MUIGlobalOmit<Omit<BoxProps, 'component'>, {
     /**
      * Helpful message that conveys the purpose of the screen and the next action to populate the space
      */
-    subTitle: string;
+    subTitle?: string;
     /**
      * An imported SVG icon component
      */

package/dist/esm/types/components/Illustration/Illustration.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SvgIconProps } from '@mui/material';
+import { BoxProps } from '@mui/material';
 import * as illustrations from '@global/illustrations';
 export type IllustrationProps = {
     name: keyof typeof illustrations;
-    size?: SvgIconProps['width'];
-} & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox' | 'fontSize'>;
+    size?: number;
+} & BoxProps;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-illustrations--docs
  * Illustrations: https://up-components.up42.com/?path=/docs/illustrations--docs

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -7,7 +7,16 @@ export interface PopoverButtonProps extends Omit<ButtonProps, 'onClick' | 'start
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
     startIcon?: IconProps['name'];
 }
-export type PopoverProps = Omit<MUIPopoverProps, 'open' | 'onClose'> & {
+export declare const POPOVER_SIZE: {
+    readonly extraSmall: "256px";
+    readonly small: "320px";
+    readonly medium: "512px";
+    readonly large: "768px";
+    readonly extraLarge: "1200px";
+    readonly auto: "auto";
+};
+export type PopoverSize = keyof typeof POPOVER_SIZE;
+export type PopoverProps = Omit<MUIPopoverProps, 'content' | 'open' | 'onClose'> & {
     /**
      * Opens the modal if true, closes it if false
      * This is optional for compatibility purposes
@@ -37,35 +46,30 @@ export type PopoverProps = Omit<MUIPopoverProps, 'open' | 'onClose'> & {
      * Primarily used to indicate that the anchor is the built in button icon.
      * @default false
      */
-    isIconAnchor?: boolean;
+    showControlButton?: boolean;
     /**
      * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
      */
-    icon?: IconProps['name'];
-    /**
-     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
-     */
-    iconButtonSx?: SxProps<Theme>;
+    controlButtonIcon?: IconProps['name'];
     /**
      * Whether to show dividers between sections
      * @default false
      */
-    hasDivider?: boolean;
+    showDividers?: boolean;
     /**
      * Whether to show a connector line between the popover and anchor
      * @default false
      */
-    hasConnector?: boolean;
+    showConnector?: boolean;
     /**
-     * Whether to show padding inside the content section(For backwards compatibility purposes)
-     * @default false
+     * Content to be displayed inside the popover, with padding applied by default
      */
-    hasContentPadding?: boolean;
+    content?: React.ReactElement;
     /**
-     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * Size of the popover
      * @default false
      */
-    hasDefaultWidth?: boolean;
+    size?: PopoverSize;
     /**
      * Custom styles for the popover
      */
@@ -77,7 +81,7 @@ export type PopoverProps = Omit<MUIPopoverProps, 'open' | 'onClose'> & {
  *
  * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
  */
-export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopoverProps, "open" | "onClose"> & {
+export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopoverProps, "content" | "open" | "onClose"> & {
     /**
      * Opens the modal if true, closes it if false
      * This is optional for compatibility purposes
@@ -107,35 +111,30 @@ export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopov
      * Primarily used to indicate that the anchor is the built in button icon.
      * @default false
      */
-    isIconAnchor?: boolean | undefined;
+    showControlButton?: boolean | undefined;
     /**
      * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
      */
-    icon?: "AccessTime" | "Add" | "AddCircleFilled" | "AddPlusCircle" | "AlarmBell" | "AlertCircleFilled" | "AlertTriangle" | "Angle" | "AppWindowCode" | "ArrowBack" | "ArrowBackIos" | "ArrowDownLeft" | "ArrowDownRight" | "ArrowDownward" | "ArrowForward" | "ArrowTopLeft" | "ArrowTopRight" | "ArrowUpward" | "Attachment" | "AutoStoriesOutlined" | "Balance" | "Bin" | "Block" | "Blocked" | "Boxes" | "BoxesGrid" | "Brightness1" | "Calendar" | "CalendarAdd" | "CalendarCheck" | "CalendarDate" | "CalendarEdit" | "CalendarRemove" | "CalendarSearchDate" | "CampaignOutlined" | "CaretCircleFilledDown" | "CaretCircleFilledLeft" | "CaretCircleFilledRight" | "CaretCircleFilledUp" | "Catalog" | "CheckCircle" | "CheckCircleFilled" | "CheckList" | "CheckMark" | "ChevronCircleFilledDown" | "ChevronCircleFilledLeft" | "ChevronCircleFilledRight" | "ChevronCircleFilledUp" | "Close" | "CloseCircle" | "CloseCircleFilled" | "Cloud" | "CloudCheck" | "CloudDownload" | "CloudOff" | "CloudRemove" | "CloudSearch" | "CloudSync" | "CloudUpload" | "CloudWarning" | "Coin" | "CoinEuro" | "Compass" | "ContactSupportOutlined" | "ContentCut" | "ContentPaste" | "Copy" | "Credit" | "Dashboard" | "DataTransferVertical" | "Delivery" | "DollarCoinCircleFilled" | "DottedLines" | "Download" | "DownloadCircle" | "EditPencil" | "EuroCoinCircleFilled" | "ExitLeaveBack" | "ExternalLink" | "EyeCircleFilled" | "FlagQuestion" | "FolderEmpty" | "Footprint" | "HeadphonesQuestion" | "Heart" | "HeartCircleFilled" | "Hyperlink" | "ImageResolution" | "Invoice" | "KeyboardArrowDown" | "KeyboardArrowLeft" | "KeyboardArrowRight" | "KeyboardArrowUp" | "Layers" | "Library" | "Lightbulb" | "LightbulbOutlined" | "LocalOfferOutlined" | "Lock" | "LockCircleFilled" | "LockShield" | "Logo" | "LogoKSA" | "Map" | "MapPin" | "MapSearch" | "Marketplace" | "MarketplaceExternal" | "MenuCircleFilledHorizontal" | "MenuCircleFilledVertical" | "MenuOpenHorizontal" | "MenuOpenVertical" | "MinusCircleFilled" | "Module" | "Module2" | "ModuleThree" | "MoreHoriz" | "MultipleUsers" | "NotificationError" | "NotificationInfo" | "NotificationSuccess" | "NotificationWarning" | "PenCircleFilled" | "Pencil" | "PercentCircle" | "Person" | "Pin" | "Polygon" | "Projects" | "QuestionBubble" | "QuestionCircle" | "QuestionCircleFilled" | "QuestionMark" | "Rectangle" | "RectangleAOI" | "Redo" | "Remove" | "Resolution" | "Satellite" | "Save" | "Scissors" | "Search" | "SelectedIndicator" | "SelectedIndicatorWide" | "ServerCheck" | "ServerDeny" | "ServerDownload" | "ServerEdit" | "ServerError" | "ServerLock" | "ServerMinus" | "ServerQuestion" | "ServerRefresh" | "ServerSearch" | "ServerSync" | "ServerUpload" | "ServerWarning" | "SettingsCog" | "SettingsCog2" | "SettingsSliderHorizontal" | "SettingsVertical" | "Share" | "ShareNetwork" | "Shield" | "ShieldWithLock" | "ShoppingCartCheck" | "ShoppingCartClose" | "ShoppingCartMinus" | "ShoppingCartOutlined" | "ShoppingCartPlus" | "Storage" | "Support" | "SupportClear" | "SupportHeadphones" | "System" | "Tag" | "TagAlert" | "TagCheck" | "TagDouble" | "TagEdit" | "TagMinus" | "TagPlus" | "TagSearch" | "TagX" | "Target" | "Transaction" | "TrashBin" | "Undo" | "Unlock" | "UpgradeShield" | "Upload" | "UploadCircle" | "User" | "VisibilityOffOutlined" | "VisibilityOutlined" | "WeatherCloud" | "Webhooks" | "Workflow" | "WorkflowPencil" | "ZoomIn" | "ZoomOut" | undefined;
-    /**
-     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
-     */
-    iconButtonSx?: SxProps<Theme> | undefined;
+    controlButtonIcon?: "AccessTime" | "Add" | "AddCircleFilled" | "AddPlusCircle" | "AlarmBell" | "AlertCircleFilled" | "AlertTriangle" | "Angle" | "AppWindowCode" | "ArrowBack" | "ArrowBackIos" | "ArrowDownLeft" | "ArrowDownRight" | "ArrowDownward" | "ArrowForward" | "ArrowTopLeft" | "ArrowTopRight" | "ArrowUpward" | "Attachment" | "AutoStoriesOutlined" | "Balance" | "Bin" | "Block" | "Blocked" | "Boxes" | "BoxesGrid" | "Brightness1" | "Calendar" | "CalendarAdd" | "CalendarCheck" | "CalendarDate" | "CalendarEdit" | "CalendarRemove" | "CalendarSearchDate" | "CampaignOutlined" | "CaretCircleFilledDown" | "CaretCircleFilledLeft" | "CaretCircleFilledRight" | "CaretCircleFilledUp" | "Catalog" | "CheckCircle" | "CheckCircleFilled" | "CheckList" | "CheckMark" | "ChevronCircleFilledDown" | "ChevronCircleFilledLeft" | "ChevronCircleFilledRight" | "ChevronCircleFilledUp" | "Close" | "CloseCircle" | "CloseCircleFilled" | "Cloud" | "CloudCheck" | "CloudDownload" | "CloudOff" | "CloudRemove" | "CloudSearch" | "CloudSync" | "CloudUpload" | "CloudWarning" | "Coin" | "CoinEuro" | "Compass" | "ContactSupportOutlined" | "ContentCut" | "ContentPaste" | "Copy" | "Credit" | "Dashboard" | "DataTransferVertical" | "Delivery" | "DollarCoinCircleFilled" | "DottedLines" | "Download" | "DownloadCircle" | "EditPencil" | "EuroCoinCircleFilled" | "ExitLeaveBack" | "ExternalLink" | "EyeCircleFilled" | "FlagQuestion" | "FolderEmpty" | "Footprint" | "HeadphonesQuestion" | "Heart" | "HeartCircleFilled" | "Hyperlink" | "ImageResolution" | "Invoice" | "KeyboardArrowDown" | "KeyboardArrowLeft" | "KeyboardArrowRight" | "KeyboardArrowUp" | "Layers" | "Library" | "Lightbulb" | "LightbulbOutlined" | "LocalOfferOutlined" | "Lock" | "LockCircleFilled" | "LockShield" | "Logo" | "LogoKSA" | "Map" | "MapPin" | "MapSearch" | "Marketplace" | "MarketplaceExternal" | "MenuCircleFilledHorizontal" | "MenuCircleFilledVertical" | "MenuOpenHorizontal" | "MenuOpenVertical" | "MinusCircleFilled" | "Module" | "Module2" | "ModuleThree" | "MoreHoriz" | "MultipleUsers" | "NotificationError" | "NotificationInfo" | "NotificationSuccess" | "NotificationWarning" | "PenCircleFilled" | "Pencil" | "PercentCircle" | "Person" | "Pin" | "Polygon" | "Projects" | "QuestionBubble" | "QuestionCircle" | "QuestionCircleFilled" | "QuestionMark" | "Rectangle" | "RectangleAOI" | "Redo" | "Remove" | "Resolution" | "Satellite" | "Save" | "Scissors" | "Search" | "SelectedIndicator" | "SelectedIndicatorWide" | "ServerCheck" | "ServerDeny" | "ServerDownload" | "ServerEdit" | "ServerError" | "ServerLock" | "ServerMinus" | "ServerQuestion" | "ServerRefresh" | "ServerSearch" | "ServerSync" | "ServerUpload" | "ServerWarning" | "SettingsCog" | "SettingsCog2" | "SettingsSliderHorizontal" | "SettingsVertical" | "Share" | "ShareNetwork" | "Shield" | "ShieldWithLock" | "ShoppingCartCheck" | "ShoppingCartClose" | "ShoppingCartMinus" | "ShoppingCartOutlined" | "ShoppingCartPlus" | "Storage" | "Support" | "SupportClear" | "SupportHeadphones" | "System" | "Tag" | "TagAlert" | "TagCheck" | "TagDouble" | "TagEdit" | "TagMinus" | "TagPlus" | "TagSearch" | "TagX" | "Target" | "Transaction" | "TrashBin" | "Undo" | "Unlock" | "UpgradeShield" | "Upload" | "UploadCircle" | "User" | "VisibilityOffOutlined" | "VisibilityOutlined" | "WeatherCloud" | "Webhooks" | "Workflow" | "WorkflowPencil" | "ZoomIn" | "ZoomOut" | undefined;
     /**
      * Whether to show dividers between sections
      * @default false
      */
-    hasDivider?: boolean | undefined;
+    showDividers?: boolean | undefined;
     /**
      * Whether to show a connector line between the popover and anchor
      * @default false
      */
-    hasConnector?: boolean | undefined;
+    showConnector?: boolean | undefined;
     /**
-     * Whether to show padding inside the content section(For backwards compatibility purposes)
-     * @default false
+     * Content to be displayed inside the popover, with padding applied by default
      */
-    hasContentPadding?: boolean | undefined;
+    content?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     /**
-     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * Size of the popover
      * @default false
      */
-    hasDefaultWidth?: boolean | undefined;
+    size?: "small" | "large" | "medium" | "auto" | "extraSmall" | "extraLarge" | undefined;
     /**
      * Custom styles for the popover
      */

package/dist/esm/types/global/illustrations/index.d.ts

@@ -1,5 +1,27 @@
+export { default as Aoi } from './aoi.svg';
+export { default as ApproveDoc } from './approve-doc.svg';
+export { default as Catalog } from './catalog.svg';
+export { default as Certified } from './certified.svg';
+export { default as CertifiedDocuments } from './certified-documents.svg';
+export { default as CloudRain } from './cloud-rain.svg';
+export { default as Credits } from './credits.svg';
+export { default as CreditsFall } from './credits-fall.svg';
+export { default as DataTransfer } from './data-transfer.svg';
+export { default as Discovery } from './discovery.svg';
+export { default as EmailCheck } from './email-check.svg';
+export { default as EmailVerification } from './email-verification.svg';
+export { default as Enterprise } from './enterprise.svg';
 export { default as FloppyDisk } from './floppy-disk.svg';
-export { default as Satellite } from './satellite.svg';
+export { default as Invoice } from './invoice.svg';
+export { default as MediaGlobe } from './media-globe.svg';
+export { default as NoResults } from './no-results.svg';
+export { default as Rocket } from './rocket.svg';
 export { default as RocketFixing } from './rocket-fixing.svg';
-export { default as EmailCheck } from './email-check.svg';
-export { default as ApproveDoc } from './approve-doc.svg';
+export { default as Satellite } from './satellite.svg';
+export { default as SatelliteFaceDown } from './satellite-face-down.svg';
+export { default as SatelliteOrbit } from './satellite-orbit.svg';
+export { default as SearchImage } from './search-image.svg';
+export { default as SearchPlanet } from './search-planet.svg';
+export { default as TermsConditions } from './terms-conditions.svg';
+export { default as Webhooks } from './webhooks.svg';
+export { default as Wmts } from './wmts.svg';