@itcase/ui 1.1.25 → 1.2.0

package/dist/cjs/LanguageSelector-DZC_wwP6.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var Icon = require('./Icon-C7ZJyN5o.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function LanguageSelectorItem(props) {
-    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { size: iconSize, SvgImage: SvgImage }), label] }));
-}
-function LanguageSelector(props) {
-    var currentLanguage = props.currentLanguage, _a = props.languagesItems, languagesItems = _a === void 0 ? [] : _a, className = props.className, setLanguage = props.setLanguage;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsxRuntime.jsxRuntimeExports.jsx(LanguageSelectorItem, { iconSize: languageItem.iconSize, isActive: currentLanguage === languageItem.value, label: languageItem.label, SvgImage: languageItem.SvgImage, onClick: function () { return setLanguage && setLanguage(languageItem.value); } }, "languageItem_".concat(languageItem.value))); }) }));
-}
-
-exports.LanguageSelector = LanguageSelector;

package/dist/cjs/ListItem-B5rYml7Y.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useStyles = require('./hooks/useStyles.js');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Link = require('./Link-DRV1vzHd.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function List(props) {
-    var children = props.children, className = props.className, style = props.style, type = props.type;
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'list_size_',
-        propsKey: 'size',
-    });
-    var bulletSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'list_bullet-size_',
-        propsKey: 'bulletSize',
-    });
-    var bulletFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'list_bullet-fill_',
-        propsKey: 'bulletFill',
-    });
-    var bulletTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'list_bullet-text-color_',
-        propsKey: 'bulletTextColor',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'list_direction_',
-        propsKey: 'direction',
-    });
-    // @ts-expect-error
-    var ulStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("ul", { className: clsx__default.default(className, 'list', bulletSizeClass, bulletFillClass, bulletTextColorClass, directionClass, sizeClass, style && "list_style_".concat(style), type && "list_type_".concat(type)), style: ulStyles, children: children }));
-}
-
-function ListItem(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, fill = props.fill, href = props.href, link = props.link, text = props.text, textColor = props.textColor, textStyle = props.textStyle, textWeight = props.textWeight;
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), liStyles = _a.styles, linkStyles = _a.link;
-    if (link) {
-        return (jsxRuntime.jsxRuntimeExports.jsx("li", { className: clsx__default.default(className, 'list__item', 'list__item_type_link', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { className: clsx__default.default('list__item-link'), href: link || href, style: linkStyles, children: children || text }) }));
-    }
-    return (jsxRuntime.jsxRuntimeExports.jsxs("li", { className: clsx__default.default(className, 'list__item', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: [before, children || text, after] }));
-}
-
-exports.List = List;
-exports.ListItem = ListItem;

package/dist/cjs/Logo-CsOCRB7d.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-DRV1vzHd.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var logoConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        logoConfig.appearance = newComponent;
-    },
-};
-function Logo(props) {
-    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, title = props.title;
-    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'logo_align-items_',
-        propsKey: 'alignItems',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    // @ts-expect-error
-    var logo = useStyles.useStyles(props).styles;
-    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { style: logo, className: clsx__default.default(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass), children: link || href ? (jsxRuntime.jsxRuntimeExports.jsx(Link.LinkWrapper, { href: link || href, className: "logo__link", children: jsxRuntime.jsxRuntimeExports.jsx("img", { alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), className: "logo__image", src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) }) })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), className: "logo__image", src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) })) }));
-}
-
-exports.Logo = Logo;
-exports.logoConfig = logoConfig;

