@jitera/jitera-web-ui-library 1.67.0 → 1.69.0

package/README.md

@@ -8,17 +8,20 @@ In the project directory, you can run:
 
 Runs the storybook in the development mode.\
 Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
+
 ```
 yarn storybook
 ```
 
 Format Code
+
 ```
 yarn lint
 yarn format
 ```
 
 Builds the app for publishing as NPM Package to the `dist` folder.
+
 ```
 yarn build
 ```

package/dist/index.css

@@ -14,4 +14,4 @@
 /* src/components/atoms/HamburgerMenu/HamburgerMenu.module.css */
 .mca48d82cd_Wrapper {
   width: fit-content;
-}
+}

package/dist/index.d.ts

@@ -15,11 +15,11 @@ import {
   SpaceProps,
   CheckboxProps as CheckboxProps$1,
   UploadProps,
+  DatePickerProps,
   DrawerProps,
   TabsProps,
-  ModalProps,
   PaginationProps,
-  MessageArgsProps
+  ModalProps as ModalProps$1
 } from 'antd'
 export { CheckboxOptionType as RadioCheckboxOptionType } from 'antd'
 import * as react_icons_lib from 'react-icons/lib'
@@ -30,8 +30,7 @@ import { Props, OptionsOrGroups, GroupBase, SelectInstance } from 'react-select'
 export { SelectInstance as SelectRef } from 'react-select'
 import { TextAreaProps as TextAreaProps$1 } from 'antd/lib/input/TextArea'
 import { CheckboxGroupProps } from 'antd/lib/checkbox'
