@itcase/ui 1.2.13 → 1.2.15

package/dist/cjs/components/Panel.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Group = require('../../Group-Buo_BxGT.js');
+var Group = require('../../Group-BDuYmoBK.js');
 var Text = require('../../Text-_YhyTsQ1.js');
-require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -23,7 +23,7 @@ var panelConfig = {
         panelConfig.appearance = newComponent;
     },
 };
-function Panel(props) {
+var Panel = React.forwardRef(function Panel(props, ref) {
     var appearance = props.appearance, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, dataTour = props.dataTour, title = props.title, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextSize = props.descTextSize, descTextColor = props.descTextColor, descTextWeight = props.descTextWeight, verticalScroll = props.verticalScroll;
     var alignContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'panel_align-content_',
@@ -100,9 +100,8 @@ function Panel(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsxRuntime.jsx("div", { className: "panel__header", children: jsxRuntime.jsx(Text.Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntime.jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsxRuntime.jsx("div", { className: "panel__footer", children: jsxRuntime.jsx(Text.Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-}
-Panel.defaultProps = {};
+                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), ref: ref, "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsxRuntime.jsx("div", { className: "panel__header", children: jsxRuntime.jsx(Text.Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntime.jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsxRuntime.jsx("div", { className: "panel__footer", children: jsxRuntime.jsx(Text.Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
+});
 
 exports.Panel = Panel;
 exports.panelConfig = panelConfig;

package/dist/cjs/components/Response.js

@@ -7,7 +7,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var Button = require('../../Button-VFc2pmvE.js');
-var Group = require('../../Group-Buo_BxGT.js');
+var Group = require('../../Group-BDuYmoBK.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var Title = require('../../Title-zwP6c2U2.js');
 require('lodash/castArray');

package/dist/cjs/components/Select.js

@@ -10,7 +10,7 @@ var CreatableSelect = require('react-select/creatable');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var Badge = require('../../Badge-2JkquAEb.js');
-var Group = require('../../Group-Buo_BxGT.js');
+var Group = require('../../Group-BDuYmoBK.js');
 var Divider = require('../../Divider-BjB5MD6u.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');

package/dist/cjs/context/Notifications.js

@@ -1,168 +1,152 @@
 'use client';
 'use strict';
 
+var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PropTypes = require('prop-types');
 var uuid = require('uuid');
 
-const STATUSES = {
-  error: 'error',
-  info: 'info',
-  success: 'success',
-  warning: 'warning'
+var STATUSES = {
+    error: 'error',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
 };
-const NotificationsContext = /*#__PURE__*/React.createContext([]);
-const NotificationsAPIContext = /*#__PURE__*/React.createContext({
-  hideNotifications: targetId => {},
-  notificationStatuses: STATUSES,
-  showNotification: (notification, onClose) => {}
+var NotificationsContext = React.createContext([]);
+var NotificationsAPIContext = React.createContext({
+    hideNotifications: function (targetId) { },
+    notificationStatuses: STATUSES,
+    showNotification: function (notification, onClose) { },
 });
 function NotificationsProvider(props) {
-  const {
-    children,
-    initialNotificationsList = []
-  } = props;
-  const [notificationsList, setNotificationsList] = React.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 = React.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 = React.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 = React.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 = React.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 = React.useMemo(() => ({
-    hideNotifications: hideNotifications,
-    notificationStatuses: STATUSES,
-    showNotification: showNotification
-  }),
-  // Functions is never changes, no sense to set as dependencies
-  // eslint-disable-next-line
-  []);
-  React.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 = React.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 tslib_es6.__spreadArray(tslib_es6.__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 = React.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));
+    []);
+    React.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 (jsxRuntime.jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsxRuntime.jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
 }
 NotificationsProvider.propTypes = {
-  children: PropTypes.any,
-  initialNotificationsList: PropTypes.array
+    children: PropTypes.any,
+    initialNotificationsList: PropTypes.array,
 };
 function useNotifications() {
-  return React.useContext(NotificationsContext);
+    return React.useContext(NotificationsContext);
 }
 function useNotificationsAPI() {
-  return React.useContext(NotificationsAPIContext);
+    return React.useContext(NotificationsAPIContext);
 }
 function createNotification(notification, onClose) {
-  // Default notification item properties
-  let id = uuid.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 = uuid.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,
+    };
+}
 
 exports.NotificationsProvider = NotificationsProvider;
 exports.useNotifications = useNotifications;

package/dist/cjs/context/UIContext.js

@@ -1,50 +1,41 @@
 'use client';
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PropTypes = require('prop-types');
 var useMediaQueries = require('../hooks/useMediaQueries.js');
 require('react-responsive');
 
-const UserDeviceContext = /*#__PURE__*/React.createContext({
-  isMobile: false,
-  isTablet: false,
-  isDesktop: false
+var UserDeviceContext = React.createContext({
+    isMobile: false,
+    isTablet: false,
+    isDesktop: false,
 });
-const SiteMenuContext = /*#__PURE__*/React.createContext({
-  isSiteMenuOpen: false,
-  setIsSiteMenuOpen: () => {}
+var SiteMenuContext = React.createContext({
+    isSiteMenuOpen: false,
+    setIsSiteMenuOpen: function () { },
 });
 function useUserDeviceContext() {
-  return React.useContext(UserDeviceContext);
+    return React.useContext(UserDeviceContext);
 }
 function useSiteMenuContext() {
-  return React.useContext(SiteMenuContext);
+    return React.useContext(SiteMenuContext);
 }
-const UIProvider = /*#__PURE__*/React.memo(function UIProvider(props) {
-  const {
-    children,
-    userDeviceState = {}
-  } = props;
-  const [isSiteMenuOpen, setIsSiteMenuOpen] = React.useState(false);
-  const siteMenuContextState = React.useMemo(() => ({
-    isSiteMenuOpen,
-    setIsSiteMenuOpen
-  }), [isSiteMenuOpen]);
-  const mediaQueriesDevices = useMediaQueries.useMediaQueries(userDeviceState);
-  return /*#__PURE__*/React.createElement(UserDeviceContext.Provider, {
-    value: mediaQueriesDevices
-  }, /*#__PURE__*/React.createElement(SiteMenuContext.Provider, {
-    value: siteMenuContextState
-  }, children));
+var UIProvider = React.memo(function UIProvider(props) {
+    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a;
+    var _b = React.useState(false), isSiteMenuOpen = _b[0], setIsSiteMenuOpen = _b[1];
+    var siteMenuContextState = React.useMemo(function () { return ({ isSiteMenuOpen: isSiteMenuOpen, setIsSiteMenuOpen: setIsSiteMenuOpen }); }, [isSiteMenuOpen]);
+    var mediaQueriesDevices = useMediaQueries.useMediaQueries(userDeviceState);
+    return (jsxRuntime.jsx(UserDeviceContext.Provider, { value: mediaQueriesDevices, children: jsxRuntime.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,
+    }),
 };
 
 exports.UIProvider = UIProvider;

package/dist/cjs/hooks/styleAttributes.interface.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/hooks/useDeviceTargetClass.js

@@ -4,6 +4,7 @@ var React = require('react');
 var castArray = require('lodash/castArray');
 var camelCase = require('lodash/camelCase');
 var UIContext = require('../context/UIContext.js');
+require('react/jsx-runtime');
 require('prop-types');
 require('./useMediaQueries.js');
 require('react-responsive');

package/dist/cjs/hooks/useStyles.js

@@ -6,6 +6,7 @@ var maxBy = require('lodash/maxBy');
 var upperFirst = require('lodash/upperFirst');
 var UIContext = require('../context/UIContext.js');
 var styleAttributes = require('./styleAttributes.js');
+require('react/jsx-runtime');
 require('prop-types');
 require('./useMediaQueries.js');
 require('react-responsive');

package/dist/cjs/hooks.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { B as Button } from '../Button-YvFWfIzn.js';
-import { G as Group } from '../Group-BXfLh7AZ.js';
+import { G as Group } from '../Group-12uup5mu.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-agqkY0-H.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-sLbGv_08.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/FormField.js

@@ -11,7 +11,7 @@ import 'react-select';
 import { SelectInput } from './Select.js';
 import 'react';
 import '../Badge-CrhdvxY6.js';
-import '../Group-BXfLh7AZ.js';
+import '../Group-12uup5mu.js';
 import { S as Switch } from '../Switch-DEXsrPCo.js';
 import 'react-inlinesvg';
 import '../Link-BSquFKSX.js';

package/dist/components/Group.js

@@ -1,8 +1,8 @@
-export { G as Group, g as groupConfig } from '../Group-BXfLh7AZ.js';
+export { G as Group, g as groupConfig } from '../Group-12uup5mu.js';
 import 'react/jsx-runtime';
+import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
-import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';

package/dist/components/Notification.js

@@ -15,6 +15,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'uuid';
 
 var notificationItemConfig = {