hrm_ui_lib 2.1.0 → 2.2.0

package/components/Snackbar/index.js

@@ -1,54 +1 @@
-export { Snackbar, notify } from './Snackbar.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-toastify';
-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/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 '../../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 './consts.js';
+export * from './Snackbar';

package/components/Snackbar/types.js

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

package/components/Status/Status.js

@@ -1,53 +1,18 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { Text } from '../Text/Text.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../Text';
 import classNames from 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-
-var StatusTextSize = /*#__PURE__*/function (StatusTextSize) {
-  StatusTextSize["large"] = "standard";
-  StatusTextSize["medium"] = "small";
-  StatusTextSize["small"] = "xsmall";
-  return StatusTextSize;
-}(StatusTextSize || {});
-var Status = function Status(props) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$text = props.text,
-    text = _props$text === void 0 ? '' : _props$text,
-    children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    leftIconProps = props.leftIconProps,
-    rightIconProps = props.rightIconProps,
-    _props$withCircle = props.withCircle,
-    withCircle = _props$withCircle === void 0 ? true : _props$withCircle,
-    _props$withBackground = props.withBackground,
-    withBackground = _props$withBackground === void 0 ? false : _props$withBackground,
-    dataId = props.dataId;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("status status--".concat(size), className, _defineProperty({
-      status__withBackground: withBackground
-    }, "status__withBackground--".concat(type), withBackground))
-  }, withCircle ? /*#__PURE__*/React.createElement("span", {
-    className: classNames('status__circle', 'mr-6', _defineProperty({}, "status__circle--".concat(type), true))
-  }) : null, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
-    size: "xsmall",
-    type: type,
-    className: "mr-6"
-  }, leftIconProps)) : null, /*#__PURE__*/React.createElement("div", {
-    className: "status__label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "status__label-text",
-    dataId: "".concat(dataId, "-text"),
-    weight: withBackground ? 'semibold' : 'regular',
-    type: !withCircle || withBackground ? type : 'primary',
-    size: StatusTextSize[size]
-  }, text), children), rightIconProps);
+var StatusTextSize;
+(function (StatusTextSize) {
+    StatusTextSize["large"] = "standard";
+    StatusTextSize["medium"] = "small";
+    StatusTextSize["small"] = "xsmall";
+})(StatusTextSize || (StatusTextSize = {}));
+export const Status = (props) => {
+    const { type = 'primary', size = 'large', text = '', children, className = '', leftIconProps, rightIconProps, withCircle = true, withBackground = false, dataId } = props;
+    return (_jsxs("div", { className: classNames(`status status--${size}`, className, {
+            status__withBackground: withBackground,
+            [`status__withBackground--${type}`]: withBackground
+        }), children: [withCircle ? (_jsx("span", { className: classNames('status__circle', 'mr-6', {
+                    [`status__circle--${type}`]: true
+                }) })) : null, (leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.Component) ? (_jsx(leftIconProps.Component, Object.assign({ size: "xsmall", type: type, className: "mr-6" }, leftIconProps))) : null, _jsxs("div", { className: "status__label", children: [_jsx(Text, { className: "status__label-text", dataId: `${dataId}-text`, weight: withBackground ? 'semibold' : 'regular', type: !withCircle || withBackground ? type : 'primary', size: StatusTextSize[size], children: text }), children] }), rightIconProps] }));
 };
-
-export { Status };

package/components/Status/index.js

@@ -1,8 +1 @@
-export { Status } from './Status.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+export * from './Status';

package/components/Status/types.js

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

package/components/Stepper/Stepper.js

