@itcase/ui 1.1.24 → 1.2.0

package/dist/ListItem-BoCF7VH9.js

@@ -1,44 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useStyles } from './hooks/useStyles.js';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { L as Link } from './Link-DtzAAQn8.js';
-
-function List(props) {
-    var children = props.children, className = props.className, style = props.style, type = props.type;
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'list_size_',
-        propsKey: 'size',
-    });
-    var bulletSizeClass = useDeviceTargetClass(props, {
-        prefix: 'list_bullet-size_',
-        propsKey: 'bulletSize',
-    });
-    var bulletFillClass = useDeviceTargetClass(props, {
-        prefix: 'list_bullet-fill_',
-        propsKey: 'bulletFill',
-    });
-    var bulletTextColorClass = useDeviceTargetClass(props, {
-        prefix: 'list_bullet-text-color_',
-        propsKey: 'bulletTextColor',
-    });
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'list_direction_',
-        propsKey: 'direction',
-    });
-    // @ts-expect-error
-    var ulStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("ul", { className: clsx(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(props), liStyles = _a.styles, linkStyles = _a.link;
-    if (link) {
-        return (jsxRuntimeExports.jsx("li", { className: clsx(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: jsxRuntimeExports.jsx(Link, { className: clsx('list__item-link'), href: link || href, style: linkStyles, children: children || text }) }));
-    }
-    return (jsxRuntimeExports.jsxs("li", { className: clsx(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] }));
-}
-
-export { List as L, ListItem as a };

package/dist/Logo-DCx_YOA2.js

@@ -1,37 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-DtzAAQn8.js';
-
-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(props, {
-        prefix: 'logo_align-items_',
-        propsKey: 'alignItems',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    // @ts-expect-error
-    var logo = useStyles(props).styles;
-    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx("div", { style: logo, className: clsx(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 ? (jsxRuntimeExports.jsx(LinkWrapper, { href: link || href, className: "logo__link", children: 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) }) })) : (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) })) }));
-}
-
-export { Logo as L, logoConfig as l };

package/dist/Menu-C-TIWZeb.js

@@ -1,34 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-BbU9r8_D.js';
-
-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(props, {
-        prefix: 'menu_direction_',
-        propsKey: 'direction',
-    });
-    var columnsClass = useDeviceTargetClass(props, {
-        prefix: 'menu_columns_',
-        propsKey: 'columns',
-    });
-    var flexGrowClass = useDeviceTargetClass(props, {
-        prefix: 'flex-grow_',
-        propsKey: 'flexGrow',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var menuStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'menu', directionClass, columnsClass, type && "menu_type_".concat(type), flexGrowClass, widthClass), children: jsxRuntimeExports.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
-                    (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntimeExports.jsx(MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
-}
-Menu.defaultProps = {
-    direction: 'horizontal',
-};
-
-export { Menu as M };

package/dist/ModalLoader-Bk6l3vO9.js

@@ -1,168 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useState, useRef, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
-import clsx from 'clsx';
-import ReactDOM__default from 'react-dom';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { O as Overlay } from './Overlay-C4gCb0sL.js';
-import { L as Loader } from './Loader-VCP1ZNcb.js';
-
-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.forwardRef(function Modal(props, ref) {
-    var children = props.children, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, id = props.id, _a = props.isOverlay, isOverlay = _a === void 0 ? true : _a, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, _b = props.isOpen, initialIsOpen = _b === void 0 ? false : _b, _c = props.isScrollOnOpen, isScrollOnOpen = _c === void 0 ? true : _c, _d = props.isSetFocusOnOpen, isSetFocusOnOpen = _d === void 0 ? true : _d, _e = props.modalQuerySelector, modalQuerySelector = _e === void 0 ? '#modal-global' : _e, debug = props.debug, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
-    // Query DOM element
-    var _f = useState(null), modalElement = _f[0], setModalElement = _f[1];
-    var _g = useState(initialIsOpen), isOpen = _g[0], setIsOpen = _g[1];
-    var modalContentRef = useRef(null);
-    var modalOverlayRef = useRef(null);
-    var addModalProps = 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 = 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 = useCallback(function (event) {
-        var hasRelatedTarget = event.relatedTarget &&
-            modalElement &&
-            // @ts-expect-error
-            modalElement.contains(event.relatedTarget);
-        if (hasRelatedTarget) {
-            return event;
-        }
-        setIsOpen(false);
-        // Callback
-        if (typeof onCloseModal === 'function') {
-            onCloseModal();
-        }
-    }, [modalElement, onCloseModal]);
-    useEffect(function () {
-        if (!modalElement) {
-            return;
-        }
-        addModalProps(modalElement);
-    }, [isOpen]); // eslint-disable-line
-    useLayoutEffect(function () {
-        var element = getOrCreateModalElement(modalQuerySelector, className);
-        setModalElement(element);
-        if (element) {
-            addModalProps(element);
-        }
-    }, []);
-    // Save ref things
-    useImperativeHandle(ref, function () { return ({ isOpen: isOpen, closeModal: closeModal, modalElement: modalElement, openModal: openModal }); }, [
-        isOpen,
-        openModal,
-        closeModal,
-        modalElement,
-    ]);
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    // Collect classes and styles
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'modal-shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    // @ts-expect-error
-    var modalStyles = useStyles(props).styles;
-    // Use a portal to render the children into the element
-    return (modalElement &&
-        ReactDOM__default.createPortal(
-        // Any valid React child: JSX, strings, arrays, etc.
-        isOpen ? (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: clsx('modal-content', contentClassName, fillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass), id: id, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: debug ? undefined : closeModal, children: [closeButton && (jsxRuntimeExports.jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsxRuntimeExports.jsx("div", { className: "modal-content__wrapper", children: children })] }), jsxRuntimeExports.jsx(Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName), fill: overlayFill, fillGradient: overlayFillGradient, isOverlay: isOverlay, opacity: overlayOpacity, 
-                    // @ts-expect-error
-                    ref: modalOverlayRef })] })) : null, 
-        // A DOM element
-        modalElement));
-});
-Modal.defaultProps = {
-    isOverlay: true,
-    isOpen: false,
-    isScrollOnOpen: true,
-    isSetFocusOnOpen: true,
-    modalQuerySelector: '#modal-global',
-};
-
-function ModalLoader(props) {
-    return (jsxRuntimeExports.jsx("div", { className: "modal-loading", children: jsxRuntimeExports.jsx("div", { className: "modal-loading__inner", children: jsxRuntimeExports.jsx(Loader, {}) }) }));
-}
-
-export { Modal as M, ModalLoader as a };

