hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Modal/ModalConfirmation.js

@@ -1,143 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useId } from 'react';
-import classNames from 'classnames';
-import { motion } from 'framer-motion';
-import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../consts/index.js';
-import 'dayjs';
-import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useScreenSize.js';
-import { useHideBodyScroll } from '../../hooks/useHideBodyScroll.js';
-import 'react-hook-form';
-import { B as Button } from '../../Alert-V_kH4Snn.js';
-import { Text } from '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../utils/helpers.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var DESKTOP_ANIMATION = {
-  initial: {
-    opacity: 0.5,
-    scale: 0.65
-  },
-  animate: {
-    opacity: 1,
-    scale: [0.95, 1]
-  },
-  exit: {
-    opacity: 0,
-    scale: 0.7,
-    transition: {
-      duration: 0.2
-    }
-  },
-  transition: {
-    duration: 0.4,
-    type: 'spring',
-    damping: 55,
-    stiffness: 700
-  }
-};
-var ModalConfirmation = function ModalConfirmation(props) {
-  var isOpen = props.isOpen,
-    onClose = props.onClose,
-    onSubmit = props.onSubmit,
-    title = props.title,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    buttonProps = props.buttonProps,
-    dataIdPrefix = props.dataIdPrefix,
-    _props$closeOnOutside = props.closeOnOutsideClick,
-    closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
-    iconProps = props.iconProps,
-    subtitle = props.subtitle;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerRef = _useState2[0],
-    setContainerRef = _useState2[1];
-  useOnOutsideClick(containerRef, onClose, closeOnOutsideClick && isOpen, useId());
-  useHideBodyScroll(isOpen);
-  return /*#__PURE__*/React.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React.createElement(motion.div, {
-    className: classNames('modal modal--confirmation', "modal--".concat(size), className),
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0
-    },
-    transition: {
-      duration: 0.4
-    }
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: "modal__container text-center",
-    ref: setContainerRef
-  }, DESKTOP_ANIMATION), /*#__PURE__*/React.createElement("div", {
-    className: 'modal__content'
-  }, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement("div", {
-    className: "modal__icon mb-32"
-  }, /*#__PURE__*/React.createElement(iconProps.Component, {
-    size: 'xlarge'
-  })) : null, title ? /*#__PURE__*/React.createElement(Text, {
-    weight: "bolder",
-    lineHeight: "large",
-    size: "large",
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, title) : null, subtitle ? /*#__PURE__*/React.createElement(Text, {
-    className: 'mt-12'
-  }, subtitle) : null, buttonProps ? /*#__PURE__*/React.createElement("div", {
-    className: "modal__footer mt-32"
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    type: "secondary",
-    className: "modal__footer__btn mr-16",
-    onClick: onClose,
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-cancel-button") : ''
-  }, buttonProps.cancel || {})), /*#__PURE__*/React.createElement(Button, _extends({
-    type: "danger",
-    className: 'modal__footer__btn',
-    onClick: onSubmit,
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-confirm-button") : ''
-  }, buttonProps.confirm))) : null))) : null);
-};
-
-export { ModalConfirmation };
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import{useState as v,useId as y}from"react";import d from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as C}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as b}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{useAnimation as k}from"../../hooks/useAnimation.js";import{Button as s}from"../Button/Button.js";import{Text as u}from"../Text/Text.js";import{useEscapeKey as R}from"../../hooks/useEscapeKey.js";const q=({isOpen:o,onClose:t,onSubmit:a,title:n,className:l="",size:i="small",buttonProps:r,dataIdPrefix:m,closeOnOutsideClick:p=!0,iconProps:f,subtitle:_})=>{const{animationState:h,shouldRender:x}=k({isOpen:o,enterDuration:400,exitDuration:200}),[j,N]=v(null);return C(j,t,p&&o,y()),b(o),R(t,{enabled:o}),x?/* @__PURE__ */e("div",{className:d("modal modal--confirmation",`modal--${i}`,`modal--${h}`,l),children:/* @__PURE__ */e("div",{className:d("modal__container","text-center",`modal__container--${h}`),ref:N,children:/* @__PURE__ */c("div",{className:"modal__content",children:[null!=f&&f.Component?/* @__PURE__ */e("div",{className:"modal__icon mb-32",children:/* @__PURE__ */e(f.Component,{size:"xlarge"})}):null,n?/* @__PURE__ */e(u,{weight:"bolder",lineHeight:"large",size:"large",dataId:m?`${m}-modal-title`:"",children:n}):null,_?/* @__PURE__ */e(u,{className:"mt-12",children:_}):null,r?/* @__PURE__ */c("div",{className:"modal__footer mt-32",children:[
+/* @__PURE__ */e(s,{type:"secondary",className:"modal__footer__btn mr-16",onClick:t,dataId:m?`${m}-modal-cancel-button`:"",...r.cancel||{}}),
+/* @__PURE__ */e(s,{type:"danger",className:"modal__footer__btn",onClick:a,dataId:m?`${m}-modal-confirm-button`:"",...r.confirm})]}):null]})})}):null};export{q as ModalConfirmation};

