synos-helena 21.12.7-beta.0 → 21.13.0

package/lib/index.d.ts

@@ -14,6 +14,7 @@
 //   ../moment
 //   ../dayjs
 //   ../antd/es/date-picker/generatePicker
+//   ../antd/lib/spin
 //   ../antd/lib/descriptions
 //   ../antd/lib/divider
 //   ../antd/lib/drawer
@@ -31,7 +32,6 @@
 //   ../antd/lib/popover
 //   ../antd/lib/radio
 //   ../antd/lib/select
-//   ../antd/lib/spin
 //   ../antd/lib/switch
 //   ../antd/lib/tooltip
 
@@ -51,6 +51,7 @@ import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { Moment } from 'moment';
 import { Dayjs } from 'dayjs';
 import { PickerProps, RangePickerProps } from 'antd/es/date-picker/generatePicker';
+import { SpinSize } from 'antd/lib/spin';
 import { Descriptions } from 'antd';
 import { DescriptionsProps } from 'antd/lib/descriptions';
 import { DividerProps } from 'antd/lib/divider';
@@ -58,6 +59,7 @@ import { DrawerProps } from 'antd/lib/drawer';
 import { DropDownProps } from 'antd/lib/dropdown';
 import { TableProps } from 'antd';
 import { Form } from 'antd';
+import React, { ReactNode } from 'react';
 import { ReactNode } from 'react';
 import { HLHeaderButtonPropTypes } from 'src/HLHeaderButton';
 import { HLHeaderSearchPropTypes } from 'src/HLHeaderSearch';
@@ -72,6 +74,7 @@ import { BreadcrumbProps } from 'antd';
 import { PageHeaderProps } from 'antd/lib/page-header';
 import { HLContextPropTypes } from 'src/HLContext';
 import { PopoverProps } from 'antd/lib/popover';
+import { ProgressProps } from 'antd';
 import { RadioChangeEvent } from 'antd/lib/radio';
 import { LabeledValue } from 'antd/lib/select';
 import { SpinProps } from 'antd/lib/spin';
@@ -163,6 +166,7 @@ export type PanelPropTypes = CollapsePanelProps;
 
 export const Panel: React.FC<PanelPropTypes>;
 
