@myunisoft/design-system 1.2.4 → 1.2.5-rev157.1

package/dist/components/Autocomplete/Autocomplete/AutocompleteTag/index.d.ts

@@ -1,14 +1,11 @@
 import type React from 'react';
-import { type SxProps, type Theme } from '@mui/material';
-import type { OptionType } from '../index';
-export type AutocompleteTagProps = {
+import { type ChipProps } from '@mui/material';
+import type { OptionType } from '../types';
+export type AutocompleteTagProps = ChipProps & {
     option?: OptionType;
-    label?: string;
     maxChipWidth?: number;
     reserveForCounter?: number;
     isDisabled?: boolean;
-    onDelete?: (event: MouseEvent) => void;
-    sx?: SxProps<Theme>;
 };
 declare const AutocompleteTag: React.FC<AutocompleteTagProps>;
 export default AutocompleteTag;

package/dist/components/Autocomplete/Autocomplete/index.d.ts

@@ -1,52 +1,4 @@
-import React, { type ReactNode } from 'react';
-import { type ChipProps, type AutocompleteProps as MuiAutocompleteProps, type TextFieldVariants } from '@mui/material';
-import type { InputProps as StandardInputProps } from '@mui/material/Input/Input';
-export type OptionType = {
-    id: string | number;
-    label: string;
-    /**
-     * @deprecated Use value instead
-     */
-    selected?: boolean;
-    disabled?: boolean;
-    optionType?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-};
-type SingleValueType<T> = T | null;
-type MultiValueType<T> = T[];
-type ValueType<T> = SingleValueType<T> | MultiValueType<T>;
-export type AutocompleteBaseProps<T extends OptionType = OptionType> = {
-    label?: string;
-    options?: T[];
-    isError?: boolean;
-    isDisplayLabel?: boolean;
-    customSearch?: (inputValue: string, options: T[]) => T[];
-    selectAllHidden?: boolean;
-    selectAllLabel?: string;
-    allSelectedLabel?: string;
-    isDisabled?: boolean;
-    oneRowMode?: true;
-    InputProps?: StandardInputProps;
-    onIsSearchingChange?: (isOpen: boolean) => void;
-    getOptionLabel?: (option: T) => string;
-    onCreate?: (label: string, options: T[]) => void;
-    renderTag?: (tagProps: ChipProps, option: T) => ReactNode;
-    renderOptionLabel?: (labelChild: ReactNode, option: T) => ReactNode;
-    disableAllSelectedTag?: true;
-    disableSort?: true;
-    variant?: TextFieldVariants;
-    isOptionEqualToValue?: (option: T, value: T) => boolean;
-    placeholder?: string;
-};
-export type AutocompleteMultipleProps<T extends OptionType = OptionType> = Omit<MuiAutocompleteProps<T, true, false, false>, 'renderInput' | 'renderOption' | 'value' | 'multiple'> & AutocompleteBaseProps<T> & {
-    multiple: true;
-    value?: MultiValueType<T>;
-    onChange?: (newValue: ValueType<T>) => void;
-};
-export type AutocompleteSingleProps<T extends OptionType = OptionType> = Omit<MuiAutocompleteProps<T, false, false, false>, 'renderInput' | 'renderOption' | 'value' | 'multiple'> & AutocompleteBaseProps<T> & {
-    multiple?: false;
-    value?: SingleValueType<T>;
-    onChange?: (newValue: ValueType<T>) => void;
-};
-export type AutocompleteProps<T extends OptionType = OptionType> = AutocompleteMultipleProps<T> | AutocompleteSingleProps<T>;
-declare const Autocomplete: <T extends OptionType = OptionType>(inProps: AutocompleteProps<T>) => React.ReactElement;
+import React from 'react';
+import type { AutocompleteProps, OptionType } from './types';
+declare const Autocomplete: <T = OptionType>(inProps: AutocompleteProps<T>) => React.ReactElement;
 export default Autocomplete;

package/dist/components/Autocomplete/Autocomplete/types.d.ts

@@ -0,0 +1,63 @@
+import type { ReactNode } from 'react';
+import type { AutocompleteRenderOptionState, ChipProps, AutocompleteProps as MuiAutocompleteProps, TextFieldVariants } from '@mui/material';
+import type { InputProps as StandardInputProps } from '@mui/material/Input/Input';
+export type OptionType = {
+    id?: string | number;
+    label?: string;
+    /**
+     * @deprecated Use value instead
+     */
+    selected?: boolean;
+    disabled?: boolean;
+    optionType?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+};
+export type SingleValueType<T> = T | null;
+export type MultiValueType<T> = T[];
+export type ValueType<T> = SingleValueType<T> | MultiValueType<T>;
+export type AutocompleteBaseProps<T = OptionType> = {
+    label?: string;
+    options?: T[];
+    isError?: boolean;
+    isDisplayLabel?: boolean;
+    customSearch?: (inputValue: string, options: T[]) => T[];
+    selectAllHidden?: boolean;
+    selectAllLabel?: string;
+    allSelectedLabel?: string;
+    isDisabled?: boolean;
+    expandSelectedTagsOnEdition?: false;
+    InputProps?: StandardInputProps;
+    onIsSearchingChange?: (isOpen: boolean) => void;
+    getOptionLabel?: (option: T) => string;
+    onCreate?: (label: string, options: T[]) => void;
+    renderTag?: (tagProps: ChipProps, option: T) => ReactNode;
+    renderOptionLabel?: (labelChild: ReactNode, option: T) => ReactNode;
+    disableAllSelectedTag?: true;
+    disableSort?: true;
+    variant?: TextFieldVariants;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    placeholder?: string;
+    minListWidth?: number;
+    helperText?: string;
+};
+export type AutocompleteMultipleProps<T = OptionType> = Omit<MuiAutocompleteProps<T, true, false, false>, 'renderInput' | 'renderOption' | 'value' | 'multiple' | 'onChange'> & AutocompleteBaseProps<T> & {
+    multiple: true;
+    value?: MultiValueType<T>;
+    onChange?: (newValue: MultiValueType<T>) => void;
+};
+export type AutocompleteSingleProps<T = OptionType> = Omit<MuiAutocompleteProps<T, false, false, false>, 'renderInput' | 'renderOption' | 'value' | 'multiple' | 'onChange'> & AutocompleteBaseProps<T> & {
+    multiple?: false;
+    value?: SingleValueType<T>;
+    onChange?: (newValue: SingleValueType<T>) => void;
+};
+export type AutocompleteProps<T = OptionType> = AutocompleteMultipleProps<T> | AutocompleteSingleProps<T>;
+export type ItemData<T = OptionType> = {
+    items: Array<{
+        key: number;
+        group: string;
+        children: React.ReactNode;
+    } | [React.ReactElement, T, AutocompleteRenderOptionState]>;
+};
+export type AutocompleteContextProps<T = OptionType> = {
+    renderOption: (props: React.HTMLAttributes<HTMLLIElement>, option: T, { selected }: AutocompleteRenderOptionState, inlineStyle: React.CSSProperties, currentValue: ValueType<T>) => React.ReactElement;
+    value: ValueType<T>;
+};

package/dist/components/DataGrid/components/toolbar/ActionsMenu/index.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { GridValidRowModel } from '@mui/x-data-grid-pro';
+export type MenuAction = {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    color?: string;
+    disabled?: boolean | ((selectedRows: GridValidRowModel[]) => boolean);
+    onClick: (selectedRows: GridValidRowModel[]) => void;
+};
+type ActionsMenuProps = {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    menuActions: MenuAction[];
+    selectedRows: GridValidRowModel[];
+    onClose: () => void;
+};
+declare const ActionsMenu: ({ isOpen, anchorEl, menuActions, selectedRows, onClose }: ActionsMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionsMenu;

package/dist/components/DataGrid/components/toolbar/CustomGridToolbar.d.ts

@@ -7,20 +7,23 @@
  * Source (MUI v7.x): https://github.com/mui/mui-x/blob/v7.x/packages/x-data-grid/src/components/toolbar/GridToolbar.tsx
  */
 import { type GridRowSelectionModel, type GridSlotsComponentsProps, type GridValidRowModel } from '@mui/x-data-grid-pro';
+import { type MenuAction } from './ActionsMenu';
 import { type IconButtonConfig, type TextButtonConfig } from './ArrayButtons';
 interface DeleteAction {
     onDelete: (selectedRowIds: GridRowSelectionModel) => boolean | Promise<boolean>;
     disabled?: boolean;
 }
 interface BulkEditAction {
-    onBulkEditSave: (selectedIds: GridRowSelectionModel, newRows: GridValidRowModel[]) => boolean | Promise<boolean>;
+    onBulkEditSave: (selectedRowIds: GridRowSelectionModel, newRows: GridValidRowModel[]) => boolean | Promise<boolean>;
     disabled?: boolean;
 }
 declare module '@mui/x-data-grid-pro' {
     interface ToolbarPropsOverrides {
+        showSelectedCount?: boolean;
         customButtons?: CustomToolbarButtonConfig[];
         deleteAction?: DeleteAction;
         bulkEditAction?: BulkEditAction;
+        menuActions?: MenuAction[];
     }
 }
 interface CustomTextButtonConfig extends Omit<TextButtonConfig, 'onClick'> {

package/dist/components/DocumentComposer/LoadingSkeleton.d.ts

@@ -0,0 +1,2 @@
+export declare const LeftPanelSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const RightPanelSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/DocumentComposer/Treeview/CustomTreeItem.d.ts

@@ -1,7 +1,8 @@
 import type { RichTreeViewProApiRef, TreeItemProps } from '@mui/x-tree-view-pro';
 import type { TreeviewProps } from './types';
-type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isItemReorderable' | 'onItemVisibilityChange'> & {
+type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isItemReorderable' | 'onItemVisibilityChange' | 'isTemporaryItem' | 'onTemporarySectionValidation' | 'onTemporarySectionCancel' | 'onItemLabelChange'> & {
     apiRef: RichTreeViewProApiRef;
+    onEditingChange?: (itemId: string | null) => void;
 };
 type CustomTreeItemProps<T extends Record<string, unknown>> = TreeItemProps & TreeItemCallbacks<T>;
 export declare const CustomTreeItem: <T extends Record<string, unknown>>(props: CustomTreeItemProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DocumentComposer/Treeview/hooks/useTreeItemMenu.d.ts

@@ -7,6 +7,8 @@ export declare const useTreeItemMenu: () => {
     } | null;
     handleMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
     handleMenuClose: () => void;
+    scheduleMenuAction: (action: () => void) => void;
+    onMenuExited: () => void;
     createMouseMoveHandler: (isHovered: boolean, onHoverChange?: (isHovered: boolean) => void) => (e: React.MouseEvent<HTMLDivElement>) => void;
     createMouseLeaveHandler: (onHoverChange?: (isHovered: boolean) => void) => () => void;
 };

package/dist/components/DocumentComposer/Treeview/slots/LabelInputSlot.d.ts

@@ -1,6 +1,11 @@
-type LabelInputSlotProps = {
+import type { InputHTMLAttributes } from 'react';
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     ownerState?: unknown;
-    [key: string]: unknown;
-};
-export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<Omit<LabelInputSlotProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};
+    itemId?: string;
+    isTemporary?: boolean;
+    onTemporarySectionValidation?: (label: string) => void;
+    onTemporarySectionCancel?: () => void;
+    onItemLabelChange?: (itemId: string, newLabel: string) => void;
+    apiRef?: RichTreeViewProApiRef;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/DocumentComposer/Treeview/types.d.ts

@@ -1,4 +1,5 @@
 import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+import type { TemporaryItem } from '../hooks/useTemporarySection';
 export type ItemPositionParams = {
     itemId: string;
     oldPosition: {
@@ -10,27 +11,33 @@ export type ItemPositionParams = {
         index: number;
     };
 };
+export type ScheduleMenuAction = (action: () => void) => void;
 type CustomTreeviewItemProps<T> = {
-    hasItemMenu?: (item: T) => boolean;
-    getMenuItems?: (item: T, apiRef?: RichTreeViewProApiRef) => React.ReactNode[];
-    isSectionItem?: (item: T) => boolean;
-    getIconItem?: (item: T) => React.ReactNode;
-    isItemEditable?: (item: T) => boolean;
-    isVisibleItem?: (item: T) => boolean;
-    onItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    hasItemMenu: (item: T) => boolean;
+    getMenuItems: (item: T, scheduleMenuAction: ScheduleMenuAction) => React.ReactNode[];
+    isSectionItem: (item: T) => boolean;
+    getIconItem: (item: T) => React.ReactNode;
+    isItemEditable: (item: T) => boolean;
+    isVisibleItem: (item: T) => boolean;
+    onItemVisibilityChange: (itemId: string, visible: boolean) => void;
 };
 export type TreeviewProps<T> = {
+    apiRef: RichTreeViewProApiRef;
     items: readonly T[];
-    getItemId?: (item: T) => string;
-    getItemLabel?: (item: T) => string;
-    getItemChildren?: (item: T) => T[] | undefined;
-    isItemReorderable?: (itemId: string) => boolean;
-    canMoveItemToNewPosition?: (params: ItemPositionParams) => boolean;
-    onItemPositionChange?: (params: ItemPositionParams) => void;
-    onItemLabelChange?: (itemId: string, newLabel: string) => void;
+    getItemId: (item: T) => string;
+    getItemLabel: (item: T) => string;
+    getItemChildren: (item: T) => T[] | undefined;
+    isItemReorderable: (itemId: string) => boolean;
+    canMoveItemToNewPosition: (params: ItemPositionParams) => boolean;
+    onItemPositionChange: (params: ItemPositionParams) => void;
+    onItemLabelChange: (itemId: string, newLabel: string) => void;
+    temporaryItem: TemporaryItem | null;
+    isTemporaryItem: (itemId: string) => boolean;
+    onTemporarySectionValidation: (label: string) => void;
+    onTemporarySectionCancel: () => void;
+    defaultExpandedItems: string[];
     checkboxSelection?: boolean;
     multiSelect?: boolean;
-    defaultExpandedItems?: string[];
 } & CustomTreeviewItemProps<T>;
 export type TreeviewItemProps<T> = {
     itemId: string;

package/dist/components/DocumentComposer/hooks/useDragValidation.d.ts

@@ -0,0 +1,14 @@
+import type { ItemPositionParams } from '../Treeview/types';
+import type { DocumentComposerSummaryItem } from '../types';
+type UseDragValidationParams = {
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+};
+/**
+ * Business rule: Items can only be moved within their current parent
+ * or into their siblings' children. Moving items to a completely
+ * different branch is disabled to maintain document structure integrity.
+ */
+export declare const useDragValidation: ({ getItemById }: UseDragValidationParams) => {
+    canMoveItemToNewPosition: (params: ItemPositionParams) => boolean;
+};
+export {};

package/dist/components/DocumentComposer/hooks/useSummaryItemsMap.d.ts

@@ -0,0 +1,5 @@
+import type { DocumentComposerSummaryItem } from '../types';
+export declare const useSummaryItemsMap: (summary: DocumentComposerSummaryItem[] | undefined) => {
+    itemsMap: Map<string, DocumentComposerSummaryItem>;
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+};

package/dist/components/DocumentComposer/hooks/useTemporarySection.d.ts

@@ -0,0 +1,25 @@
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+import type { DocumentComposerSummaryItem } from '../types';
+export type TemporaryItem = Pick<DocumentComposerSummaryItem, 'id' | 'parentId'> & {
+    parentVisible: boolean;
+};
+type UseTemporarySectionParams = {
+    apiRef: RichTreeViewProApiRef;
+    getItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+    onItemCreated?: (parentId: string | null, label: string) => string | Promise<string>;
+};
+/**
+ * Flow:
+ * 1. User triggers `create(parentId)` from context menu
+ * 2. A temporary item appears in the tree in edit mode
+ * 3. User types a label and presses Enter → `validate()` is called
+ * 4. User presses Escape or leaves empty → `cancel()` is called
+ */
+export declare const useTemporarySection: ({ apiRef, getItemById, onItemCreated }: UseTemporarySectionParams) => {
+    temporaryItem: TemporaryItem | null;
+    create: (parentId: string) => void;
+    validate: (label: string) => Promise<void>;
+    cancel: () => void;
+    isTemporary: (itemId: string) => boolean;
+};
+export {};

package/dist/components/DocumentComposer/index.d.ts

@@ -2,5 +2,5 @@ import type { DocumentComposerCallbacks, DocumentComposerCustomProps, DocumentCo
 type DocumentComposerProps = {
     summary?: DocumentComposerSummaryItem[];
 } & DocumentComposerCallbacks & DocumentComposerCustomProps;
-declare const DocumentComposer: ({ summary, onSummaryItemOrderChange, onSummaryItemLabelChange, onSummaryItemDelete, onSummaryItemVisibilityChange, emptySummaryLabel, isLoading }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentComposer: ({ summary, onSummaryItemOrderChange, onSummaryItemLabelChange, onSummaryItemDelete, onSummaryItemVisibilityChange, onSummaryItemCreated, emptySummaryLabel, isLoading }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
 export default DocumentComposer;

package/dist/components/DocumentComposer/types.d.ts

@@ -20,4 +20,5 @@ export type DocumentComposerCallbacks = {
     onSummaryItemLabelChange?: (itemId: string, newLabel: string) => void;
     onSummaryItemDelete?: (itemId: string) => void;
     onSummaryItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    onSummaryItemCreated?: (parentId: string | null, label: string) => string | Promise<string>;
 };

package/dist/components/DocumentComposer/utils/getSummaryItemMenuItems.d.ts

@@ -0,0 +1,9 @@
+import type { ScheduleMenuAction } from '../Treeview/types';
+import type { DocumentComposerSummaryItem } from '../types';
+type MenuItemCallbacks = {
+    onRename: (itemId: string) => void;
+    onDelete: (itemId: string) => void;
+    onCreateSubsection: (parentId: string) => void;
+};
+export declare const getSummaryItemMenuItems: (item: DocumentComposerSummaryItem, callbacks: MenuItemCallbacks, scheduleMenuAction: ScheduleMenuAction) => React.ReactNode[];
+export {};

package/dist/components/DocumentComposer/utils/summaryHelpers.d.ts

@@ -0,0 +1,12 @@
+import type { DocumentComposerSummaryItem } from '../types';
+export declare const getAllExpandableItemIds: (items: DocumentComposerSummaryItem[]) => string[];
+export declare const getAllTreeItemsFlat: (items: DocumentComposerSummaryItem[]) => DocumentComposerSummaryItem[];
+export declare const isSummaryItemSection: (item: DocumentComposerSummaryItem) => boolean;
+export declare const hasSummaryItemMenu: (_item: DocumentComposerSummaryItem) => boolean;
+export declare const isSummaryItemVisible: (item: DocumentComposerSummaryItem) => boolean;
+export declare const getItemChildren: (item: DocumentComposerSummaryItem) => DocumentComposerSummaryItem[] | undefined;
+export declare const getItemId: (item: DocumentComposerSummaryItem) => string;
+export declare const getItemLabel: (item: DocumentComposerSummaryItem) => string;
+export declare const isItemEditable: (_item: DocumentComposerSummaryItem) => boolean;
+export declare const isItemReorderable: (_itemId: string) => boolean;
+export declare const getSummaryItemIcon: (item: DocumentComposerSummaryItem) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/VirtualTable/components/ExportDialog/styles.d.ts

@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"fieldset" | "title" | "checkbox" | "root" | "actions" | "exportAllPage" | "checkboxLabel" | "switchButton", string>;
+    classes: Record<"fieldset" | "title" | "root" | "checkbox" | "actions" | "exportAllPage" | "checkboxLabel" | "switchButton", string>;
     theme: import("@mui/material/styles").Theme;
     css: import("tss-react/types").Css;
     cx: import("tss-react/types").Cx;

package/dist/components/VirtualTable/styles.d.ts

@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"center" | "container" | "disabled" | "onError" | "align" | "checkbox" | "cell" | "pointer" | "alignLeft" | "alignCenter" | "alignRight" | "thumbnail" | "groupRow" | "cbCell" | "checkmark" | "BodyGrid" | "defaultStyle" | "lockRow" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "selectedRow" | "hasSelectAll" | "HeaderGrid" | "GridRow" | "GridColumn" | "LeftSideGridContainer" | "LeftSideGrid" | "mb32" | "hoverRow" | "displayNone", string>;
+    classes: Record<"center" | "container" | "disabled" | "onError" | "align" | "cell" | "checkbox" | "pointer" | "alignLeft" | "alignCenter" | "alignRight" | "thumbnail" | "groupRow" | "cbCell" | "checkmark" | "BodyGrid" | "defaultStyle" | "lockRow" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "selectedRow" | "hasSelectAll" | "HeaderGrid" | "GridRow" | "GridColumn" | "LeftSideGridContainer" | "LeftSideGrid" | "mb32" | "hoverRow" | "displayNone", string>;
     theme: import("@mui/material/styles").Theme;
     css: import("tss-react/types").Css;
     cx: import("tss-react/types").Cx;