-import { Dayjs } from 'dayjs'
-import { PickerDateProps } from 'antd/lib/date-picker/generatePicker'
+import moment from 'moment'
 import { Settings, ResponsiveObject } from 'react-slick'
 import {
   RowData,
@@ -43,7 +42,7 @@ import {
 } from '@tanstack/table-core'
 import { DragEndEvent } from '@dnd-kit/core'
 import { OtpInputProps } from 'react-otp-input'
-import * as antd_lib_message from 'antd/lib/message'
+export { toast as Toast, ToastContainer, ToastContainerProps } from 'react-toastify'
 export { createColumnHelper } from '@tanstack/react-table'
 export { arrayMove } from '@dnd-kit/sortable'
 
@@ -182,21 +181,96 @@ declare const Sider: React.ForwardRefExoticComponent<
 
 declare enum TextTypeEnum {
   Link = 'Link',
-  Text = 'Text'
+  Text = 'Text',
+  H1 = 'H1',
+  H2 = 'H2',
+  H3 = 'H3',
+  H4 = 'H4',
+  H5 = 'H5',
+  H6 = 'H6',
+  B = 'B',
+  I = 'I',
+  Em = 'Em',
+  U = 'U',
+  S = 'S',
+  Del = 'Del',
+  Pre = 'Pre',
+  Code = 'Code',
+  Blockquote = 'Blockquote',
+  Figcaption = 'Figcaption',
+  Cite = 'Cite'
 }
 declare type BaseTextProps = React.HTMLAttributes<HTMLDivElement>
 declare type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>
+declare type BaseH1Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseH2Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseH3Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseH4Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseH5Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseH6Props = React.HTMLAttributes<HTMLHeadingElement>
+declare type BaseBProps = React.HTMLAttributes<HTMLElement>
+declare type BaseIProps = React.HTMLAttributes<HTMLElement>
+declare type BaseEmProps = React.HTMLAttributes<HTMLElement>
+declare type BaseUProps = React.HTMLAttributes<HTMLElement>
+declare type BaseSProps = React.HTMLAttributes<HTMLElement>
+declare type BaseDelProps = React.HTMLAttributes<HTMLModElement>
+declare type BasePreProps = React.HTMLAttributes<HTMLPreElement>
+declare type BaseCodeProps = React.HTMLAttributes<HTMLElement>
+declare type BaseBlockquoteProps = React.HTMLAttributes<HTMLQuoteElement>
+declare type BaseFigcaptionProps = React.HTMLAttributes<HTMLElement>
+declare type BaseCiteProps = React.HTMLAttributes<HTMLElement>
 declare type TextProps = PreviewProps &
   BaseTextProps &
-  BaseLinkProps & {
+  BaseLinkProps &
+  BaseH1Props &
+  BaseH2Props &
+  BaseH3Props &
+  BaseH4Props &
+  BaseH5Props &
+  BaseH6Props &
+  BaseBProps &
+  BaseIProps &
+  BaseEmProps &
+  BaseUProps &
+  BaseSProps &
+  BaseDelProps &
+  BasePreProps &
+  BaseCodeProps &
+  BaseBlockquoteProps &
+  BaseFigcaptionProps &
+  BaseCiteProps & {
     textType?: `${TextTypeEnum}`
   }
 declare const Text: React.ForwardRefExoticComponent<
   PreviewProps &
     BaseTextProps &
-    BaseLinkProps & {
+    BaseLinkProps &
+    BaseH1Props &
+    BaseH2Props &
+    BaseH3Props &
+    BaseH4Props &
+    BaseH5Props &
+    BaseH6Props &
+    BaseBProps &
+    BaseIProps &
+    BaseEmProps &
+    BaseUProps &
+    BaseSProps &
+    BaseDelProps &
+    BasePreProps &
+    BaseCodeProps &
+    BaseBlockquoteProps &
+    BaseFigcaptionProps &
+    BaseCiteProps & {
       textType?: `${TextTypeEnum}`
-    } & React.RefAttributes<HTMLDivElement & HTMLAnchorElement>
+    } & React.RefAttributes<
+      HTMLDivElement &
+        HTMLAnchorElement &
+        HTMLHeadingElement &
+        HTMLModElement &
+        HTMLPreElement &
+        HTMLQuoteElement
+    >
 >
 
 interface SelectPropsDatum {
@@ -278,11 +352,12 @@ declare enum PickerEnum {
 }
 interface DateTimePickerProps
   extends PreviewProps,
-    ComponentProps<Omit<PickerDateProps<Dayjs>, 'picker' | 'defaultValue'>> {
+    ComponentProps<Omit<DatePickerProps, 'picker' | 'defaultValue' | 'value'>> {
   picker?: `${PickerEnum}`
   showTime?: boolean
   errorMessage?: string
-  defaultValue?: Pick<PickerDateProps<Dayjs>, 'defaultValue'> | string
+  defaultValue?: string
+  value?: moment.Moment | string
 }
 declare const DateTimePicker: React.ForwardRefExoticComponent<
   DateTimePickerProps & React.RefAttributes<HTMLDivElement>
@@ -358,36 +433,6 @@ interface TabProps extends PreviewProps, ComponentProps<TabsProps> {
 }
 declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>
 
-declare enum ModalPositionEnum {
-  DEFAULT = 'default',
-  TOP = 'top',
-  CENTER = 'center'
-}
-interface ModalShowOptions
-  extends Omit<
-    ModalProps,
-    | 'visible'
-    | 'closable'
-    | 'footer'
-    | 'modalRender'
-    | 'cancelText'
-    | 'cancelButtonProps'
-    | 'okText'
-    | 'onOk'
-    | 'okButtonProps'
-    | 'okType'
-    | 'title'
-    | 'closeIcon'
-    | 'bodyStyle'
-  > {
-  position?: `${ModalPositionEnum}`
-}
-declare const Modal: {
-  show(ReactComponent: React.ReactNode, options?: ModalShowOptions): void
-  hide(): void
-  hideAll(): void
-}
-
 interface RichTextProps {
   data?: string
   style?: CSSProperties
@@ -556,38 +601,53 @@ declare const OTPInput: React.ForwardRefExoticComponent<
   OTPInputProps & React.RefAttributes<HTMLDivElement>
 >
 
-declare const Toast: {
-  success(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  error(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  info(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  warning(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  warn(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  loading(
-    ReactComponent: React.ReactNode | string | MessageArgsProps,
-    duration?: number,
-    onClose?: () => void
-  ): void
-  message: antd_lib_message.MessageApi
+declare enum ModalPositionEnum {
+  DEFAULT = 'default',
+  TOP = 'top',
+  CENTER = 'center'
+}
+interface ModalOptions
+  extends Omit<
+    ModalProps$1,
+    | 'visible'
+    | 'closable'
+    | 'footer'
+    | 'modalRender'
+    | 'cancelText'
+    | 'cancelButtonProps'
+    | 'okText'
+    | 'onOk'
+    | 'okButtonProps'
+    | 'okType'
+    | 'title'
+    | 'closeIcon'
+    | 'bodyStyle'
+  > {
+  position?: `${ModalPositionEnum}`
+}
+declare type ModalProps = {
+  local?: boolean
+}
+declare type ModalState = {
+  modals: {
+    options: ModalOptions
+    component: React.ReactNode
+    visible: boolean
+    id: string
+  }[]
+}
+declare class ModalComponent extends React.PureComponent<ModalProps, ModalState> {
+  constructor(props: ModalProps)
+  componentDidMount(): void
+  componentWillUnmount(): void
+  clearModal: (hideId?: string) => void
+  hide: (id?: string) => void
+  show: (component: React.ReactNode, options: ModalOptions) => string
+  render(): JSX.Element
+}
+declare const Modal: {
+  show(component: React.ReactNode, modalOptions?: ModalOptions): string
+  hide(id?: string): void
 }
 
 declare type ThemeProviderProps = {
@@ -2421,8 +2481,25 @@ declare const useTheme: () => {
 }
 
 export {
+  BaseBProps,
+  BaseBlockquoteProps,
+  BaseCiteProps,
+  BaseCodeProps,
+  BaseDelProps,
+  BaseEmProps,
+  BaseFigcaptionProps,
+  BaseH1Props,
+  BaseH2Props,
+  BaseH3Props,
+  BaseH4Props,
+  BaseH5Props,
+  BaseH6Props,
+  BaseIProps,
   BaseLinkProps,
+  BasePreProps,
+  BaseSProps,
   BaseTextProps,
+  BaseUProps,
   Box,
   BoxProps,
   Button,
@@ -2473,8 +2550,10 @@ export {
   MenuItemProps,
   MenuProps,
   Modal,
+  ModalComponent,
+  ModalOptions,
   ModalPositionEnum,
-  ModalShowOptions,
+  ModalProps,
   OTPInput,
   OTPInputProps,
   OTPInputType,
@@ -2507,7 +2586,6 @@ export {
   TextProps,
   TextTypeEnum,
   ThemeProvider,
-  Toast,
   assertUnreachable,
   defaultTheme,
   getIconComponent,