package/dist/cjs/Menu-KYRzB912.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var MenuItem = require('./MenuItem-D6T9WRQk.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Menu(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'menu_direction_',
-        propsKey: 'direction',
-    });
-    var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'menu_columns_',
-        propsKey: 'columns',
-    });
-    var flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex-grow_',
-        propsKey: 'flexGrow',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var menuStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && "menu_type_".concat(type), flexGrowClass, widthClass), children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
-                    (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsxRuntimeExports.jsx(MenuItem.MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
-}
-Menu.defaultProps = {
-    direction: 'horizontal',
-};
-
-exports.Menu = Menu;

package/dist/cjs/ModalLoader-DRt-18Tr.js

@@ -1,170 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var ReactDOM = require('react-dom');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Overlay = require('./Overlay-CkN2X1BM.js');
-var Loader = require('./Loader-C2D6fJk1.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var getOrCreateModalElement = function (modalQuerySelector, className) {
-    var _a;
-    if (className === void 0) { className = ''; }
-    // prettier-ignore
-    var classList = className && typeof className === 'string'
-        ? className.split(' ').filter(Boolean)
-        : [];
-    var modalElement = document.querySelector(modalQuerySelector);
-    if (!modalElement) {
-        // Add modal element into the DOM on mount.
-        modalElement = document.createElement('div');
-        modalElement.setAttribute('id', 'modal-global');
-        modalElement.classList.add('modal');
-        if (classList.length) {
-            (_a = modalElement.classList).add.apply(_a, classList);
-        }
-        document.body.prepend(modalElement);
-    }
-    return modalElement;
-};
-// Modal component that is an abstraction around the portal API.
-var Modal = React__default.default.forwardRef(function Modal(props, ref) {
-    var id = props.id, children = props.children, _a = props.isCloseOnBlur, isCloseOnBlur = _a === void 0 ? true : _a, _b = props.isOpen, initialIsOpen = _b === void 0 ? false : _b, _c = props.isOverlay, isOverlay = _c === void 0 ? true : _c, _d = props.isScrollOnOpen, isScrollOnOpen = _d === void 0 ? true : _d, _e = props.isSetFocusOnOpen, isSetFocusOnOpen = _e === void 0 ? true : _e, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, _f = props.modalQuerySelector, modalQuerySelector = _f === void 0 ? '#modal-global' : _f, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
-    // Query DOM element
-    var _g = React.useState(null), modalElement = _g[0], setModalElement = _g[1];
-    var _h = React.useState(initialIsOpen), isOpen = _h[0], setIsOpen = _h[1];
-    var modalContentRef = React.useRef(null);
-    // const modalOverlayRef = useRef(null)
-    var addModalProps = React.useCallback(function (element) {
-        // Change class need in "useEffect"
-        if (isOpen) {
-            // Show modal
-            element.classList.add('modal_state_visible');
-            // Scroll to opened modal
-            if (isScrollOnOpen) {
-                // modalContentRef.current.style.top = `${window.visualViewport.pageTop}px`
-                element.scrollIntoView({ block: 'center', behavior: 'smooth' });
-            }
-            // "setTimeout" in this implementation is needs for set focus on modal
-            // after "onMouseDown" event on button
-            if (isSetFocusOnOpen) {
-                setTimeout(function () {
-                    if (modalContentRef.current) {
-                        modalContentRef.current.focus();
-                    }
-                }, 0);
-            }
-        }
-        else if (!element.children.length) {
-            // Hide modal if has no children
-            element.classList.remove('modal_state_visible');
-        }
-    }, [isOpen, isSetFocusOnOpen]);
-    // Show modal with children content
-    var openModal = React.useCallback(function () {
-        setIsOpen(true);
-        // Callback
-        if (typeof onOpenModal === 'function') {
-            onOpenModal();
-        }
-        /* SHOW TARGET POPUP ABOVE OTHERS POPUPS IF TARGET ALREADY OPENED
-          // If current modal is already opened
-          // Move content to end of modal root container. For order in DOM.
-          const modalContentElement = modalContentRef.current
-          if (modalContentElement) {
-            modalContentElement.parentNode.appendChild(modalContentElement)
-          }
-          // Also move overlay to end of modal root container after container
-          const modalOverlayElement = modalOverlayRef.current
-          if (modalOverlayElement) {
-            modalOverlayElement.parentNode.appendChild(modalOverlayElement)
-          }
-        */
-    }, [onOpenModal]);
-    // Hide modal and unmount children content
-    var closeModal = React.useCallback(function (event) {
-        if (event) {
-            // prettier-ignore
-            var hasRelatedTarget = (event.relatedTarget &&
-                modalElement &&
-                modalElement.contains(event.relatedTarget));
-            if (hasRelatedTarget) {
-                return event;
-            }
-        }
-        setIsOpen(false);
-        // Callback
-        onCloseModal && onCloseModal();
-    }, [modalElement, onCloseModal]);
-    React.useEffect(function () {
-        if (!modalElement) {
-            return;
-        }
-        addModalProps(modalElement);
-    }, [isOpen]); // eslint-disable-line
-    React.useLayoutEffect(function () {
-        var element = getOrCreateModalElement(modalQuerySelector, className);
-        setModalElement(element);
-        if (element) {
-            addModalProps(element);
-        }
-    }, []);
-    // Save ref things
-    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, closeModal: closeModal, modalElement: modalElement, openModal: openModal }); }, [
-        isOpen,
-        openModal,
-        closeModal,
-        modalElement,
-    ]);
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    // Collect classes and styles
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'modal-shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    // @ts-expect-error
-    var modalStyles = useStyles.useStyles(props).styles;
-    // Use a portal to render the children into the element
-    return (modalElement &&
-        ReactDOM__default.default.createPortal(
-        // Any valid React child: JSX, strings, arrays, etc.
-        isOpen ? (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('modal-content', contentClassName, fillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass), ref: modalContentRef, id: id, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [closeButton && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-content__wrapper", children: children })] }), jsxRuntime.jsxRuntimeExports.jsx(Overlay.Overlay, { className: clsx__default.default('modal__overlay', 'overlay_type_modal', overlayClassName), 
-                    // ref={modalOverlayRef}
-                    fill: overlayFill, opacity: overlayOpacity, fillGradient: overlayFillGradient, isOverlay: isOverlay, onClick: onClickOverlay })] })) : null, 
-        // A DOM element
-        modalElement));
-});
-
-function ModalLoader(props) {
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-loading", children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-loading__inner", children: jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, {}) }) }));
-}
-
-exports.Modal = Modal;
-exports.ModalLoader = ModalLoader;