package/components/Modal/ModalContent.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
+import { TTitleSize } from './types';
 type TProps = {
     title?: string;
     subtitle?: string;
@@ -15,6 +16,7 @@ type TProps = {
         confirm: TButtonPropTypes;
     };
     onSubmit?: () => void;
+    titleSize?: TTitleSize;
 };
-export declare const ModalContent: ({ title, subtitle, dataIdPrefix, closeIcon, onClose, children, withFooter, confirmBtnTooltipText, buttonProps, onSubmit }: TProps) => ReactElement;
+export declare const ModalContent: ({ title, subtitle, dataIdPrefix, closeIcon, onClose, children, withFooter, confirmBtnTooltipText, buttonProps, onSubmit, titleSize }: TProps) => ReactElement;
 export {};

package/components/Modal/ModalContent.js

@@ -1,52 +1,5 @@
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-export { d as ModalContent } from '../../Alert-V_kH4Snn.js';
-import '../Text/Text.js';
-import '../Tooltip/Tooltip.js';
-import '../../utils/helpers.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'classnames';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{jsxs as n,Fragment as N,jsx as l}from"react/jsx-runtime";import u from"../SVGIcons/IconDismiss.js";import{Positions as g}from"../Tooltip/types.js";import{Button as r}from"../Button/Button.js";import{Text as d}from"../Text/Text.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import{noop as b}from"../../utils/helpers.js";const T=({title:o,subtitle:t,dataIdPrefix:e,closeIcon:i,onClose:a,children:s,withFooter:m=!0,confirmBtnTooltipText:c,buttonProps:p,onSubmit:_,titleSize:f="large"})=>/* @__PURE__ */n(N,{children:[o?/* @__PURE__ */n("div",{className:"modal__header",children:[
+/* @__PURE__ */n("div",{children:[
+/* @__PURE__ */l(d,{lineHeight:"large",size:f,weight:"bolder",dataId:e?`${e}-modal-title`:"",children:o}),t?/* @__PURE__ */l(d,{className:"mt-12",dataId:e?`${e}-modal-title`:"",children:t}):null]}),i?/* @__PURE__ */l(r,{className:"modal__close ml-16",dataId:e?`${e}-modal-close-button`:"",iconProps:{Component:u},onClick:a,type:"tertiary",size:"medium"===f?"small":"large"}):null]}):null,
+/* @__PURE__ */l("div",{className:"modal__content scrollbar scrollbar--vertical",children:s}),m&&p?/* @__PURE__ */n("div",{className:"modal__footer",children:[p.cancel&&/* @__PURE__ */l(r,{type:"tertiary",className:"modal__footer__btn mr-16",onClick:a,dataId:e?`${e}-modal-cancel-button`:"",...p.cancel||{}}),c?/* @__PURE__ */l(y,{text:c,id:"confirm-btn-tooltip",position:g.TOP_CENTER}):null,
+/* @__PURE__ */l(r,{id:"confirm-btn-tooltip",className:"modal__footer__btn",type:"primary",onClick:_||b,dataId:e?`${e}-modal-confirm-button`:"",...p.confirm})]}):null]});export{T as ModalContent};

package/components/Modal/index.js

@@ -1,53 +1 @@
-export { M as MOBILE_ANIMATION, a as Modal } from '../../Alert-V_kH4Snn.js';
-export { ModalConfirmation } from './ModalConfirmation.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{Modal as a}from"./Modal.js";import{ModalConfirmation as m}from"./ModalConfirmation.js";export{a as Modal,m as ModalConfirmation};

