@zvoove/unity-ui 2.34.0 → 2.35.1

package/dist/unity-ui.d.ts

@@ -12,7 +12,6 @@ import { JSX } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
@@ -601,9 +600,16 @@ export declare type ChipProps = ChipPropsTypeIcon & {
      */
     disabled?: boolean;
     /**
-     * The size of the component
+     * The size of the component.
+     *
+     * @default 'md'
+     *
+     * @remarks
+     * The values `'medium' | 'large'` are **deprecated** and kept for backwards
+     * compatibility. They are mapped to `'md' | 'lg'` and will be removed in
+     * v3.0.0.
      */
-    size?: 'medium' | 'large';
+    size?: ChipSize | ChipSizeLegacy;
     /**
      * The action to perform when the delete button is clicked.
      * This is used only for `input` type chips.
@@ -641,6 +647,10 @@ declare type ChipPropsTypeIcon = {
     icon?: never;
 };
 
+export declare type ChipSize = 'md' | 'lg';
+
+/* Excluded from this release type: ChipSizeLegacy */
+
 export declare const CodeBlock: {
     ({ code, filename, language, variant, ...props }: CodeBlockProps): JSX.Element;
     displayName: string;
@@ -803,7 +813,10 @@ export declare const commonIconsMap: {
     }) => JSX.Element;
     readonly folder: Icon_2;
     readonly 'folder-open': Icon_2;
+    readonly folders: Icon_2;
     readonly 'grid-view': Icon_2;
+    readonly 'hand-coins': Icon_2;
+    readonly handshake: Icon_2;
     readonly 'hard-hat': Icon_2;
     readonly 'head-circuit': Icon_2;
     readonly help: Icon_2;
@@ -830,6 +843,7 @@ export declare const commonIconsMap: {
     readonly code: Icon_2;
     readonly microphone: Icon_2;
     readonly minus: Icon_2;
+    readonly 'money-wavy': Icon_2;
     readonly 'more-horizontal': Icon_2;
     readonly 'more-vertical': Icon_2;
     readonly moped: Icon_2;
@@ -850,12 +864,14 @@ export declare const commonIconsMap: {
     readonly 'pin-slash': Icon_2;
     readonly 'piggy-bank': Icon_2;
     readonly plant: Icon_2;
+    readonly 'plugs-connected': Icon_2;
     readonly printer: Icon_2;
     readonly privacy: Icon_2;
     readonly 'qr-code': Icon_2;
     readonly refresh: Icon_2;
     readonly remark: Icon_2;
     readonly robot: Icon_2;
+    readonly 'rocket-launch': Icon_2;
     readonly save: Icon_2;
     readonly search: Icon_2;
     readonly 'search-plus': Icon_2;
@@ -870,6 +886,7 @@ export declare const commonIconsMap: {
     readonly 'skip-forward': Icon_2;
     readonly smartphone: Icon_2;
     readonly sparkle: Icon_2;
+    readonly 'squares-four': Icon_2;
     readonly star: Icon_2;
     readonly start: Icon_2;
     readonly stop: Icon_2;
@@ -1113,7 +1130,7 @@ export declare const DEFAULT_LABELS: UploaderLabels;
 
 export declare type Density = 'default' | '-2' | '-4';
 
-export declare const Dialog: ({ open, onClose, children, closeOnBackdropClick, closeOnEsc, padding, size, zIndex, }: DialogProps) => ReactPortal | null;
+export declare const Dialog: ({ open, onClose, children, closeOnBackdropClick, closeOnEsc, padding, size, zIndex, }: DialogProps) => JSX.Element;
 
 /**
  * Global manager for Dialog components to track open dialogs.
@@ -1443,7 +1460,7 @@ export declare type FlexResponsiveStylesKeys<Attr extends string> = GenerateSimp
 export declare type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 
 export declare const FloatSearch: {
-    <T extends React.ElementType = "button">({ open, onClose, items, onSearch, onSelect, value, placeholder, translations: translationsProp, zIndex, loading, linkComponent: ItemComponent, }: FloatSearchProps<T>): ReactPortal | null;
+    <T extends React.ElementType = "button">({ open, onClose, items, onSearch, onSelect, value, placeholder, translations: translationsProp, zIndex, loading, linkComponent: ItemComponent, }: FloatSearchProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -1734,6 +1751,23 @@ export declare type HighlightStyle = {
 export declare const Icon: ({ name, size, weight, color, type, featured, ...props }: IconProps) => JSX.Element;
 
 declare const iconMap: {
+    readonly 'prod-recruit': Icon_2;
+    readonly 'prod-cockpit': Icon_2;
+    readonly 'prod-insights': Icon_2;
+    readonly 'prod-documents': Icon_2;
+    readonly 'prod-zvoove-one-pdl': Icon_2;
+    readonly 'prod-zvoove-one-payroll': Icon_2;
+    readonly 'prod-connect': Icon_2;
+    readonly 'prod-work-app': Icon_2;
+    readonly 'prod-analytics': Icon_2;
+    readonly 'prod-dms-plus': Icon_2;
+    readonly 'prod-safety-manager': Icon_2;
+    readonly 'prod-timesheets': Icon_2;
+    readonly 'prod-managed-payroll': Icon_2;
+    readonly 'prod-cashlink': Icon_2;
+    readonly 'prod-professional-service': Icon_2;
+    readonly 'prod-online-academy': Icon_2;
+    readonly 'prod-knowledge-base': Icon_2;
     readonly zvoove: ({ size, color }: ZvooveLogoProps) => JSX.Element;
     readonly 'zvoove-one': ({ size, color }: {
         size?: number;
@@ -1904,7 +1938,10 @@ declare const iconMap: {
     }) => JSX.Element;
     readonly folder: Icon_2;
     readonly 'folder-open': Icon_2;
+    readonly folders: Icon_2;
     readonly 'grid-view': Icon_2;
+    readonly 'hand-coins': Icon_2;
+    readonly handshake: Icon_2;
     readonly 'hard-hat': Icon_2;
     readonly 'head-circuit': Icon_2;
     readonly help: Icon_2;
@@ -1931,6 +1968,7 @@ declare const iconMap: {
     readonly code: Icon_2;
     readonly microphone: Icon_2;
     readonly minus: Icon_2;
+    readonly 'money-wavy': Icon_2;
     readonly 'more-horizontal': Icon_2;
     readonly 'more-vertical': Icon_2;
     readonly moped: Icon_2;
@@ -1951,12 +1989,14 @@ declare const iconMap: {
     readonly 'pin-slash': Icon_2;
     readonly 'piggy-bank': Icon_2;
     readonly plant: Icon_2;
+    readonly 'plugs-connected': Icon_2;
     readonly printer: Icon_2;
     readonly privacy: Icon_2;
     readonly 'qr-code': Icon_2;
     readonly refresh: Icon_2;
     readonly remark: Icon_2;
     readonly robot: Icon_2;
+    readonly 'rocket-launch': Icon_2;
     readonly save: Icon_2;
     readonly search: Icon_2;
     readonly 'search-plus': Icon_2;
@@ -1971,6 +2011,7 @@ declare const iconMap: {
     readonly 'skip-forward': Icon_2;
     readonly smartphone: Icon_2;
     readonly sparkle: Icon_2;
+    readonly 'squares-four': Icon_2;
     readonly star: Icon_2;
     readonly start: Icon_2;
     readonly stop: Icon_2;
@@ -2851,6 +2892,36 @@ export declare interface PopUpMenuProps extends Omit<React.HTMLAttributes<HTMLDi
 
 export declare type PopUpMenuSelectionType = string | string[] | undefined;
 
+declare type PortalContainer = HTMLElement | ShadowRoot;
+
+export declare type ProductIconNames = keyof typeof productIconsMap;
+
+/**
+ * Product icons — semantic aliases that map a zvoove product to its
+ * representative Phosphor icon. These reuse the same glyphs as the common
+ * icons but are named after the product they represent (e.g. `prod-recruit`),
+ * so they can be used directly in product/app lists.
+ */
+export declare const productIconsMap: {
+    readonly 'prod-recruit': Icon_2;
+    readonly 'prod-cockpit': Icon_2;
+    readonly 'prod-insights': Icon_2;
+    readonly 'prod-documents': Icon_2;
+    readonly 'prod-zvoove-one-pdl': Icon_2;
+    readonly 'prod-zvoove-one-payroll': Icon_2;
+    readonly 'prod-connect': Icon_2;
+    readonly 'prod-work-app': Icon_2;
+    readonly 'prod-analytics': Icon_2;
+    readonly 'prod-dms-plus': Icon_2;
+    readonly 'prod-safety-manager': Icon_2;
+    readonly 'prod-timesheets': Icon_2;
+    readonly 'prod-managed-payroll': Icon_2;
+    readonly 'prod-cashlink': Icon_2;
+    readonly 'prod-professional-service': Icon_2;
+    readonly 'prod-online-academy': Icon_2;
+    readonly 'prod-knowledge-base': Icon_2;
+};
+
 export declare const ProgressIndicator: ({ value, indeterminate, variant, size, foregroundColor, backgroundColor, }: ProgressIndicatorProps) => JSX.Element;
 
 export declare interface ProgressIndicatorProps {
@@ -3176,7 +3247,7 @@ export declare type SelectProps = Union & {
 } & Pick<PopUpMenuProps, 'allowClearAll' | 'allowSelectAll' | 'selectAllLabel' | 'clearAllLabel' | 'noResultsFoundMessage' | 'onScrollEnd' | 'isLoadingMore'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>;
 
 export declare const Sheet: {
-    ({ open, onClose, children, title, subTitle, closeOnBackdropClick, closeOnEsc, padding, showHandle, size, placement, headerActions, footerActions, stickyFooter, stickyHeader, showCloseButton, showBackArrow, resizable, width, minWidth, maxWidth, onResizeEnd, }: SheetProps): ReactPortal | null;
+    ({ open, onClose, children, title, subTitle, closeOnBackdropClick, closeOnEsc, padding, showHandle, size, placement, headerActions, footerActions, stickyFooter, stickyHeader, showCloseButton, showBackArrow, resizable, width, minWidth, maxWidth, onResizeEnd, }: SheetProps): JSX.Element;
     displayName: string;
 };
 
@@ -3724,7 +3795,7 @@ export declare interface SwitchProps extends Omit<React.InputHTMLAttributes<HTML
     id?: string;
 }
 
-declare type TabItem<T extends React.ElementType = 'button'> = {
+export declare type TabItem<T extends React.ElementType = 'button'> = {
     label: string;
     icon?: CommonIconNames;
     iconPosition?: 'left' | 'top';
@@ -4769,6 +4840,18 @@ export declare interface UseBreakpointReturn {
 
 export declare const useClickOutside: <T extends Node = HTMLElement>(refs: RefType<T> | RefType<T>[] | RefType<Node>[], callback: () => void, isOpen?: boolean) => void;
 
+/**
+ * Resolves the container a portal should mount into, based on where the
+ * anchor node actually lives. Inside a shadow root (e.g. a micro frontend
+ * rendered via web-fragments) this is the fragment's own root, so styles and
+ * events keep working; everywhere else it is `document.body`.
+ *
+ * Returns `null` until resolved (first render / SSR) — use it as a render
+ * gate for the portal. Pass `isActive` to defer resolution until the portal
+ * is about to open.
+ */
+export declare const usePortalContainer: <T extends Node>(anchorRef: RefObject<T | null>, isActive?: boolean) => PortalContainer | null;
+
 export declare const UserArea: ForwardRefExoticComponent<UserAreaProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface UserAreaProps {