@@ -1,45 +1,29 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useEffect } from 'react';
-
-var Stepper = function Stepper(props) {
-  var list = props.list,
-    _props$activeStep = props.activeStep,
-    activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
-    setActiveStep = props.setActiveStep;
-  var _useState = useState(activeStep),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeStepIndex = _useState2[0],
-    setActiveStepIndex = _useState2[1];
-  var decreaseStepIndex = function decreaseStepIndex() {
-    var newIndex = activeStepIndex;
-    --newIndex;
-    setActiveStepIndex(newIndex);
-    if (setActiveStep) {
-      setActiveStep(newIndex);
-    }
-  };
-  var increaseStepIndex = function increaseStepIndex() {
-    var newIndex = activeStepIndex;
-    ++newIndex;
-    setActiveStepIndex(newIndex);
-    if (setActiveStep) {
-      setActiveStep(newIndex);
-    }
-  };
-  useEffect(function () {
-    if (activeStep && activeStep !== activeStepIndex) {
-      setActiveStepIndex(activeStep);
-    }
-  }, [activeStep, activeStepIndex]);
-  var Content = list[activeStepIndex];
-  return /*#__PURE__*/React.createElement(Content, {
-    activeStepIndex: activeStepIndex,
-    isNextDisabled: activeStepIndex === list.length - 1,
-    isPrevDisabled: activeStepIndex === 0,
-    prevHandler: decreaseStepIndex,
-    nextHandler: increaseStepIndex,
-    stepCount: list.length
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export const Stepper = (props) => {
+    const { list, activeStep = 0, setActiveStep } = props;
+    const [activeStepIndex, setActiveStepIndex] = useState(activeStep);
+    const decreaseStepIndex = () => {
+        let newIndex = activeStepIndex;
+        --newIndex;
+        setActiveStepIndex(newIndex);
+        if (setActiveStep) {
+            setActiveStep(newIndex);
+        }
+    };
+    const increaseStepIndex = () => {
+        let newIndex = activeStepIndex;
+        ++newIndex;
+        setActiveStepIndex(newIndex);
+        if (setActiveStep) {
+            setActiveStep(newIndex);
+        }
+    };
+    useEffect(() => {
+        if (activeStep && activeStep !== activeStepIndex) {
+            setActiveStepIndex(activeStep);
+        }
+    }, [activeStep, activeStepIndex]);
+    const Content = list[activeStepIndex];
+    return (_jsx(Content, { activeStepIndex: activeStepIndex, isNextDisabled: activeStepIndex === list.length - 1, isPrevDisabled: activeStepIndex === 0, prevHandler: decreaseStepIndex, nextHandler: increaseStepIndex, stepCount: list.length }));
 };
-
-export { Stepper };

package/components/Stepper/index.js

@@ -1,3 +1 @@
-export { Stepper } from './Stepper.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+export * from './Stepper';

package/components/Stepper/types.js

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

package/components/Switcher/Switcher.js

@@ -1,116 +1,19 @@
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { Label } from '../../helperComponents/Label/Label.js';
-import 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-BslI0aA0.js';
-import { IconCheckmark } from '../SVGIcons/IconCheckmark.js';
-import 'react-syntax-highlighter';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-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 '../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 Switcher = /*#__PURE__*/forwardRef(function (props, ref) {
-  var onClick = props.onClick,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    name = props.name,
-    value = props.value,
-    disabled = props.disabled,
-    label = props.label,
-    _props$inlineType = props.inlineType,
-    inlineType = _props$inlineType === void 0 ? false : _props$inlineType,
-    dataId = props.dataId,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    setFieldValue = props.setFieldValue,
-    selectedValue = props.selectedValue,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    labelAddons = props.labelAddons;
-  var isChecked = !!value || !!selectedValue;
-  var changeHandler = function changeHandler() {
-    if (name && setFieldValue) {
-      setFieldValue(name, !isChecked);
-    }
-    if (onClick) {
-      onClick(!isChecked);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('switcher', {
-      'switcher--inline': inlineType
-    })
-  }, label && /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    disabled: disabled,
-    labelAddons: labelAddons,
-    size: inlineType ? 'standard' : size,
-    className: "switcher__label"
-  }), /*#__PURE__*/React.createElement("label", {
-    id: id,
-    className: classNames('controller', 'controller--switch', "controller--switch-".concat(size), className, {
-      'controller--disabled': disabled
-    })
-  }, /*#__PURE__*/React.createElement("input", {
-    "data-id": dataId,
-    type: "checkbox",
-    tabIndex: 0,
-    onChange: changeHandler,
-    checked: isChecked,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "controller__icon"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "controller__icon__inner"
-  }, /*#__PURE__*/React.createElement(IconCheckmark, {
-    size: "xsmall",
-    className: "controller__mark"
-  })))));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../helperComponents';
+import IconCheckmark from '../SVGIcons/IconCheckmark';
+export const Switcher = forwardRef((props, ref) => {
+    const { onClick, id = '', name, value, disabled, label, inlineType = false, dataId, size = 'large', setFieldValue, selectedValue, className = '', labelAddons } = props;
+    const isChecked = !!value || !!selectedValue;
+    const changeHandler = () => {
+        if (name && setFieldValue) {
+            setFieldValue(name, !isChecked);
+        }
+        if (onClick) {
+            onClick(!isChecked);
+        }
+    };
+    return (_jsxs("div", { className: classnames('switcher', { 'switcher--inline': inlineType }), children: [label && (_jsx(Label, { text: label, disabled: disabled, labelAddons: labelAddons, size: inlineType ? 'standard' : size, className: "switcher__label" })), _jsxs("label", { id: id, className: classnames('controller', 'controller--switch', `controller--switch-${size}`, className, { 'controller--disabled': disabled }), children: [_jsx("input", { "data-id": dataId, type: "checkbox", tabIndex: 0, onChange: changeHandler, checked: isChecked, disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx("span", { className: "controller__icon__inner", children: _jsx(IconCheckmark, { size: "xsmall", className: "controller__mark" }) }) })] })] }));
 });
 Switcher.displayName = 'Switcher';