package/components/Modal/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
+export type TTitleSize = 'medium' | 'large';
 export interface TModalPropTypes {
     dataIdPrefix?: string;
     closeOnOutsideClick?: boolean;
@@ -9,6 +10,7 @@ export interface TModalPropTypes {
     title?: string;
     subtitle?: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge';
+    titleSize?: TTitleSize;
     withFooter?: boolean;
     buttonProps?: {
         cancel?: TButtonPropTypes;

package/components/Modal/types.js

@@ -1 +0,0 @@
-

package/components/More/More.js

@@ -1,86 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { Text } from '../Text/Text.js';
-import { B as Button } from '../../Alert-V_kH4Snn.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var More = function More(props) {
-  var _props$textProps = props.textProps,
-    textProps = _props$textProps === void 0 ? {} : _props$textProps,
-    expandedText = props.expandedText,
-    collapsedText = props.collapsedText,
-    _props$buttonText = props.buttonText,
-    buttonText = _props$buttonText === void 0 ? {
-      expand: 'Ավելին',
-      collapse: 'Փակել'
-    } : _props$buttonText;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isExpanded = _useState2[0],
-    setIsExpanded = _useState2[1];
-  var expand = function expand(e) {
-    e.stopPropagation();
-    setIsExpanded(true);
-  };
-  var collapse = function collapse(e) {
-    e.stopPropagation();
-    setIsExpanded(false);
-  };
-  return /*#__PURE__*/React.createElement(Text, _extends({}, textProps, {
-    className: 'more'
-  }), "".concat(isExpanded ? expandedText : collapsedText), /*#__PURE__*/React.createElement(Button, {
-    className: 'more__btn ml-4',
-    type: "link",
-    buttonText: isExpanded ? buttonText.collapse : buttonText.expand,
-    onClick: isExpanded ? collapse : expand
-  }));
-};
-
-export { More };
+import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Text as i}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:o={},expandedText:e,collapsedText:s,buttonText:a={expand:"Ավելին",collapse:"Փակել"}}=t,[r,n]=d(!1);/* @__PURE__ */
+return c(i,{...o,className:"more",children:[`${r?e:s}`
+/* @__PURE__ */,m(f,{className:"more__btn ml-4",type:"link",buttonText:r?a.collapse:a.expand,onClick:r?t=>{t.stopPropagation(),n(!1)}:t=>{t.stopPropagation(),n(!0)}})]})};export{g as More};

package/components/More/index.js

@@ -1,53 +1 @@
-export { More } from './More.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{More as e}from"./More.js";export{e as More};

package/components/More/types.js

@@ -1 +0,0 @@
-

package/components/Pagination/Pagination.js

@@ -1,59 +1,2 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import ReactPaginate from 'react-paginate';
-import { ICON_SIZE_MAPPING, PAGE_RANGE_DISPLAYED } from './consts.js';
-import classNames from 'classnames';
-import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
-import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
-import { IconMore } from '../SVGIcons/IconMore.js';
-import '@babel/runtime/helpers/defineProperty';
-
-var Pagination = function Pagination(props) {
-  var totalCount = props.totalCount,
-    handleChangePage = props.handleChangePage,
-    _props$classname = props.classname,
-    classname = _props$classname === void 0 ? '' : _props$classname,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    pageSize = props.pageSize,
-    _props$disableInitial = props.disableInitialCallback,
-    disableInitialCallback = _props$disableInitial === void 0 ? false : _props$disableInitial,
-    page = props.page,
-    _props$breakLabel = props.breakLabel,
-    breakLabel = _props$breakLabel === void 0 ? /*#__PURE__*/React.createElement(IconMore, {
-      size: ICON_SIZE_MAPPING[size]
-    }) : _props$breakLabel,
-    _props$labels = props.labels,
-    labels = _props$labels === void 0 ? {
-      previous: /*#__PURE__*/React.createElement(IconChevronLeft, {
-        size: ICON_SIZE_MAPPING[size]
-      }),
-      next: /*#__PURE__*/React.createElement(IconChevronRight, {
-        size: ICON_SIZE_MAPPING[size]
-      })
-    } : _props$labels;
-  var handlePageChange = function handlePageChange(_ref) {
-    var selected = _ref.selected;
-    handleChangePage(selected + 1);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pagination-wrapper flexbox"
-  }, /*#__PURE__*/React.createElement(ReactPaginate, _extends({
-    pageCount: Math.ceil(totalCount / pageSize),
-    disableInitialCallback: disableInitialCallback,
-    pageRangeDisplayed: PAGE_RANGE_DISPLAYED,
-    marginPagesDisplayed: 1,
-    onPageChange: handlePageChange,
-    containerClassName: classNames("pagination pagination--".concat(size), classname),
-    activeClassName: 'active',
-    previousLabel: labels === null || labels === void 0 ? void 0 : labels.previous,
-    nextLabel: labels === null || labels === void 0 ? void 0 : labels.next,
-    breakClassName: "pagination__more",
-    breakLinkClassName: "pagination__more__link",
-    breakLabel: breakLabel
-  }, page ? {
-    forcePage: page - 1
-  } : {})));
-};
-
-export { Pagination };
+import{jsx as e}from"react/jsx-runtime";import f from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as P}from"./consts.js";import h from"classnames";import _ from"../SVGIcons/IconChevronRight.js";import N from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const z=a=>{const{totalCount:i,handleChangePage:o,classname:s="",size:r="large",pageSize:t,disableInitialCallback:l=!1,page:m,breakLabel:p=/* @__PURE__ */e(v,{size:n[r]}),labels:c={previous:/* @__PURE__ */e(N,{size:n[r]}),next:/* @__PURE__ */e(_,{size:n[r]})}}=a;/* @__PURE__ */
+return e("div",{className:"pagination-wrapper flexbox",children:/* @__PURE__ */e(f,{pageCount:Math.ceil(i/t),disableInitialCallback:l,pageRangeDisplayed:P,marginPagesDisplayed:1,onPageChange:({selected:a})=>{o(a+1)},containerClassName:h(`pagination pagination--${r}`,s),activeClassName:"active",previousLabel:null==c?void 0:c.previous,nextLabel:null==c?void 0:c.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:p,...m?{forcePage:m-1}:{}})})};export{z as Pagination};

