@itcase/ui 1.2.12 → 1.2.14

package/dist/context/Notifications.js

@@ -1,165 +1,149 @@
 'use client';
-import React, { useState, useCallback, useMemo, useEffect, useContext, createContext } from 'react';
+import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { v4 } from 'uuid';
 
-const STATUSES = {
-  error: 'error',
-  info: 'info',
-  success: 'success',
-  warning: 'warning'
+var STATUSES = {
+    error: 'error',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
 };
-const NotificationsContext = /*#__PURE__*/createContext([]);
-const NotificationsAPIContext = /*#__PURE__*/createContext({
-  hideNotifications: targetId => {},
-  notificationStatuses: STATUSES,
-  showNotification: (notification, onClose) => {}
+var NotificationsContext = createContext([]);
+var NotificationsAPIContext = createContext({
+    hideNotifications: function (targetId) { },
+    notificationStatuses: STATUSES,
+    showNotification: function (notification, onClose) { },
 });
 function NotificationsProvider(props) {
-  const {
-    children,
-    initialNotificationsList = []
-  } = props;
-  const [notificationsList, setNotificationsList] = useState(() => {
-    // We need to set id to every notification item and original list also be have new id's
-    return (initialNotificationsList || []).map(notificationItem => {
-      return createNotification(notificationItem, notificationItem.onClose);
-    });
-  });
-  const hideNotifications = useCallback(targetId => {
-    // If not target, then nothing to hide
-    if (!targetId) {
-      return;
-    }
-    setNotificationsList(prevState => {
-      const newState = prevState.filter(notificationItem => {
-        // Check on need to hide, if current notification is target for hide
-        const isNeedToHide = String(notificationItem.id) === String(targetId);
-        // Callback for close if exists
-        if (isNeedToHide) {
-          clearTimeout(notificationItem._closeTimeout);
-          notificationItem.onClose && notificationItem.onClose();
+    var children = props.children, _a = props.initialNotificationsList, initialNotificationsList = _a === void 0 ? [] : _a;
+    var _b = useState(function () {
+        // We need to set id to every notification item and original list also be have new id's
+        return (initialNotificationsList || []).map(function (notificationItem) {
+            return createNotification(notificationItem, notificationItem.onClose);
+        });
+    }), notificationsList = _b[0], setNotificationsList = _b[1];
+    var hideNotifications = useCallback(function (targetId) {
+        // If not target, then nothing to hide
+        if (!targetId) {
+            return;
         }
-        // Save in state if no need to hide
-        return !isNeedToHide;
-      });
-      // Set new notifications list without target item to state
-      return newState;
-    });
-  }, []);
-  const showNotification = useCallback((notification, onClose) => {
-    const newNotificationItem = createNotification(notification, onClose);
-    setNotificationsList(prevState => {
-      const newState = prevState.slice();
-      const existsNotificationIndex = newState.findIndex(notificationItem => String(notificationItem.id) === String(newNotificationItem.id));
-      if (existsNotificationIndex === -1) {
-        return [...newState, newNotificationItem];
-      }
-      clearTimeout(newState[existsNotificationIndex]._closeTimeout);
-      newState[existsNotificationIndex]._closeTimeout = null;
-      newState[existsNotificationIndex] = newNotificationItem;
-      return newState;
-    });
-    if (newNotificationItem.closeByTime) {
-      newNotificationItem._closeTimeout = setTimeout(() => hideNotifications(newNotificationItem.id), newNotificationItem.closeByTime);
-    }
-    return newNotificationItem;
-    // eslint-disable-next-line
-  }, []);
-  const notificationsAPI = useMemo(() => ({
-    hideNotifications: hideNotifications,
-    notificationStatuses: STATUSES,
-    showNotification: showNotification
-  }),
-  // Functions is never changes, no sense to set as dependencies
-  // eslint-disable-next-line
-  []);
-  useEffect(() => {
-    // Set timeout for initial notifications list one time on first render
-    notificationsList.forEach(notificationItem => {
-      if (notificationItem.closeByTime) {
-        setTimeout(() => hideNotifications(notificationItem.id), notificationItem.closeByTime);
-      }
-    });
+        setNotificationsList(function (prevNotificationsList) {
+            var newState = prevNotificationsList.filter(function (notificationItem) {
+                // Check on need to hide, if current notification is target for hide
+                var isNeedToHide = String(notificationItem.id) === String(targetId);
+                // Callback for close if exists
+                if (isNeedToHide) {
+                    clearTimeout(notificationItem._closeTimeout);
+                    // @typescript-eslint/no-unused-expressions
+                    notificationItem.onClose && notificationItem.onClose();
+                }
+                // Save in state if no need to hide
+                return !isNeedToHide;
+            });
+            // Set new notifications list without target item to state
+            return newState;
+        });
+    }, []);
+    var showNotification = useCallback(function (notification, onClose) {
+        var newNotificationItem = createNotification(notification, onClose);
+        setNotificationsList(function (prevNotificationsList) {
+            var newState = prevNotificationsList.slice();
+            var existsNotificationIndex = newState.findIndex(function (notificationItem) { return String(notificationItem.id) === String(newNotificationItem.id); });
+            // Add new notification
+            if (existsNotificationIndex === -1) {
+                return __spreadArray(__spreadArray([], newState, true), [newNotificationItem], false);
+            }
+            // Or update exists notification
+            var updatedNotificationItem = newState[existsNotificationIndex];
+            // Clear timeout to avoid close event for updated notification
+            clearTimeout(updatedNotificationItem._closeTimeout);
+            updatedNotificationItem._closeTimeout = undefined;
+            // Replace exists notification by new one
+            newState[existsNotificationIndex] = newNotificationItem;
+            return newState;
+        });
+        if (newNotificationItem.closeByTime) {
+            newNotificationItem._closeTimeout = setTimeout(function () { return hideNotifications(newNotificationItem.id); }, newNotificationItem.closeByTime);
+        }
+        return newNotificationItem;
+    }, 
+    // "hideNotifications" is never changed
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var notificationsAPI = useMemo(function () { return ({
+        hideNotifications: hideNotifications,
+        notificationStatuses: STATUSES,
+        showNotification: showNotification,
+    }); }, 
+    // Functions is never changes, no sense to set as dependencies
     // eslint-disable-next-line
-  }, []);
-  return /*#__PURE__*/React.createElement(NotificationsAPIContext.Provider, {
-    value: notificationsAPI
-  }, /*#__PURE__*/React.createElement(NotificationsContext.Provider, {
-    value: notificationsList
-  }, children));
+    []);
+    useEffect(function () {
+        // Set timeout for initial notifications list one time on first render
+        notificationsList.forEach(function (notificationItem) {
+            if (notificationItem.closeByTime) {
+                setTimeout(function () { return hideNotifications(notificationItem.id); }, notificationItem.closeByTime);
+            }
+        });
+        // eslint-disable-next-line
+    }, []);
+    return (jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
 }
 NotificationsProvider.propTypes = {
-  children: PropTypes.any,
-  initialNotificationsList: PropTypes.array
+    children: PropTypes.any,
+    initialNotificationsList: PropTypes.array,
 };
 function useNotifications() {
-  return useContext(NotificationsContext);
+    return useContext(NotificationsContext);
 }
 function useNotificationsAPI() {
-  return useContext(NotificationsAPIContext);
+    return useContext(NotificationsAPIContext);
 }
 function createNotification(notification, onClose) {
-  // Default notification item properties
-  let id = v4().split('-')[0];
-  let title = '';
-  let text = '';
-  let status = STATUSES.warning;
-  let closeByTime = 4500;
-  let textColor = '';
-  if (typeof notification === 'string') {
-    text = notification;
-  } else if (typeof notification === 'object') {
-    id = notification.id ?? id;
-    title = notification.title ?? title;
-    text = notification.text ?? text;
-    status = notification.status ?? status;
-    closeByTime = notification.closeByTime ?? closeByTime;
-  }
-  switch (status) {
-    case 'success':
-      textColor = 'successTextPrimary';
-      break;
-    case 'info':
-      textColor = 'infoTextPrimary';
-      break;
-    case 'error':
-      textColor = 'errorTextPrimary';
-      break;
-    case 'warning':
-      textColor = 'warningTextPrimary';
-      break;
-  }
-  return {
-    id: id,
-    title: title,
-    text: text,
-    status: status,
-    textColor: textColor,
-    closeByTime: closeByTime,
-    onClose: onClose
-  };
-}
-NotificationsProvider.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "NotificationsProvider",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "initialNotificationsList": {
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
+    var _a, _b, _c, _d, _e;
+    // Default notification item properties
+    var id = v4().split('-')[0];
+    var title = '';
+    var text = '';
+    var status = STATUSES.warning;
+    var closeByTime = 4500;
+    var textColor = '';
+    if (typeof notification === 'string') {
+        text = notification;
     }
-  }
-};
+    else if (typeof notification === 'object') {
+        id = (_a = notification.id) !== null && _a !== void 0 ? _a : id;
+        title = (_b = notification.title) !== null && _b !== void 0 ? _b : title;
+        text = (_c = notification.text) !== null && _c !== void 0 ? _c : text;
+        status = (_d = notification.status) !== null && _d !== void 0 ? _d : status;
+        closeByTime = (_e = notification.closeByTime) !== null && _e !== void 0 ? _e : closeByTime;
+    }
+    switch (status) {
+        case 'success':
+            textColor = 'successTextPrimary';
+            break;
+        case 'info':
+            textColor = 'infoTextPrimary';
+            break;
+        case 'error':
+            textColor = 'errorTextPrimary';
+            break;
+        case 'warning':
+            textColor = 'warningTextPrimary';
+            break;
+    }
+    return {
+        id: id,
+        closeByTime: closeByTime,
+        status: status,
+        text: text,
+        textColor: textColor,
+        title: title,
+        onClose: onClose,
+    };
+}
 
 export { NotificationsProvider, useNotifications, useNotificationsAPI };

package/dist/context/UIContext.js

@@ -1,48 +1,39 @@
 'use client';
-import React, { useContext, memo, useState, useMemo, createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, memo, useState, useMemo, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
-const UserDeviceContext = /*#__PURE__*/createContext({
-  isMobile: false,
-  isTablet: false,
-  isDesktop: false
+var UserDeviceContext = createContext({
+    isMobile: false,
+    isTablet: false,
+    isDesktop: false,
 });
-const SiteMenuContext = /*#__PURE__*/createContext({
-  isSiteMenuOpen: false,
-  setIsSiteMenuOpen: () => {}
+var SiteMenuContext = createContext({
+    isSiteMenuOpen: false,
+    setIsSiteMenuOpen: function () { },
 });
 function useUserDeviceContext() {
-  return useContext(UserDeviceContext);
+    return useContext(UserDeviceContext);
 }
 function useSiteMenuContext() {
-  return useContext(SiteMenuContext);
+    return useContext(SiteMenuContext);
 }
-const UIProvider = /*#__PURE__*/memo(function UIProvider(props) {
-  const {
-    children,
-    userDeviceState = {}
-  } = props;
-  const [isSiteMenuOpen, setIsSiteMenuOpen] = useState(false);
-  const siteMenuContextState = useMemo(() => ({
-    isSiteMenuOpen,
-    setIsSiteMenuOpen
-  }), [isSiteMenuOpen]);
-  const mediaQueriesDevices = useMediaQueries(userDeviceState);
-  return /*#__PURE__*/React.createElement(UserDeviceContext.Provider, {
-    value: mediaQueriesDevices
-  }, /*#__PURE__*/React.createElement(SiteMenuContext.Provider, {
-    value: siteMenuContextState
-  }, children));
+var UIProvider = memo(function UIProvider(props) {
+    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a;
+    var _b = useState(false), isSiteMenuOpen = _b[0], setIsSiteMenuOpen = _b[1];
+    var siteMenuContextState = useMemo(function () { return ({ isSiteMenuOpen: isSiteMenuOpen, setIsSiteMenuOpen: setIsSiteMenuOpen }); }, [isSiteMenuOpen]);
+    var mediaQueriesDevices = useMediaQueries(userDeviceState);
+    return (jsx(UserDeviceContext.Provider, { value: mediaQueriesDevices, children: jsx(SiteMenuContext.Provider, { value: siteMenuContextState, children: children }) }));
 });
 UIProvider.propTypes = {
-  children: PropTypes.any,
-  userDeviceState: PropTypes.shape({
-    isMobile: PropTypes.bool,
-    isTablet: PropTypes.bool,
-    isDesktop: PropTypes.bool
-  })
+    children: PropTypes.any,
+    userDeviceState: PropTypes.shape({
+        isMobile: PropTypes.bool,
+        isTablet: PropTypes.bool,
+        isDesktop: PropTypes.bool,
+    }),
 };
 
 export { UIProvider, useSiteMenuContext, useUserDeviceContext };

package/dist/css/components/DatePicker/DatePicker.css

@@ -331,10 +331,10 @@ h2.react-datepicker__current-month {
 .react-datepicker__year-text {
   cursor: pointer;
 }
-.react-datepicker__day:hover,
-.react-datepicker__month-text:hover,
-.react-datepicker__quarter-text:hover,
-.react-datepicker__year-text:hover {
+.react-datepicker__day:not([aria-disabled=true]):hover,
+.react-datepicker__month-text:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
+.react-datepicker__year-text:not([aria-disabled=true]):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
@@ -352,10 +352,10 @@ h2.react-datepicker__current-month {
   background-color: #3dcc4a;
   color: #fff;
 }
-.react-datepicker__day--highlighted:hover,
-.react-datepicker__month-text--highlighted:hover,
-.react-datepicker__quarter-text--highlighted:hover,
-.react-datepicker__year-text--highlighted:hover {
+.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
   background-color: #32be3f;
 }
 .react-datepicker__day--highlighted-custom-1,
@@ -396,10 +396,10 @@ h2.react-datepicker__current-month {
   opacity: 0;
   transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-.react-datepicker__day--holidays:hover,
-.react-datepicker__month-text--holidays:hover,
-.react-datepicker__quarter-text--holidays:hover,
-.react-datepicker__year-text--holidays:hover {
+.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
   background-color: #cf5300;
 }
 .react-datepicker__day--holidays:hover .overlay,
@@ -423,16 +423,16 @@ h2.react-datepicker__current-month {
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
-.react-datepicker__month-text--selected:hover,
-.react-datepicker__month-text--in-selecting-range:hover,
-.react-datepicker__month-text--in-range:hover,
-.react-datepicker__quarter-text--selected:hover,
-.react-datepicker__quarter-text--in-selecting-range:hover,
-.react-datepicker__quarter-text--in-range:hover,
-.react-datepicker__year-text--selected:hover,
-.react-datepicker__year-text--in-selecting-range:hover,
-.react-datepicker__year-text--in-range:hover {
+.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
   background-color: #1d5d90;
 }
 .react-datepicker__day--keyboard-selected,
@@ -443,10 +443,10 @@ h2.react-datepicker__current-month {
   background-color: #bad9f1;
   color: rgb(0, 0, 0);
 }
-.react-datepicker__day--keyboard-selected:hover,
-.react-datepicker__month-text--keyboard-selected:hover,
-.react-datepicker__quarter-text--keyboard-selected:hover,
-.react-datepicker__year-text--keyboard-selected:hover {
+.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
   background-color: #1d5d90;
 }
 .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
@@ -508,12 +508,6 @@ h2.react-datepicker__current-month {
   cursor: default;
   color: #ccc;
 }
-.react-datepicker__day--disabled:hover,
-.react-datepicker__month-text--disabled:hover,
-.react-datepicker__quarter-text--disabled:hover,
-.react-datepicker__year-text--disabled:hover {
-  background-color: transparent;
-}
 .react-datepicker__day--disabled .overlay,
 .react-datepicker__month-text--disabled .overlay,
 .react-datepicker__quarter-text--disabled .overlay,

package/dist/css/components/Group/Group.css

@@ -44,6 +44,30 @@
   }
 }
 
+.group {
+  &_icon_fill {
+    &_hover {
+      @each $type in accent, primary, secondary, tertiary, surface, success, error {
+        &_$(type) {
+          &-item {
+            @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
+              disabled, hover {
+              &-$(color) {
+                &:hover {
+                  & svg {
+                    stroke: none;
+                    fill: var(--color-$(type)-item-$(color));
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 .group {
   &_shape {
     &_rounded {

package/dist/css/styles/mediaqueries.css

@@ -65,7 +65,7 @@
 
 @custom-media --mouse (hover: hover) and (pointer: fine);
 
-@custom-media --tiny-viewport (width >= 1280px) and (height <= 720px);
+@custom-media --tiny-viewport (width <= 1366px) and (height <= 720px);
 
 @custom-media --small-viewport (width >= 1366px) and (height < 768px);
 

package/dist/hooks/styleAttributes.interface.js

@@ -0,0 +1 @@
+

package/dist/hooks/useDeviceTargetClass.js

@@ -2,6 +2,7 @@ import { useMemo } from 'react';
 import castArray from 'lodash/castArray';
 import camelCase from 'lodash/camelCase';
 import { useUserDeviceContext } from '../context/UIContext.js';
+import 'react/jsx-runtime';
 import 'prop-types';
 import './useMediaQueries.js';
 import 'react-responsive';

package/dist/hooks/useStyles.js

@@ -4,6 +4,7 @@ import maxBy from 'lodash/maxBy';
 import upperFirst from 'lodash/upperFirst';
 import { useUserDeviceContext } from '../context/UIContext.js';
 import styleAttributes from './styleAttributes.js';
+import 'react/jsx-runtime';
 import 'prop-types';
 import './useMediaQueries.js';
 import 'react-responsive';

package/dist/hooks.js

@@ -0,0 +1 @@
+

package/dist/types/components/Page/index.d.ts

@@ -0,0 +1,42 @@
+import PropTypes from 'prop-types';
+declare function Page(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace Page {
+    var propTypes: {
+        children: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        before: PropTypes.Requireable<string>;
+        after: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        fill: PropTypes.Requireable<string | null>;
+        fillMobile: PropTypes.Requireable<string | null>;
+        fillTablet: PropTypes.Requireable<string | null>;
+        fillDesktop: PropTypes.Requireable<string | null>;
+        type: PropTypes.Requireable<string>;
+        tag: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<string | null>;
+        positionMobile: PropTypes.Requireable<string | null>;
+        positionTablet: PropTypes.Requireable<string | null>;
+        positionDesktop: PropTypes.Requireable<string | null>;
+        wrapperPosition: PropTypes.Requireable<string | null>;
+        wrapperPositionMobile: PropTypes.Requireable<string | null>;
+        wrapperPositionTablet: PropTypes.Requireable<string | null>;
+        wrapperPositionDesktop: PropTypes.Requireable<string | null>;
+        horizontalResizing: PropTypes.Requireable<string | null>;
+        horizontalResizingMobile: PropTypes.Requireable<string | null>;
+        horizontalResizingTablet: PropTypes.Requireable<string | null>;
+        horizontalResizingDesktop: PropTypes.Requireable<string | null>;
+        verticalResizing: PropTypes.Requireable<string | null>;
+        verticalResizingMobile: PropTypes.Requireable<string | null>;
+        verticalResizingTablet: PropTypes.Requireable<string | null>;
+        verticalResizingDesktop: PropTypes.Requireable<string | null>;
+        align: PropTypes.Requireable<string | null>;
+        alignMobile: PropTypes.Requireable<string | null>;
+        alignTablet: PropTypes.Requireable<string | null>;
+        alignDesktop: PropTypes.Requireable<string | null>;
+        alignDirection: PropTypes.Requireable<string | null>;
+        alignDirectionMobile: PropTypes.Requireable<string | null>;
+        alignDirectionTablet: PropTypes.Requireable<string | null>;
+        alignDirectionDesktop: PropTypes.Requireable<string | null>;
+    };
+}
+export { Page };

package/dist/types/constants/componentProps/align.d.ts

@@ -0,0 +1,2 @@
+export default alignProps;
+declare const alignProps: (string | null)[];

package/dist/types/constants/componentProps/alignDirection.d.ts

@@ -0,0 +1,2 @@
+export default alignDirectionProps;
+declare const alignDirectionProps: (string | null)[];

package/dist/types/constants/componentProps/fill.d.ts

@@ -0,0 +1,2 @@
+export default fillProps;
+declare const fillProps: (string | null)[];

package/dist/types/constants/componentProps/horizontalResizeMode.d.ts

@@ -0,0 +1,2 @@
+export default horizontalResizeModeProps;
+declare const horizontalResizeModeProps: (string | null)[];

package/dist/types/constants/componentProps/position.d.ts

@@ -0,0 +1,2 @@
+export default positionProps;
+declare const positionProps: (string | null)[];

package/dist/types/constants/componentProps/verticalResizeMode.d.ts

@@ -0,0 +1,2 @@
+export default verticalResizeModeProps;
+declare const verticalResizeModeProps: (string | null)[];

package/dist/types/context/Notifications.d.ts

@@ -1,19 +1,22 @@
-export function NotificationsProvider(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace NotificationsProvider {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let initialNotificationsList: PropTypes.Requireable<any[]>;
-    }
+import PropTypes from 'prop-types';
+import type { tId } from '@itcase/common';
+import type { iCreatedNotification, iNotificationsProviderProps } from './Notifications.interface';
+declare function NotificationsProvider(props: iNotificationsProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationsProvider {
+    var propTypes: {
+        children: PropTypes.Requireable<any>;
+        initialNotificationsList: PropTypes.Requireable<any[]>;
+    };
 }
-export function useNotifications(): never[];
-export function useNotificationsAPI(): {
-    hideNotifications: (targetId: any) => void;
+declare function useNotifications(): never[];
+declare function useNotificationsAPI(): {
+    hideNotifications: (targetId: tId) => void;
     notificationStatuses: {
         error: string;
         info: string;
         success: string;
         warning: string;
     };
-    showNotification: (notification: any, onClose: any) => void;
+    showNotification: (notification: string | iCreatedNotification, onClose?: () => void) => void;
 };
-import PropTypes from 'prop-types';
+export { NotificationsProvider, useNotifications, useNotificationsAPI };