-
-export { Switcher };

package/components/Switcher/index.js

@@ -1,55 +1 @@
-export { Switcher } from './Switcher.js';
-import 'react';
-import 'classnames';
-import '../../helperComponents/Label/Label.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-BslI0aA0.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-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 '../SVGIcons/IconCheckmark.js';
+export * from './Switcher';

package/components/Switcher/types.js

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

package/components/Tab/Tab.js

@@ -1,37 +1,20 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import { TabItem } from './TabItem.js';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabItem } from './TabItem';
 import classNames from 'classnames';
-import '@babel/runtime/helpers/defineProperty';
-import '../Badge/Badge.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-
-var _excluded = ["selectedValue", "tabItems", "onSelect", "className"];
-var Tab = function Tab(props) {
-  var selectedValue = props.selectedValue,
-    tabItems = props.tabItems,
-    onSelect = props.onSelect,
-    className = props.className,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('tabs-container', className)
-  }, tabItems.map(function (tabInfo) {
-    return /*#__PURE__*/React.createElement(TabItem, _extends({
-      label: tabInfo.label,
-      badgeProps: tabInfo.badgeProps,
-      onClick: function onClick() {
-        return onSelect(tabInfo.value);
-      },
-      key: tabInfo.value,
-      val: tabInfo.value,
-      isSelected: selectedValue === tabInfo.value,
-      dataId: (tabInfo === null || tabInfo === void 0 ? void 0 : tabInfo.dataId) || '',
-      disabled: tabInfo.disabled
-    }, rest));
-  }));
+export const Tab = (props) => {
+    const { selectedValue, tabItems, onSelect, className } = props, rest = __rest(props, ["selectedValue", "tabItems", "onSelect", "className"]);
+    return (_jsx("div", { className: classNames('tabs-container', className), children: tabItems.map((tabInfo) => {
+            return (_jsx(TabItem, Object.assign({ label: tabInfo.label, badgeProps: tabInfo.badgeProps, onClick: () => onSelect(tabInfo.value), val: tabInfo.value, isSelected: selectedValue === tabInfo.value, dataId: (tabInfo === null || tabInfo === void 0 ? void 0 : tabInfo.dataId) || '', disabled: tabInfo.disabled }, rest), tabInfo.value));
+        }) }));
 };