package/dist/cjs/NotificationList-DETpx50O.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var Notifications = require('./context/Notifications.js');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-B0SULA92.js');
-var Title = require('./Title-Ckp30YSI.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var notificationItemConfig = {
-    appearance: {},
-    setAppearance: function (newComponent) {
-        notificationItemConfig.appearance = newComponent;
-    },
-};
-function NotificationItem(props) {
-    var id = props.id, appearance = props.appearance, closeButton = props.closeButton, after = props.after, before = props.before, set = props.set, status = props.status, size = props.size, dataTour = props.dataTour, text = props.text, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, textColor = props.textColor, title = props.title, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, titleTextColor = props.titleTextColor, onClickClose = props.onClickClose, className = props.className;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var appearanceConfig = appearance &&
-        notificationItemConfig.appearance &&
-        notificationItemConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
-}
-NotificationItem.defaultProps = {
-    titleTextSize: 'h5',
-    textSize: 's',
-};
-
-function NotificationList(props) {
-    var notifications = Notifications.useNotifications();
-    var hideNotifications = Notifications.useNotificationsAPI().hideNotifications;
-    var className = props.className, closeButton = props.closeButton, set = props.set, size = props.size, type = props.type;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification', className), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntime.jsxRuntimeExports.jsx(NotificationItem, { closeButton: closeButton, id: notification.id, size: notification.size || size, status: notification.status, text: notification.text, title: notification.title, type: notification.type || type, set: notification.set || set, onClickClose: hideNotifications }, i)); }) }) }));
-}
-
-exports.NotificationItem = NotificationItem;
-exports.NotificationList = NotificationList;
-exports.notificationItemConfig = notificationItemConfig;