+
 export interface HLCollapseInfoPanelPropTypes {
     attributes: string[];
     object: any;
@@ -171,6 +175,8 @@ export interface HLCollapseInfoPanelPropTypes {
     isOpen?: boolean;
 }
 
+export const HLCollapseInfoPanel: React.FC<HLCollapseInfoPanelPropTypes>;
+
 
 export interface EstabelecimentoOptions {
     label: string;
@@ -279,6 +285,14 @@ export type HLRangePickerProps = RangeDatePickerProps & {
 export const RangePicker: React.FC<HLRangePickerProps>;
 
 
+export interface HLDeferredRenderPropTypes {
+    idleTimeout?: number;
+    spinSize?: SpinSize;
+}
+
+export const HLDeferredRender: React.FC<HLDeferredRenderPropTypes>;
+
+
 export interface HLDescriptionsChildren {
     Item: typeof Descriptions.Item;
 }
@@ -376,6 +390,8 @@ export type HLFromToPanelTypes<P> = {
     multiple?: boolean;
 };
 
+export const HLFromTo: React.FC<HLFromToProps>;
+
 
 export interface HLHeaderPropTypes {
     children: ReactNode;
@@ -495,25 +511,11 @@ export interface HLModulesMenuPropTypes {
 export const HLModulesMenu: React.FC<HLModulesMenuPropTypes>;
 
 
-interface DateObject {
-    chronology: any;
-    dayOfMonth: number;
-    dayOfWeek: string;
-    dayOfYear: number;
-    hour: number;
-    minute: number;
-    month: string;
-    monthValue: number;
-    nano: number;
-    second: number;
-    year: number;
-}
-
 interface Notification {
     title: string;
     description: string;
     type: string;
-    date: DateObject | string;
+    date: number;
     isVisualized: boolean;
     link?: string;
     onClick?: React.MouseEvent<HTMLElement>;
@@ -538,7 +540,6 @@ export interface HLNotificationPropTypes {
         | 'rightBottom';
     Link?: Link;
     notifications?: Notification[];
-    markAsReadCallback: (notification: Record<string, string>) => void;
     fetchNewNotifications: () => void;
     showFormat: string;
     refreshInterval: number;
@@ -547,25 +548,11 @@ export interface HLNotificationPropTypes {
 export const HLNotification: React.FC<HLNotificationPropTypes>;
 
 
-interface DateObject {
-    chronology: any;
-    dayOfMonth: number;
-    dayOfWeek: string;
-    dayOfYear: number;
-    hour: number;
-    minute: number;
-    month: string;
-    monthValue: number;
-    nano: number;
-    second: number;
-    year: number;
-}
-
 interface Notification {
     title: string;
     description: string;
     type: string;
-    date: DateObject | string;
+    date: number;
     isVisualized: boolean;
     link?: string;
     onClick?: React.MouseEvent<HTMLElement>;
@@ -573,9 +560,11 @@ interface Notification {
 
 export interface NotificationListPropTypes {
     Link?: Link;
-    onClickNotification: (notification: Record<string, string>) => void;
+    onClickNotification?: (unknown) => any;
     notifications?: Notification[];
     useDayjs?: boolean;
+    showNotifications: () => void;
+    hideNotifications: () => void;
 }
 
 export const NotificationList: React.FC<NotificationListPropTypes>;
@@ -618,6 +607,11 @@ export type HLPopoverPropTypes = PopoverProps;
 export const HLPopover: React.FC<PopoverProps>;
 
 
+export type HLProgressPropTypes = ProgressProps;
+
+export const HLProgress: React.FC<HLProgressPropTypes>;
+
+
 interface Options {
     value?: string;
     text?: string;
@@ -640,6 +634,8 @@ export interface HLRadioPropTypes {
     options?: Options[];
 }
 
+export const HLRadio: React.FC<HLRadioPropTypes>;
+
 
 export interface HLSelectPropTypes {
     fieldKey: string;
@@ -666,10 +662,25 @@ export interface HLSelectPropTypes {
 export const HLSelect: React.FC<HLSelectPropTypes>;
 
 
+export type HLSideMenuItem = {
+    key: string;
+    title: string;
+    tooltip: string;
+    icon?: string;
+    href?: string;
+    subpages?: string[];
+    insideMenu?: boolean;
+    links?: HLSideMenuItem[];
+    definicaoId?: string;
+    showOnWelcomePage?: boolean;
+    description?: string;
+    undeveloped?: boolean;
+};
+
 export interface HLSideMenuPropTypes {
     collapsed: boolean;
     location: any;
-    subMenus: any[];
+    subMenus: HLSideMenuItem[];
     changeOpenKeys: (unknown) => unknown;
     onOpenChange: (unknown) => unknown;
     generateLink: (unknown, unknown, unknown) => any;
@@ -762,39 +773,70 @@ export const ModuleInfo: React.FC<ModuleInfoPropTypes>;
 
 
 export {
-    HLPowerSearch,
-    SearchObject,
-    SearchType,
-    PowerSearchOperators,
-    SelectStoreInterface,
-    HLPowerSelect,
-    PowerSelectStoreInterface,
+    AdvancedPowerSelectStoreInterface,
+    HLAdvancedPowerSelect,
+    HLAlert,
+    HLArticle,
+    HLAssociateDisassociate,
+    HLBigDecimalInputNumber,
     HLBreadcrumb,
-    HLInputNumber,
+    HLButton,
+    HLCard,
+    HLCheckbox,
+    HLCode,
+    HLCollapse,
+    HLCollapseInfoPanel,
+    HLContext,
+    HLCpfCnpj,
     HLDatePicker,
-    HLTableDataLimitAlert,
-    HLModal,
-    HLTable,
-    HLMenu,
-    HLTree,
-    HLLayout,
-    HLIcon,
+    HLDeferredRender,
+    HLDescriptions,
+    HLDivider,
+    HLDrawer,
+    HLDropdown,
+    HLDropdownButton,
+    HLEditTable,
+    HLException,
+    HLForm,
     HLFormAction,
-    HLAssociateDisassociate,
-    HLTag,
     HLFormGroup,
+    HLFromTo,
+    HLHeader,
+    HLIcon,
+    HLInput,
+    HLInputMonetary,
+    HLInputNumber,
+    HLLayout,
+    HLMain,
+    HLMarkdown,
+    HLMenu,
+    HLModal,
+    HLPageHeader,
+    HLPopover,
+    HLPowerSearch,
+    HLPowerSelect,
+    HLProgress,
+    HLRadio,
+    HLSelect,
     HLSelectMultiple,
+    HLSideMenu,
+    HLSpin,
+    HLSwitch,
+    HLTable,
+    HLTableDataLimitAlert,
     HLTabs,
-    HLBigDecimalInputNumber,
-    HLInputMonetary,
+    HLTag,
     HLTagRounded,
-    HLAdvancedPowerSelect,
-    AdvancedPowerSelectStoreInterface,
-    HLFromTo,
-    HLMarkdown,
-    HLEditTable,
-    HLArticle,
-    HLCode,
+    HLTextArea,
+    HLTooltip,
+    HLTotalizer,
+    HLTree,
+    HLUserBox,
+    PowerSearchOperators,
+    PowerSelectStoreInterface,
+    SearchObject,
+    SearchType,
+    SelectStoreInterface,
 };
 
 declare module '*.module.css';
@@ -837,3 +879,489 @@ interface HLInputChildren {
 
 export const HLInput: React.FC<HLInputPropTypes> & HLInputChildren;
 
+
+export type HLAlertPropTypes = AlertProps;
+
+export const HLAlert: React.FC<HLAlertPropTypes>;
+
+export type HLArticleSection = {
+    key: string;
+    title: string;
+    content: ReactNode;
+    subsections?: HLArticleSection[];
+};
+
+export type HLArticlePropTypes = {
+    href: string;
+    title?: string;
+    sections: HLArticleSection[];
+};
+
+export const HLArticle: React.FC<HLArticlePropTypes>;
+
+
+export type HLButtonPropTypes = ButtonProps & {
+    premium?: boolean;
+    tooltip?: string;
+    borderless?: boolean;
+    'data-cy'?: string;
+};
+
+export const HLButton: React.FC<HLButtonPropTypes>;
+
+
+export interface HLCardPropTypes {
+    title?: string | React.ReactNode;
+    extra?: string | React.ReactNode;
+    loading?: boolean;
+    size?: 'default' | 'small';
+    type?: 'inner' | 'button';
+    cover?: React.ReactNode;
+    actions?: React.ReactNode[];
+    tabList?: CardTabListType[];
+    onTabChange?: (key: string) => void;
+    activeTabKey?: string;
+    defaultActiveTabKey?: string;
+    className?: string;
+    bordered?: boolean;
+    bodyStyle?: CSSProperties;
+    tabBarExtraContent?: React.ReactNode;
+}
+
+export const HLCard: React.FC<HLCardPropTypes> & { Meta: typeof Card.Meta };
+
+
+export interface HLCheckboxPropTypes {
+    className?: string;
+    key?: any;
+    label?: string;
+    domainAttribute: any;
+    rules?: any[];
+    placeholder?: string;
+    form?: Record<string, any>;
+    initialValue?: boolean;
+    disabled?: boolean;
+    onChange?: (e: CheckboxChangeEvent) => void;
+    tooltip?: string;
+}
+
+export const HLCheckbox: React.FC<HLCheckboxPropTypes>;
+
+
+export type HLCodePropTypes = SyntaxHighlighterProps & {
+    copyToClipboard?: boolean;
+};
+
+export const HLCode: React.FC<HLCodePropTypes>;
+
+
+export type HLCollapsePropTypes = CollapseProps;
+
+export const HLCollapse: React.FC<HLCollapsePropTypes> & { Panel: typeof Panel };
+
+
+export interface HLCollapseInfoPanelPropTypes {
+    attributes: string[];
+    object: any;
+    title: string;
+    columns?: number;
+    isOpen?: boolean;
+}
+
+export const HLCollapseInfoPanel: React.FC<HLCollapseInfoPanelPropTypes>;
+
+
+export type HLCpfCnpjPropTypes = HLInputPropTypes & {
+    type?: string;
+    keepFormat?: boolean;
+};
+
+export const HLCpfCnpj: React.FC<HLCpfCnpjPropTypes>;
+
+
+export type DatePickerProps = {
+    useDayjs?: boolean;
+} & PickerProps<Dayjs | Moment>;
+
+export type HLDatePickerPropTypes = DatePickerProps & {
+    disableDateAfterThan?: Record<string, unknown>;
+    disableDateBeforeThan?: Record<string, unknown>;
+    disableDateRange?: any[];
+    disabled?: boolean;
+    form?: any;
+    initialValue?: any;
+    domainAttribute: string;
+    label?: string;
+    onChange?: (date: moment, dateString: string) => void;
+    placeholder?: string;
+    rules?: any[];
+    size?: SizeType;
+    format?: string;
+    defaultPickerValue?: any;
+    showTime?: boolean;
+    key?: any;
+    locale?: any;
+};
+
+export interface HLDatePickerChildren {
+    MonthPicker: typeof MonthPicker;
+    RangePicker: typeof RangePicker;
+}
+
+export const HLDatePicker: React.FC<HLDatePickerPropTypes> & HLDatePickerChildren;
+
+
+export interface HLDeferredRenderPropTypes {
+    idleTimeout?: number;
+    spinSize?: SpinSize;
+}
+
+export const HLDeferredRender: React.FC<HLDeferredRenderPropTypes>;
+
+
+export interface HLDescriptionsChildren {
+    Item: typeof Descriptions.Item;
+}
+export type HLDescriptionsPropTypes = DescriptionsProps;
+
+export const HLDescriptions: React.FC<HLDescriptionsPropTypes> & HLDescriptionsChildren;
+
+
+export type HLDividerPropTypes = DividerProps;
+
+export const HLDivider: React.FC<HLDividerPropTypes>;
+
+
+export interface HLDrawerPropTypes extends DrawerProps {
+    width?: string | number;
+}
+
+export const HLDrawer: React.FC<HLDrawerPropTypes>;
+
+
+export type HLDropdownPropTypes = DropDownProps & {
+    premium?: boolean;
+};
+
+export const HLDropdown: React.FC<HLDropdownPropTypes>;
+
+
+interface Menu {
+    divider?: boolean;
+    label?: string;
+    link?: string;
+    disabled?: boolean;
+    query?: string;
+    onClick?: React.MouseEvent<HTMLElement>;
+}
+export interface HLDropdownButtonPropTypes {
+    menus: Menu[];
+    icon?: string;
+    label?: string;
+    style?: React.CSSProperties;
+    link?: any;
+}
+
+export const HLDropdownButton: React.FC<HLDropdownButtonPropTypes>;
+
+
+export type HLEditTablePropTypes = TableProps & {
+    handleSave: (row: any) => void;
+};
+export const HLEditTable: React.FC<HLEditTablePropTypes>;
+
+
+export const HLForm: React.FC<typeof Form> & { Item: typeof Form.Item };
+
+
+export interface HLFromToProps<L, R, T> {
+    fromL: HLFromToPanelTypes<L>;
+    fromR: HLFromToPanelTypes<R>;
+    to: HLFromToPanelTypes<T>;
+    tablesY: number;
+    onAssociate: (fromL?: L | L[], fromR?: R | R[], customL?: string, customR?: string) => void;
+    onDisassociate: (to?: T | T[]) => void;
+    disabledAssociate?: (fromL?: L | L[], fromR?: R | R[], customL?: string, customR?: string) => boolean;
+    disabledDisassociate?: (to?: T | T[]) => boolean;
+}
+
+export type HLFromToPanelTypes<P> = {
+    title?: string;
+    newButton?: {
+        label?: string;
+        disabled?: boolean;
+        onClick: (e) => void;
+    };
+    table?: {
+        loading?: boolean;
+        columns: Record<string, unknown>;
+        dataSource: Record<string, unknown>[];
+        loadMore?: Record<string, unknown>;
+        onSelect?: (selectedRows?: P | P[]) => void;
+    };
+    powerSearch?: {
+        columns: Record<string, unknown>;
+        onSubmit: (params) => void;
+    };
+    custom?: {
+        label: string;
+    };
+    footer?: ReactNode;
+    multiple?: boolean;
+};
+
+export const HLFromTo: React.FC<HLFromToProps>;
+
+
+export interface HLHeaderPropTypes {
+    children: ReactNode;
+    collapsed: boolean;
+    collapsedClick: () => unknown;
+    headerSearch?: HLHeaderSearchPropTypes;
+    moduleName: string;
+    modulesMenu?: HLModulesMenuPropTypes;
+    notifications: HLNotificationPropTypes;
+    userBox?: HLUserBoxPropTypes;
+    headerButtons?: HLHeaderButtonPropTypes[];
+    healthCheck?: HLHealthCheck;
+}
+
+export const HLHeader: React.FC<HLHeaderPropTypes>;
+
+
+export interface HLInputMonetaryPropTypes {
+    key?: any;
+    label?: string;
+    disabled?: boolean;
+    domainAttribute: string;
+    form?: Record<string, any>;
+    initialValue?: string | number;
+    placeholder?: string;
+    size?: 'large' | 'middle' | 'small';
+    rules?: any[];
+    min?: number;
+    max?: number;
+    ref?: ((instance: Input | null) => void) | React.RefObject<Input> | null;
+    style?: React.CSSProperties;
+    precision?: number;
+    stringMode?: boolean;
+    onChange?: (event: any) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+
+export const HLInputMonetary: React.FC<HLInputMonetaryPropTypes>;
+
+export interface HLMainPropTypes {
+    className?: string;
+}
+
+export const HLMain: React.FC<HLMainPropTypes>;
+
+
+export type HLMarkdownPropTypes = ReactMarkdownOptions;
+
+export const HLMarkdown: React.FC<HLMarkdownPropTypes>;
+
+
+interface Context {
+    label: string;
+    value?: any;
+    render?: (unknown) => unknown;
+}
+
+interface ContextInfo {
+    columns?: number;
+    context?: Context[];
+}
+
+interface Path {
+    link: string;
+    title: string;
+    icon: string;
+}
+
+interface BreadcrumbPath {
+    paths: Path[];
+    link: Link;
+}
+
+export type HLPageHeaderPropTypes = PageHeaderProps & {
+    context?: HLContextPropTypes;
+    breadcrumbPaths?: BreadcrumbPath;
+    contextInfo?: ContextInfo;
+    title?: React.ReactNode;
+    breadcrumb?: BreadcrumbProps;
+};
+export const HLPageHeader: React.FC<HLPageHeaderPropTypes>;
+
+
+export type HLPopoverPropTypes = PopoverProps;
+
+export const HLPopover: React.FC<PopoverProps>;
+
+
+export type HLProgressPropTypes = ProgressProps;
+
+export const HLProgress: React.FC<HLProgressPropTypes>;
+
+
+interface Options {
+    value?: string;
+    text?: string;
+    disabled?: boolean;
+    style?: any;
+}
+
+export interface HLRadioPropTypes {
+    className?: string;
+    columns?: number;
+    key?: any;
+    label?: string;
+    domainAttribute: any;
+    rules?: any[];
+    form?: Record<string, any>;
+    initialValue?: boolean;
+    disabled?: boolean;
+    onChange?: (e: RadioChangeEvent) => void;
+    size?: 'large' | 'middle' | 'small';
+    options?: Options[];
+}
+
+export const HLRadio: React.FC<HLRadioPropTypes>;
+
+
+export interface HLSelectPropTypes {
+    fieldKey: string;
+    initialValue?: string[];
+    onChange?: (value: string[] | string | number | LabeledValue, option: any) => void;
+    onSelect?: (value: string | number | LabeledValue, option: any) => void;
+    onDeselect?: (value: string | number | LabeledValue, option: any) => void;
+    store: PowerSelectStoreInterface;
+    itemKey: string;
+    itemValue?: string;
+    itemLabels: string[];
+    form: Record<string, any>;
+    rules?: any[];
+    label?: string;
+    style?: Record<string, any>;
+    placeholder?: string;
+    notContentMessage?: string;
+    mode?: 'multiple' | 'tags';
+    disabled?: boolean;
+    showSearch?: boolean;
+    allowClear?: boolean;
+    onClear?: () => void;
+}
+export const HLSelect: React.FC<HLSelectPropTypes>;
+
+
+export type HLSideMenuItem = {
+    key: string;
+    title: string;
+    tooltip: string;
+    icon?: string;
+    href?: string;
+    subpages?: string[];
+    insideMenu?: boolean;
+    links?: HLSideMenuItem[];
+    definicaoId?: string;
+    showOnWelcomePage?: boolean;
+    description?: string;
+    undeveloped?: boolean;
+};
+
+export interface HLSideMenuPropTypes {
+    collapsed: boolean;
+    location: any;
+    subMenus: HLSideMenuItem[];
+    changeOpenKeys: (unknown) => unknown;
+    onOpenChange: (unknown) => unknown;
+    generateLink: (unknown, unknown, unknown) => any;
+    allowsAccessByUrl: (unknown) => unknown;
+    changeCollapsedState: (unknown) => unknown;
+    openKeys: any[];
+    baseboardLogoPath?: string;
+    baseboardText?: string;
+    menuLogoPath: string;
+    menuCollapsedLogoPath?: string;
+    link?: Link;
+    homePath: string;
+    singleActiveMenu?: boolean;
+}
+export const HLSideMenu: React.FC<HLSideMenuPropTypes>;
+
+
+export type HLSpinPropTypes = SpinProps & {
+    centralized?: boolean;
+};
+
+export const HLSpin: React.FC<HLSpinPropTypes>;
+
+
+export const HLSwitch: React.FC<SwitchProps>;
+
+export interface HLTextAreaProptypes {
+    autosize?: { maxRows?: number; minRows?: number };
+    disabled?: boolean;
+    domainAttribute: any;
+    form?: Record<string, any>;
+    initialValue?: string;
+    key?: any;
+    label?: string;
+    maxLength?: number;
+    onChange?: ((event: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    placeholder?: string;
+    rules?: any[];
+}
+
+export const HLTextArea: React.FC<HLTextAreaProptypes>;
+
+
+export const HLTooltip: React.FC<TooltipProps>;
+
+
+export type HLTotalizerSize = 'default' | 'big';
+
+export interface HLTotalizerPropTypes {
+    key?: string;
+    className?: string;
+    title: string;
+    subtitle?: string;
+    content?: string | React.ReactNode;
+    value: string;
+    footer?: React.ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    activeColor?: string;
+    size?: HLTotalizerSize;
+    flagColor?: string;
+    onClick?: (e: any) => void;
+}
+
+export const HLTotalizer: React.FC<HLTotalizerPropTypes>;
+
+interface User {
+    name?: string;
+    avatar?: string;
+}
+
+export interface HLUserBoxPropTypes {
+    options?: any[];
+    user?: User;
+    logout?: (unknown) => unknown;
+    tenant?: string;
+    moduleInfo?: ModuleInfo;
+    sysStatus?: any;
+}
+export const HLUserBox: React.FC<HLUserBoxPropTypes>;
+
+export interface ModuleInfoPropTypes {
+    name: string;
+    version: string;
+    buildDate: Date;
+    description?: ReactNode;
+    thirdPartyLibrariesInfo?: [{ name: string; version?: string; description?: ReactNode }];
+}
+export const ModuleInfo: React.FC<ModuleInfoPropTypes>;
+