@mdtl/uikit 0.0.26 → 0.0.27

package/dist/components/BaseDialog/BaseDialog.d.ts

@@ -11,5 +11,5 @@ interface IDialogProps {
     maxWidth?: Breakpoint | false;
     height?: string;
 }
-export declare const BaseDialog: (props: IDialogProps) => React.JSX.Element;
+export declare const BaseDialog: React.FC<IDialogProps>;
 export {};

package/dist/components/StackPanel/DefaultHeaderTemplate.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IHeaderConfig } from './interfaces';
+declare const DefaultHeaderTemplate: React.FC<IHeaderConfig>;
+export default DefaultHeaderTemplate;

package/dist/components/StackPanel/Sections.d.ts

@@ -0,0 +1,4 @@
+import { ISectionsProps } from './interfaces';
+import { default as React } from 'react';
+declare const Sections: (props: ISectionsProps) => React.JSX.Element;
+export default Sections;

package/dist/components/StackPanel/StackPanel.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IStackPanelProps } from './interfaces';
+/**
+ * Стек панель
+ * @param props
+ * @constructor
+ */
+export declare const StackPanel: (props: IStackPanelProps) => React.JSX.Element;

package/dist/components/StackPanel/StackPopupFooterButtons.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { SxProps } from '@mui/system';
+interface IStackPopupFooterButtonsProps {
+    buttons: {
+        onClick: () => void;
+        renderCondition?: boolean;
+        tooltip?: string;
+        disabled?: boolean;
+        styleType?: 'secondary' | 'primary';
+        text: string;
+        alignLeft?: boolean;
+        sx?: SxProps;
+    }[];
+}
+declare const StackPopupFooterButtons: FC<IStackPopupFooterButtonsProps>;
+export default StackPopupFooterButtons;

package/dist/components/StackPanel/interfaces.d.ts

@@ -0,0 +1,50 @@
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { OverridableStringUnion } from '@mui/types';
+import { default as React, JSX } from 'react';
+import { IconButtonPropsColorOverrides } from '@mui/material/IconButton';
+/** Интерфейс конфига шапки стек панели */
+export interface IHeaderConfig {
+    title?: string;
+    subtitle?: string;
+    infoTemplate?: React.ReactElement;
+}
+export interface IStackSection {
+    id: number;
+    title: string;
+    icon: JSX.Element;
+    checkBeforeNavigate?: (id: number) => Promise<boolean>;
+}
+export interface IStackAction extends IStackSection {
+    handler: () => void | Promise<void>;
+    color?: OverridableStringUnion<'default' | 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides>;
+}
+export interface IStackPanelProps {
+    children: React.ReactElement;
+    footer?: React.ReactElement;
+    headerTemplate?: React.ReactElement;
+    headerConfig?: IHeaderConfig;
+    open: boolean;
+    sections?: IStackSection[];
+    changeActiveSectionCallback?: (id: number) => void;
+    showClose?: boolean;
+    contrastClose?: boolean;
+    enableDragOver?: boolean;
+    onFileDrop?: (files: FileList) => void;
+    actions?: IStackAction[];
+    onOpen: () => void;
+    onClose: () => void;
+    showMaximize?: boolean;
+    fullWidth?: boolean;
+    sx?: SxProps<Theme>;
+    width?: `${number}%` | number;
+    isModal?: boolean;
+    activeSection?: number;
+    minWidth?: `${number}%` | number;
+    isResizable?: boolean;
+}
+export interface ISectionsProps {
+    sections: IStackPanelProps['sections'];
+    activeId: IStackSection['id'];
+    clickCallback: (item: IStackSection['id']) => void;
+}

package/dist/index.d.ts

@@ -4,4 +4,6 @@ export { CollapsibleSection } from './components/CollapsibleSection/CollapsibleS
 export { LinkRouter } from './components/LinkRouter/LinkRouter';
 export { Tabs } from './components/Tabs/Tabs';
 export { BaseDialog } from './components/BaseDialog/BaseDialog';
+export { StackPanel } from './components/StackPanel/StackPanel';
+export * from './components/StackPanel/interfaces';
 export { generateGuid } from './utils/generateGuid';