package/dist/cjs/Pagination-DuykmIqr.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var ceil = require('lodash/ceil');
-var ReactPaginate = require('react-paginate');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var DropdownItem = require('./DropdownItem-2Nqtx3Vi.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var ceil__default = /*#__PURE__*/_interopDefault(ceil);
-var ReactPaginate__default = /*#__PURE__*/_interopDefault(ReactPaginate);
-
-function Pagination(props) {
-    var allItemsCount = props.allItemsCount, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _a = props.pageCountArray, pageCountArray = _a === void 0 ? [10, 20, 50, 100] : _a, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, pageNumber = props.pageNumber, pageRangeDisplayed = props.pageRangeDisplayed, _b = props.perPageCount, perPageCount = _b === void 0 ? 0 : _b, previousLabel = props.previousLabel, isPageCount = props.isPageCount, isPageCountDropdownReversed = props.isPageCountDropdownReversed, onPageChange = props.onPageChange, onPerPageCountChange = props.onPerPageCountChange;
-    var _c = React.useState(false), isOpenDropdown = _c[0], setIsOpenDropdown = _c[1];
-    var _d = React.useState(true), showPagination = _d[0]; _d[1];
-    var _e = React.useState([]), pageCountDropdownArray = _e[0], setPageCountDropdownArray = _e[1];
-    var _f = React.useState(10), activeDropdownItem = _f[0], setActiveDropdownItem = _f[1];
-    // Toggle command menu
-    var onClickCommandMenuButton = React.useCallback(function () {
-        setIsOpenDropdown(function (state) { return !state; });
-    }, []);
-    var handleDropdownItemClick = React.useCallback(function (event, item) {
-        event.stopPropagation();
-        onPerPageCountChange && onPerPageCountChange(item);
-        setActiveDropdownItem(item);
-        setIsOpenDropdown(false);
-    }, [onPerPageCountChange]);
-    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'pagination_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var gapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'gap_',
-        propsKey: 'gap',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    // Calculate count of pages for all items
-    var paginationPagesCount = React.useMemo(function () {
-        if (allItemsCount && allItemsCount > 0) {
-            // Round up. "perPageCount" may be is a query params "limit"
-            return ceil__default.default(allItemsCount / perPageCount);
-        }
-        return 0;
-    }, [allItemsCount, perPageCount]);
-    // Index for pagination state
-    var paginationPageIndex = React.useMemo(function () {
-        var intPageNumber = parseInt(pageNumber);
-        // For pagination need index of page, not number
-        if (!isNaN(intPageNumber) && intPageNumber > 1) {
-            return intPageNumber - 1;
-        }
-        return 0;
-    }, [pageNumber]);
-    React.useEffect(function () {
-        setPageCountDropdownArray(isPageCountDropdownReversed ? pageCountArray === null || pageCountArray === void 0 ? void 0 : pageCountArray.reverse() : pageCountArray);
-    }, [pageCountArray, isPageCountDropdownReversed]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "pagination", children: [showPagination && (jsxRuntime.jsxRuntimeExports.jsx(ReactPaginate__default.default, { activeClassName: "pagination__item_state_active cursor_type_default", breakClassName: "pagination__item pagination__item_break", disabledClassName: "pagination__item_state_disabled cursor_type_default", disabledLinkClassName: "pagination__item_state_disabled", marginPagesDisplayed: marginPagesDisplayed, nextClassName: "pagination__item pagination__item_next", pageCount: paginationPagesCount, pageLinkClassName: "pagination__item-link", pageRangeDisplayed: pageRangeDisplayed, previousClassName: "pagination__item pagination__item_previous", onPageChange: onPageChange, activeLinkClassName: "pagination__item-link_state_active", 
-                // previous button
-                previousLabel: previousLabel, breakLinkClassName: "pagination__item-link", 
-                // pages settings
-                forcePage: paginationPageIndex, containerClassName: clsx__default.default(className, 'pagination__container', justifyContentClass), 
-                // page item
-                pageClassName: "pagination__item", nextLinkClassName: "pagination__item-link", 
-                // break element
-                breakLabel: "...", previousLinkClassName: "pagination__item-link", 
-                // next button
-                nextLabel: nextLabel })), isPageCount && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'pagination__count', gapClass), children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: pageCountDescTextSize, textColor: pageCountDescTextColor, children: pageCountDesc }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('pagination__input', 'cursor_type_pointer', fillClass, fillHoverClass), onClick: onClickCommandMenuButton, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: pageCountInputTextSize, textColor: pageCountInputTextColor, children: activeDropdownItem }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { fillSize: pageCountInputIconFillSize, iconFill: pageCountInputIconColor, SvgImage: pageCountInputIcon }), jsxRuntime.jsxRuntimeExports.jsx(DropdownItem.Dropdown, { alignment: pageCountDropdownAlignment, elevation: pageCountDropdownElevation, fill: pageCountDropdownFill, isOpen: isOpenDropdown, set: pageCountDropdownSet, shape: pageCountDropdownShape, setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
-                                    return activeDropdownItem === item ? (jsxRuntime.jsxRuntimeExports.jsx(DropdownItem.DropdownItem, { dividerDirection: pageCountDropdownItemDividerDirection, dividerFill: pageCountDropdownItemDividerFill, dividerSize: pageCountDropdownItemDividerSize, fill: pageCountDropdownItemFill, fillActive: pageCountDropdownItemFillActive, fillActiveHover: pageCountDropdownItemFillActiveHover, fillHover: pageCountDropdownItemFillHover, isActive: true, label: item.toString(), labelTextAlign: pageCountDropdownItemLabelAlign, labelTextColor: pageCountDropdownItemLabelColor, labelTextColorActive: pageCountDropdownItemLabelColorActive, labelTextSize: pageCountDropdownItemLabelSize, labelTextWrap: pageCountDropdownItemLabelWrap, size: pageCountDropdownItemSize, width: pageCountDropdownItemWidth, showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider, onClick: function (event) { return handleDropdownItemClick(event, item); } }, item)) : (jsxRuntime.jsxRuntimeExports.jsx(DropdownItem.DropdownItem, { dividerDirection: pageCountDropdownItemDividerDirection, dividerFill: pageCountDropdownItemDividerFill, dividerSize: pageCountDropdownItemDividerSize, fill: pageCountDropdownItemFill, fillHover: pageCountDropdownItemFillHover, isActive: false, label: item.toString(), labelTextAlign: pageCountDropdownItemLabelAlign, labelTextColor: pageCountDropdownItemLabelColor, labelTextColorActive: pageCountDropdownItemLabelColorActive, labelTextSize: pageCountDropdownItemLabelSize, labelTextWrap: pageCountDropdownItemLabelWrap, size: pageCountDropdownItemSize, width: pageCountDropdownItemWidth, showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider, onClick: function (event) { return handleDropdownItemClick(event, item); } }, item));
-                                }) })] })] }))] }));
-}
-Pagination.defaultProps = {
-    pageNumber: 0,
-    perPageCount: 0,
-    allItemsCount: 0,
-    pageCountArray: [10, 20, 50, 100],
-    isPageCountDropdownReversed: false,
-    pageCountDropdownItemLabelColorActive: '',
-};
-
-exports.Pagination = Pagination;

