@jitera/jitera-web-ui-library 1.68.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'
 
@@ -353,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>
@@ -433,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
@@ -631,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 = {
@@ -2565,8 +2550,10 @@ export {
   MenuItemProps,
   MenuProps,
   Modal,
+  ModalComponent,
+  ModalOptions,
   ModalPositionEnum,
-  ModalShowOptions,
+  ModalProps,
   OTPInput,
   OTPInputProps,
   OTPInputType,
@@ -2599,7 +2586,6 @@ export {
   TextProps,
   TextTypeEnum,
   ThemeProvider,
-  Toast,
   assertUnreachable,
   defaultTheme,
   getIconComponent,