synos-helena 21.11.1-beta.0 → 21.12.0-beta.0

package/lib/index.d.ts

@@ -6,6 +6,7 @@
 //   ../antd/lib/card
 //   ../react
 //   ../antd/lib/checkbox
+//   ../react-syntax-highlighter
 //   ../antd/lib/collapse
 //   util/constants
 //   HLInput
@@ -23,6 +24,7 @@
 //   HLModulesMenu
 //   HLNotification
 //   HLUserBox
+//   ../react-markdown/lib/react-markdown
 //   ../react-router-dom
 //   ../antd/lib/page-header
 //   HLContext
@@ -39,8 +41,10 @@ import { Card } from 'antd';
 import { CardTabListType } from 'antd/lib/card';
 import { CSSProperties } from 'react';
 import { CheckboxChangeEvent } from 'antd/lib/checkbox';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
 import { CollapseProps } from 'antd/lib/collapse';
 import { CollapsePanelProps } from 'antd/lib/collapse';
+import React from 'react';
 import { DATE_TIME, DATE } from 'src/util/constants';
 import { HLInputPropTypes } from 'src/HLInput';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
@@ -52,7 +56,7 @@ import { DescriptionsProps } from 'antd/lib/descriptions';
 import { DividerProps } from 'antd/lib/divider';
 import { DrawerProps } from 'antd/lib/drawer';
 import { DropDownProps } from 'antd/lib/dropdown';
-import { TableProps } from "antd";
+import { TableProps } from 'antd';
 import { Form } from 'antd';
 import { ReactNode } from 'react';
 import { HLHeaderButtonPropTypes } from 'src/HLHeaderButton';
@@ -62,6 +66,7 @@ import { HLModulesMenuPropTypes } from 'src/HLModulesMenu';
 import { HLNotificationPropTypes } from 'src/HLNotification';
 import { HLUserBoxPropTypes } from 'src/HLUserBox';
 import { Input } from 'antd';