package/components/Pagination/consts.d.ts

@@ -1,4 +1,4 @@
-import { TSVGIconSize } from '../SVGIcons/types';
+import { TSVGIconSize } from '../../type';
 export declare const PAGE_RANGE_DISPLAYED = 3;
 export declare const ICON_SIZE_MAPPING: {
     [key: string]: TSVGIconSize;

package/components/Pagination/consts.js

@@ -1,8 +1 @@
-var PAGE_RANGE_DISPLAYED = 3;
-var ICON_SIZE_MAPPING = {
-  large: 'small',
-  medium: 'xsmall',
-  small: 'xxsmall'
-};
-
-export { ICON_SIZE_MAPPING, PAGE_RANGE_DISPLAYED };
+const l=3,m={large:"small",medium:"xsmall",small:"xxsmall"};export{m as ICON_SIZE_MAPPING,l as PAGE_RANGE_DISPLAYED};

package/components/Pagination/index.js

@@ -1,10 +1 @@
-export { Pagination } from './Pagination.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-paginate';
-import './consts.js';
-import 'classnames';
-import '../SVGIcons/IconChevronRight.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../SVGIcons/IconChevronLeft.js';
-import '../SVGIcons/IconMore.js';
+import{Pagination as i}from"./Pagination.js";export{i as Pagination};

package/components/Pagination/types.js

@@ -1 +0,0 @@
-

package/components/Popover/Popover.js

@@ -1,52 +1 @@
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import '../../hooks/useGetIsMobile.js';
-export { P as Popover } from '../../Alert-V_kH4Snn.js';
-import './PopoverDesktop.js';
-import '../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{jsx as f}from"react/jsx-runtime";import{useState as p,useEffect as r}from"react";import{useIsMobile as M}from"../../hooks/useGetIsMobile.js";import{PopoverMobile as P}from"./PopoverMobile.js";import{PopoverDesktop as v}from"./PopoverDesktop.js";const C=e=>{const{elemRef:o,id:s,clicked:t=!1,stopPropagation:i,...a}=e,m=M(),[c,n]=p(t),[l,d]=p(o||null),u=e=>{i&&e.stopImmediatePropagation(),n(!0)},g=()=>n(!1);return r(()=>{l&&l.addEventListener("click",u)},[l]),r(()=>{if(s){const e=document.getElementById(s.toString());d(e)}},[s]),r(()=>{!1===t&&n(t)},[t]),m?/* @__PURE__ */f(P,{...a,clicked:c,hideMessage:g}):/* @__PURE__ */f(v,{...a,parent:l,clicked:c,showMessage:u,hideMessage:g})};export{C as Popover};