hrm_ui_lib 2.1.0 → 2.2.0

package/components/Modal/ModalConfirmation.js

@@ -1,143 +1,36 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } 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-BslI0aA0.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
-    },
+import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper';
+import { useHideBodyScroll, useOnOutsideClick } from '../../hooks';
+import { Button } from '../Button';
+import { Text } from '../Text';
+const DESKTOP_ANIMATION = {
+    initial: { opacity: 0.5, scale: 0.65 },
+    animate: { opacity: 1, scale: [0.95, 1] },
     exit: {
-      opacity: 0
+        opacity: 0,
+        scale: 0.7,
+        transition: {
+            duration: 0.2
+        }
     },
     transition: {
-      duration: 0.4
+        duration: 0.4,
+        type: 'spring',
+        damping: 55,
+        stiffness: 700
     }
-  }, /*#__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 };
+export const ModalConfirmation = (props) => {
+    const { isOpen, onClose, onSubmit, title, className = '', size = 'small', buttonProps, dataIdPrefix, closeOnOutsideClick = true, iconProps, subtitle } = props;
+    const [containerRef, setContainerRef] = useState(null);
+    useOnOutsideClick(containerRef, onClose, closeOnOutsideClick && isOpen, useId());
+    useHideBodyScroll(isOpen);
+    return (_jsx(AnimatePresenceWrapper, { children: isOpen ? (_jsx(motion.div, { className: classnames('modal modal--confirmation', `modal--${size}`, className), initial: {
+                opacity: 0
+            }, animate: {
+                opacity: 1
+            }, exit: { opacity: 0 }, transition: { duration: 0.4 }, children: _jsx("div", Object.assign({ className: "modal__container text-center", ref: setContainerRef }, DESKTOP_ANIMATION, { children: _jsxs("div", { className: 'modal__content', children: [(iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component) ? (_jsx("div", { className: "modal__icon mb-32", children: _jsx(iconProps.Component, { size: 'xlarge' }) })) : null, title ? (_jsx(Text, { weight: "bolder", lineHeight: "large", size: "large", dataId: dataIdPrefix ? `${dataIdPrefix}-modal-title` : '', children: title })) : null, subtitle ? _jsx(Text, { className: 'mt-12', children: subtitle }) : null, buttonProps ? (_jsxs("div", { className: "modal__footer mt-32", children: [_jsx(Button, Object.assign({ type: "secondary", className: "modal__footer__btn mr-16", onClick: onClose, dataId: dataIdPrefix ? `${dataIdPrefix}-modal-cancel-button` : '' }, (buttonProps.cancel || {}))), _jsx(Button, Object.assign({ type: "danger", className: 'modal__footer__btn', onClick: onSubmit, dataId: dataIdPrefix ? `${dataIdPrefix}-modal-confirm-button` : '' }, buttonProps.confirm))] })) : null] }) })) })) : null }));
+};

package/components/Modal/ModalContent.js

@@ -1,52 +1,10 @@
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-export { d as ModalContent } from '../../Alert-BslI0aA0.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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import IconDismiss from '../SVGIcons/IconDismiss';
+import { Positions } from '../Tooltip/types';
+import { Button } from '../Button';
+import { Text } from '../Text';
+import { Tooltip } from '../Tooltip';
+import { noop } from '../../utils/helpers';
+export const ModalContent = ({ title, subtitle, dataIdPrefix, closeIcon, onClose, children, withFooter = true, confirmBtnTooltipText, buttonProps, onSubmit }) => {
+    return (_jsxs(_Fragment, { children: [title ? (_jsxs("div", { className: "modal__header", children: [_jsxs("div", { children: [_jsx(Text, { lineHeight: "large", size: "large", weight: 'bolder', dataId: dataIdPrefix ? `${dataIdPrefix}-modal-title` : '', children: title }), subtitle ? (_jsx(Text, { className: 'mt-12', dataId: dataIdPrefix ? `${dataIdPrefix}-modal-title` : '', children: subtitle })) : null] }), closeIcon ? (_jsx(Button, { className: 'modal__close ml-16', dataId: dataIdPrefix ? `${dataIdPrefix}-modal-close-button` : '', iconProps: { Component: IconDismiss }, onClick: onClose, type: "tertiary" })) : null] })) : null, _jsx("div", { className: "modal__content scrollbar scrollbar--vertical", children: children }), withFooter && buttonProps ? (_jsxs("div", { className: "modal__footer", children: [buttonProps.cancel && (_jsx(Button, Object.assign({ type: "tertiary", className: "modal__footer__btn mr-16", onClick: onClose, dataId: dataIdPrefix ? `${dataIdPrefix}-modal-cancel-button` : '' }, (buttonProps.cancel || {})))), confirmBtnTooltipText ? (_jsx(Tooltip, { text: confirmBtnTooltipText, id: 'confirm-btn-tooltip', position: Positions.TOP_CENTER })) : null, _jsx(Button, Object.assign({ id: 'confirm-btn-tooltip', className: 'modal__footer__btn', type: "primary", onClick: onSubmit ? onSubmit : noop, dataId: dataIdPrefix ? `${dataIdPrefix}-modal-confirm-button` : '' }, buttonProps.confirm))] })) : null] }));
+};

package/components/Modal/index.js

@@ -1,53 +1,2 @@
-export { M as MOBILE_ANIMATION, a as Modal } from '../../Alert-BslI0aA0.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';
+export * from './Modal';
+export * from './ModalConfirmation';

package/components/Modal/types.js

@@ -1 +1 @@
-
+export {};

package/components/More/More.js

@@ -1,86 +1,20 @@
-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-BslI0aA0.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
-  }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Text } from '../Text';
+import { Button } from '../Button';
+export const More = (props) => {
+    const { textProps = {}, expandedText, collapsedText, buttonText = {
+        expand: 'Ավելին',
+        collapse: 'Փակել'
+    } } = props;
+    const [isExpanded, setIsExpanded] = useState(false);
+    const expand = (e) => {
+        e.stopPropagation();
+        setIsExpanded(true);
+    };
+    const collapse = (e) => {
+        e.stopPropagation();
+        setIsExpanded(false);
+    };
+    return (_jsxs(Text, Object.assign({}, textProps, { className: 'more', children: [`${isExpanded ? expandedText : collapsedText}`, _jsx(Button, { className: 'more__btn ml-4', type: "link", buttonText: isExpanded ? buttonText.collapse : buttonText.expand, onClick: isExpanded ? collapse : expand })] })));
 };
-
-export { 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-BslI0aA0.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';
+export * from './More';

package/components/More/types.js

@@ -1 +1 @@
-
+export {};

package/components/Pagination/Pagination.js

@@ -1,59 +1,18 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import ReactPaginate from 'react-paginate';
-import { ICON_SIZE_MAPPING, PAGE_RANGE_DISPLAYED } from './consts.js';
+import { PAGE_RANGE_DISPLAYED } from './consts';
 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
-  } : {})));
+import IconChevronRight from '../SVGIcons/IconChevronRight';
+import IconChevronLeft from '../SVGIcons/IconChevronLeft';
+import IconMore from '../SVGIcons/IconMore';
+import { ICON_SIZE_MAPPING } from './consts';
+export const Pagination = (props) => {
+    const { totalCount, handleChangePage, classname = '', size = 'large', pageSize, disableInitialCallback = false, page, breakLabel = _jsx(IconMore, { size: ICON_SIZE_MAPPING[size] }), labels = {
+        previous: _jsx(IconChevronLeft, { size: ICON_SIZE_MAPPING[size] }),
+        next: _jsx(IconChevronRight, { size: ICON_SIZE_MAPPING[size] })
+    } } = props;
+    const handlePageChange = ({ selected }) => {
+        handleChangePage(selected + 1);
+    };
+    return (_jsx("div", { className: "pagination-wrapper flexbox", children: _jsx(ReactPaginate, Object.assign({ pageCount: Math.ceil(totalCount / pageSize), disableInitialCallback: disableInitialCallback, pageRangeDisplayed: PAGE_RANGE_DISPLAYED, marginPagesDisplayed: 1, onPageChange: handlePageChange, containerClassName: classNames(`pagination pagination--${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 };

package/components/Pagination/consts.js

@@ -1,8 +1,6 @@
-var PAGE_RANGE_DISPLAYED = 3;
-var ICON_SIZE_MAPPING = {
-  large: 'small',
-  medium: 'xsmall',
-  small: 'xxsmall'
+export const PAGE_RANGE_DISPLAYED = 3;
+export const ICON_SIZE_MAPPING = {
+    large: 'small',
+    medium: 'xsmall',
+    small: 'xxsmall'
 };
-
-export { ICON_SIZE_MAPPING, 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';
+export * from './Pagination';

package/components/Pagination/types.js

@@ -1 +1 @@
-
+export {};