+import { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown';
 import { Link } from 'react-router-dom';
 import { BreadcrumbProps } from 'antd';
 import { PageHeaderProps } from 'antd/lib/page-header';
@@ -78,11 +83,27 @@ 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>;
@@ -126,6 +147,13 @@ export interface HLCheckboxPropTypes {
 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 };
@@ -140,6 +168,7 @@ export interface HLCollapseInfoPanelPropTypes {
     object: any;
     title: string;
     columns?: number;
+    isOpen?: boolean;
 }
 
 
@@ -167,7 +196,7 @@ export interface HLContextPropTypes {
     serie?: Record<string, any>;
     series?: any[];
     format?: string;
-    onApply?: Function;
+    onApply?: (estabelecimento: any, format: 'YYYY-MM-DDTHH:mm:ss' | 'YYYY-MM-DD' | null, serie: any) => any | undefined;
     periodo?: number;
     width?: any;
     useISOFormat: 'YYYY-MM-DDTHH:mm:ss' | 'YYYY-MM-DD';
@@ -191,15 +220,15 @@ export type DatePickerProps = {
 } & PickerProps<Dayjs | Moment>;
 
 export type HLDatePickerPropTypes = DatePickerProps & {
-    disableDateAfterThan?: Object;
-    disableDateBeforeThan?: Object;
+    disableDateAfterThan?: Record<string, unknown>;
+    disableDateBeforeThan?: Record<string, unknown>;
     disableDateRange?: any[];
     disabled?: boolean;
     form?: any;
     initialValue?: any;
     domainAttribute: string;
     label?: string;
-    onChange?: Function;
+    onChange?: (date: moment, dateString: string) => void;
     placeholder?: string;
     rules?: any[];
     size?: SizeType;
@@ -223,7 +252,7 @@ export type HLMonthPickerProps = DatePickerProps & {
     domainAttribute: string;
     form?: Record<string, any>;
     label?: string;
-    onChange?: Function;
+    onChange?: (value: Dayjs | moment.Moment | null, dateString: string) => void;
     rules?: any[];
     key?: any;
     format?: string;
@@ -241,7 +270,7 @@ export type HLRangePickerProps = RangeDatePickerProps & {
     domainAttribute: string;
     form?: any;
     label?: string;
-    onChange?: Function;
+    onChange?: (value: Dayjs | moment.Moment | null, dateString: string) => void;
     rules?: any[];
     key?: any;
     format?: string;
@@ -276,13 +305,14 @@ export type HLDropdownPropTypes = DropDownProps & {
 
 export const HLDropdown: React.FC<HLDropdownPropTypes>;
 
+
 interface Menu {
     divider?: boolean;
     label?: string;
     link?: string;
     disabled?: boolean;
     query?: string;
-    onClick?: Function;
+    onClick?: React.MouseEvent<HTMLElement>;
 }
 export interface HLDropdownButtonPropTypes {
     menus: Menu[];
@@ -297,7 +327,7 @@ export const HLDropdownButton: React.FC<HLDropdownButtonPropTypes>;
 
 export type HLEditTablePropTypes = TableProps & {
     handleSave: (row: any) => void;
-}
+};
 export const HLEditTable: React.FC<HLEditTablePropTypes>;
 
 export interface Page500PropTypes {
@@ -330,13 +360,13 @@ export type HLFromToPanelTypes<P> = {
     };
     table?: {
         loading?: boolean;
-        columns: object[];
-        dataSource: object[];
-        loadMore?: object;
+        columns: Record<string, unknown>;
+        dataSource: Record<string, unknown>[];
+        loadMore?: Record<string, unknown>;
         onSelect?: (selectedRows?: P | P[]) => void;
     };
     powerSearch?: {
-        columns: object[];
+        columns: Record<string, unknown>;
         onSubmit: (params) => void;
     };
     custom?: {
@@ -350,7 +380,7 @@ export type HLFromToPanelTypes<P> = {
 export interface HLHeaderPropTypes {
     children: ReactNode;
     collapsed: boolean;
-    collapsedClick: Function;
+    collapsedClick: () => unknown;
     headerSearch?: HLHeaderSearchPropTypes;
     moduleName: string;
     modulesMenu?: HLModulesMenuPropTypes;
@@ -372,7 +402,7 @@ export interface HLHeaderButtonPropTypes {
 export const HLHeaderButton: React.FC<HLHeaderButtonPropTypes>;
 
 export interface HLHeaderSearchPropTypes {
-    onSubmit: Function;
+    onSubmit: (unknown) => unknown;
 }
 
 export const HLHeaderSearch: React.FC<HLHeaderSearchPropTypes>;
@@ -383,6 +413,7 @@ export interface HLInputPropTypes {
     label?: string;
     disabled?: boolean;
     domainAttribute: string;
+    'data-cy'?: string;
     form?: Record<string, any>;
     initialValue?: string | number;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -392,8 +423,12 @@ export interface HLInputPropTypes {
     maxLength?: number;
     onPressEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     ref?: ((instance: Input | null) => void) | React.RefObject<Input> | null;
-    onValueFromEvent?: Function;
+    onValueFromEvent?: (unknown) => unknown;
     style?: React.CSSProperties;
+    autoComplete?: string;
+    readOnly?: boolean;
+    onFocus?: (unknown) => unknown | undefined;
+    onBlur?: (unknown) => unknown | undefined;
 }
 
 interface HLInputChildren {
@@ -441,6 +476,11 @@ export interface HLMainPropTypes {
 
 export const HLMain: React.FC<HLMainPropTypes>;
 
+
+export type HLMarkdownPropTypes = ReactMarkdownOptions;
+
+export const HLMarkdown: React.FC<HLMarkdownPropTypes>;
+
 interface Module {
     title: string;
     description?: string;
@@ -455,33 +495,19 @@ 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;
+    date: number;
     isVisualized: boolean;
     link?: string;
-    onClick?: Function;
+    onClick?: React.MouseEvent<HTMLElement>;
 }
 
 export interface HLNotificationPropTypes {
     buttonLabel?: string;
-    onClearNotification?: Function;
+    onClearNotification?: () => any;
     title?: string;
     placement?:
         | 'bottom'
@@ -498,7 +524,6 @@ export interface HLNotificationPropTypes {
         | 'rightBottom';
     Link?: Link;
     notifications?: Notification[];
-    markAsReadCallback: (notification: Record<string, string>) => void;
     fetchNewNotifications: () => void;
     showFormat: string;
     refreshInterval: number;
@@ -507,33 +532,19 @@ 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;
+    date: number;
     isVisualized: boolean;
     link?: string;
-    onClick?: Function;
+    onClick?: React.MouseEvent<HTMLElement>;
 }
 
 export interface NotificationListPropTypes {
     Link?: Link;
-    onClickNotification: (notification: Record<string, string>) => void;
+    onClickNotification?: (unknown) => any;
     notifications?: Notification[];
     useDayjs?: boolean;
 }
@@ -544,7 +555,7 @@ export const NotificationList: React.FC<NotificationListPropTypes>;
 interface Context {
     label: string;
     value?: any;
-    render?: Function;
+    render?: (unknown) => unknown;
 }
 
 interface ContextInfo {
@@ -630,11 +641,11 @@ export interface HLSideMenuPropTypes {
     collapsed: boolean;
     location: any;
     subMenus: any[];
-    changeOpenKeys: Function;
-    onOpenChange: Function;
-    generateLink: Function;
-    allowsAccessByUrl: Function;
-    changeCollapsedState: Function;
+    changeOpenKeys: (unknown) => unknown;
+    onOpenChange: (unknown) => unknown;
+    generateLink: (unknown, unknown, unknown, unknown) => any;
+    allowsAccessByResourceId: (unknown) => unknown;
+    changeCollapsedState: (unknown) => unknown;
     openKeys: any[];
     baseboardLogoPath?: string;
     baseboardText?: string;
@@ -704,7 +715,7 @@ interface User {
 export interface HLUserBoxPropTypes {
     options?: any[];
     user?: User;
-    logout?: Function;
+    logout?: (unknown) => unknown;
     tenant?: string;
     moduleInfo?: ModuleInfo;
     sysStatus?: any;
@@ -751,8 +762,10 @@ export {
     HLAdvancedPowerSelect,
     AdvancedPowerSelectStoreInterface,
     HLFromTo,
-    HLMarkDown,
+    HLMarkdown,
     HLEditTable,
+    HLArticle,
+    HLCode,
 };
 
 declare module '*.module.css';
@@ -769,6 +782,7 @@ export interface HLInputPropTypes {
     label?: string;
     disabled?: boolean;
     domainAttribute: string;
+    'data-cy'?: string;
     form?: Record<string, any>;
     initialValue?: string | number;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -778,8 +792,12 @@ export interface HLInputPropTypes {
     maxLength?: number;
     onPressEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     ref?: ((instance: Input | null) => void) | React.RefObject<Input> | null;
-    onValueFromEvent?: Function;
+    onValueFromEvent?: (unknown) => unknown;
     style?: React.CSSProperties;
+    autoComplete?: string;
+    readOnly?: boolean;
+    onFocus?: (unknown) => unknown | undefined;
+    onBlur?: (unknown) => unknown | undefined;
 }
 
 interface HLInputChildren {