package/dist/NotificationList-CmXca2zs.js

@@ -1,40 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-import { T as Title } from './Title-zpOK2AxL.js';
-
-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(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var appearanceConfig = appearance &&
-        notificationItemConfig.appearance &&
-        notificationItemConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsxs("div", { className: clsx('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, jsxRuntimeExports.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntimeExports.jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsxRuntimeExports.jsx(Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsxRuntimeExports.jsx("div", { className: clsx('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 = useNotifications();
-    var hideNotifications = useNotificationsAPI().hideNotifications;
-    var className = props.className, closeButton = props.closeButton, set = props.set, size = props.size, type = props.type;
-    return (jsxRuntimeExports.jsx("div", { className: clsx('notification', className), children: jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (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)); }) }) }));
-}
-
-export { NotificationItem as N, NotificationList as a, notificationItemConfig as n };

package/dist/Pagination-BAbFsztK.js

@@ -1,86 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useState, useCallback, useMemo, useEffect } from 'react';
-import clsx from 'clsx';
-import ceil from 'lodash/ceil';
-import ReactPaginate from 'react-paginate';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-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 = useState(false), isOpenDropdown = _c[0], setIsOpenDropdown = _c[1];
-    var _d = useState(true), showPagination = _d[0]; _d[1];
-    var _e = useState([]), pageCountDropdownArray = _e[0], setPageCountDropdownArray = _e[1];
-    var _f = useState(10), activeDropdownItem = _f[0], setActiveDropdownItem = _f[1];
-    // Toggle command menu
-    var onClickCommandMenuButton = useCallback(function () {
-        setIsOpenDropdown(function (state) { return !state; });
-    }, []);
-    var handleDropdownItemClick = useCallback(function (event, item) {
-        event.stopPropagation();
-        onPerPageCountChange && onPerPageCountChange(item);
-        setActiveDropdownItem(item);
-        setIsOpenDropdown(false);
-    }, [onPerPageCountChange]);
-    var justifyContentClass = useDeviceTargetClass(props, {
-        prefix: 'pagination_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var gapClass = useDeviceTargetClass(props, {
-        prefix: 'gap_',
-        propsKey: 'gap',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    // Calculate count of pages for all items
-    var paginationPagesCount = useMemo(function () {
-        if (allItemsCount && allItemsCount > 0) {
-            // Round up. "perPageCount" may be is a query params "limit"
-            return ceil(allItemsCount / perPageCount);
-        }
-        return 0;
-    }, [allItemsCount, perPageCount]);
-    // Index for pagination state
-    var paginationPageIndex = 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]);
-    useEffect(function () {
-        setPageCountDropdownArray(isPageCountDropdownReversed ? pageCountArray === null || pageCountArray === void 0 ? void 0 : pageCountArray.reverse() : pageCountArray);
-    }, [pageCountArray, isPageCountDropdownReversed]);
-    return (jsxRuntimeExports.jsxs("div", { className: "pagination", children: [showPagination && (jsxRuntimeExports.jsx(ReactPaginate, { 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(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 && (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'pagination__count', gapClass), children: [jsxRuntimeExports.jsx(Text, { size: pageCountDescTextSize, textColor: pageCountDescTextColor, children: pageCountDesc }), jsxRuntimeExports.jsxs("div", { className: clsx('pagination__input', 'cursor_type_pointer', fillClass, fillHoverClass), onClick: onClickCommandMenuButton, children: [jsxRuntimeExports.jsx(Text, { size: pageCountInputTextSize, textColor: pageCountInputTextColor, children: activeDropdownItem }), jsxRuntimeExports.jsx(Icon, { fillSize: pageCountInputIconFillSize, iconFill: pageCountInputIconColor, SvgImage: pageCountInputIcon }), jsxRuntimeExports.jsx(Dropdown, { alignment: pageCountDropdownAlignment, elevation: pageCountDropdownElevation, fill: pageCountDropdownFill, isOpen: isOpenDropdown, set: pageCountDropdownSet, shape: pageCountDropdownShape, setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
-                                    return activeDropdownItem === item ? (jsxRuntimeExports.jsx(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)) : (jsxRuntimeExports.jsx(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: '',
-};
-
-export { Pagination as P };

package/dist/RangeSlider-BPFVikab.js

@@ -1,50 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import Slider from 'rc-slider';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-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(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var trackFillClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-track-fill_',
-        propsKey: 'fillTrack',
-    });
-    var railFillClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-rail-fill_',
-        propsKey: 'fillRail',
-    });
-    var handleFillClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-fill_',
-        propsKey: 'fillHandle',
-    });
-    var handleFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-fill-hover_',
-        propsKey: 'fillHandleHover',
-    });
-    var handleDraggingFillClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-dragging-fill_',
-        propsKey: 'fillHandleDragging',
-    });
-    var handleDraggingFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'range-slider-handle-dragging-fill-hover_',
-        propsKey: 'fillHandleDraggingHover',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'filter_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var rangeSliderStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'range-slider', set && "range-slider_set_".concat(set), fillClass, trackFillClass, railFillClass, handleFillClass, handleFillHoverClass, handleDraggingFillClass, handleDraggingFillHoverClass, shapeClass, widthClass), style: rangeSliderStyles, children: [before && jsxRuntimeExports.jsx("div", { className: "range-slider__before", children: before }), jsxRuntimeExports.jsx(Slider, { className: "range-slider__wrapper", disabled: disabled, min: min, max: max, pushable: pushable, range: range, vertical: vertical, value: value, onChange: onChangeSlider }), children, after && jsxRuntimeExports.jsx("div", { className: "range-slider__after", children: after })] }));
-}
-
-export { RangeSlider as R };

package/dist/Response-sCPsxYoM.js

@@ -1,74 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import SVG from 'react-inlinesvg';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { B as Button } from './Button-Vxs8zjSy.js';
-import { G as Group } from './Group-DLmtajo8.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-import { T as Title } from './Title-zpOK2AxL.js';
-
-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 = useMemo(function () {
-        if (imageSrc) {
-            // eslint-disable-next-line react/prop-types
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntimeExports.jsx(SVG, { src: imageSrc });
-            }
-            return jsxRuntimeExports.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [imageSrc]);
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'response_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderColorHover',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    // @ts-expect-error
-    var responseStyles = useStyles(props).styles;
-    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(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), jsxRuntimeExports.jsxs(Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntimeExports.jsx(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 && (jsxRuntimeExports.jsx(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) && (jsxRuntimeExports.jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel) ? (jsxRuntimeExports.jsx(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) ? (jsxRuntimeExports.jsx(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] }));
-}
-
-export { Response as R, responseConfig as r };