package/dist/cjs/RangeSlider-Dy53bTyY.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var Slider = require('rc-slider');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var Slider__default = /*#__PURE__*/_interopDefault(Slider);
-
-function RangeSlider(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, set = props.set, disabled = props.disabled, min = props.min, max = props.max, pushable = props.pushable, range = props.range, vertical = props.vertical, value = props.value, onChangeSlider = props.onChangeSlider;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var trackFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-track-fill_',
-        propsKey: 'fillTrack',
-    });
-    var railFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-rail-fill_',
-        propsKey: 'fillRail',
-    });
-    var handleFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-fill_',
-        propsKey: 'fillHandle',
-    });
-    var handleFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-fill-hover_',
-        propsKey: 'fillHandleHover',
-    });
-    var handleDraggingFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-dragging-fill_',
-        propsKey: 'fillHandleDragging',
-    });
-    var handleDraggingFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-dragging-fill-hover_',
-        propsKey: 'fillHandleDraggingHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'filter_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var rangeSliderStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'range-slider', set && "range-slider_set_".concat(set), fillClass, trackFillClass, railFillClass, handleFillClass, handleFillHoverClass, handleDraggingFillClass, handleDraggingFillHoverClass, shapeClass, widthClass), style: rangeSliderStyles, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "range-slider__before", children: before }), jsxRuntime.jsxRuntimeExports.jsx(Slider__default.default, { className: "range-slider__wrapper", disabled: disabled, min: min, max: max, pushable: pushable, range: range, vertical: vertical, value: value, onChange: onChangeSlider }), children, after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "range-slider__after", children: after })] }));
-}
-
-exports.RangeSlider = RangeSlider;

package/dist/cjs/Response-CTawELy2.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var SVG = require('react-inlinesvg');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Button = require('./Button-DH5f_2bV.js');
-var Group = require('./Group-EFTg84wP.js');
-var Text = require('./Text-B0SULA92.js');
-var Title = require('./Title-Ckp30YSI.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var SVG__default = /*#__PURE__*/_interopDefault(SVG);
-
-var responseConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        responseConfig.appearance = newComponent;
-    },
-};
-function Response(props) {
-    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
-    var ImageComponent = React.useMemo(function () {
-        if (imageSrc) {
-            // eslint-disable-next-line react/prop-types
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsxRuntimeExports.jsx(SVG__default.default, { src: imageSrc });
-            }
-            return jsxRuntime.jsxRuntimeExports.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [imageSrc]);
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'response_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderColorHover',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    // @ts-expect-error
-    var responseStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'response', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
-                primaryButton ||
-                secondaryButtonLabel ||
-                secondaryButton ||
-                appearanceConfig) && (jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__button", width: "fill", children: [primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel) ? (jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { after: primaryButtonAfter, appearance: primaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonAppearance) || 'dev', before: primaryButtonBefore, className: "response__button-item", fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel), labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabelTextSize), shape: primaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonShape), size: primaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonSize), width: primaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonWidth) || 'fill', onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel) ? (jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { after: secondaryButtonAfter, appearance: secondaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonAppearance) || 'dev', before: secondaryButtonBefore, className: "response__button-item", fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel), labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabelTextSize), shape: secondaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonShape), size: secondaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonSize), width: secondaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonWidth) || 'fill', onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
-}
-
-exports.Response = Response;
-exports.responseConfig = responseConfig;