-
-export { Tab };

package/components/Tab/TabItem.js

@@ -1,54 +1,13 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { Badge } from '../Badge/Badge.js';
-import { noop } from '../../utils/helpers.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from '../Badge';
+import { noop } from '../../utils/helpers';
 import classNames from 'classnames';
-import '../Text/Text.js';
-import 'dayjs';
-
-var TabItem = function TabItem(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    iconProps = props.iconProps,
-    badgeProps = props.badgeProps,
-    label = props.label,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    isSelected = props.isSelected,
-    rightIconProps = props.rightIconProps,
-    val = props.val,
-    onClick = props.onClick,
-    dataId = props.dataId;
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: disabled ? noop : onClick,
-    className: classNames('tab', _defineProperty({}, "tab--".concat(size), size), {
-      'tab--disabled': disabled
-    }, {
-      'tab--selected': isSelected
-    }, className)
-  }, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, _extends({
-    className: "tab__icon mr-8",
-    size: "".concat(size == 'small' ? 'xsmall' : 'small')
-  }, iconProps)) : null, /*#__PURE__*/React.createElement("span", {
-    className: "tab__label",
-    "data-id": dataId
-  }, label), rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({
-    onClick: function onClick(e) {
-      if (rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.action) {
-        e.stopPropagation();
-        rightIconProps === null || rightIconProps === void 0 || rightIconProps.action(val);
-      }
-    },
-    className: "tab__icon ml-8",
-    size: "".concat(size == 'small' ? 'xsmall' : 'small')
-  }, rightIconProps)) : null, badgeProps !== null && badgeProps !== void 0 && badgeProps.text ? /*#__PURE__*/React.createElement(Badge, _extends({
-    className: "tab__badge ml-8",
-    size: "small",
-    type: "secondary"
-  }, badgeProps)) : null);
+export const TabItem = (props) => {
+    const { size = 'large', iconProps, badgeProps, label, className = '', disabled = false, isSelected, rightIconProps, val, onClick, dataId } = props;
+    return (_jsxs("div", { onClick: disabled ? noop : onClick, className: classNames('tab', { [`tab--${size}`]: size }, { 'tab--disabled': disabled }, { 'tab--selected': isSelected }, className), children: [(iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component) ? (_jsx(iconProps.Component, Object.assign({ className: "tab__icon mr-8", size: `${size == 'small' ? 'xsmall' : 'small'}` }, iconProps))) : null, _jsx("span", { className: "tab__label", "data-id": dataId, children: label }), (rightIconProps === null || rightIconProps === void 0 ? void 0 : rightIconProps.Component) ? (_jsx(rightIconProps.Component, Object.assign({ onClick: (e) => {
+                    if (rightIconProps === null || rightIconProps === void 0 ? void 0 : rightIconProps.action) {
+                        e.stopPropagation();
+                        rightIconProps === null || rightIconProps === void 0 ? void 0 : rightIconProps.action(val);
+                    }
+                }, className: "tab__icon ml-8", size: `${size == 'small' ? 'xsmall' : 'small'}` }, rightIconProps))) : null, (badgeProps === null || badgeProps === void 0 ? void 0 : badgeProps.text) ? (_jsx(Badge, Object.assign({ className: "tab__badge ml-8", size: "small", type: "secondary" }, badgeProps))) : null] }));
 };
-
-export { TabItem };

package/components/Tab/index.js

@@ -1,11 +1 @@
-export { Tab } from './Tab.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import './TabItem.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../Badge/Badge.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+export * from './Tab';

package/components/Tab/types.js

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