@itcase/ui 1.8.78 → 1.8.80

package/dist/{DropdownItem_cjs_sK2QBHIa.js → DropdownItem_cjs_HeDIPuKd.js}

@@ -12,7 +12,7 @@ var Text = require('./Text_cjs_B8nNXWBA.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 function Dropdown(props) {
-    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, children = props.children;
+    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, onClickItem = props.onClickItem, children = props.children;
     var dropdownRef = React.useRef(null);
     // const [isOpen, setIsOpen] = useState(false)
     var _c = React.useState({
@@ -63,7 +63,7 @@ function Dropdown(props) {
     var styles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxRuntime.jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
-                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsxRuntime.jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
+                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsxRuntime.jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton, onClick: item.onClick || (function (event) { return onClickItem === null || onClickItem === void 0 ? void 0 : onClickItem(item, event); }) }, item.key)); }), children] })), after] }));
 }
 
 var dropdownAppearanceAccent = {

package/dist/{DropdownItem_es_CLVNB92B.js → DropdownItem_es_C7P-fBm9.js}

@@ -10,7 +10,7 @@ import { T as Text } from './Text_es_BvmOR4nv.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 function Dropdown(props) {
-    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, children = props.children;
+    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, onClickItem = props.onClickItem, children = props.children;
     var dropdownRef = useRef(null);
     // const [isOpen, setIsOpen] = useState(false)
     var _c = useState({
@@ -61,7 +61,7 @@ function Dropdown(props) {
     var styles = useStyles(props).styles;
     return (jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
-                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
+                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton, onClick: item.onClick || (function (event) { return onClickItem === null || onClickItem === void 0 ? void 0 : onClickItem(item, event); }) }, item.key)); }), children] })), after] }));
 }
 
 var dropdownAppearanceAccent = {

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem_cjs_sK2QBHIa.js');
+var DropdownItem = require('../../DropdownItem_cjs_HeDIPuKd.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Pagination.js

@@ -8,7 +8,7 @@ var ReactPaginate = require('react-paginate');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var DropdownItem = require('../../DropdownItem_cjs_sK2QBHIa.js');
+var DropdownItem = require('../../DropdownItem_cjs_HeDIPuKd.js');
 var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
 var Text = require('../../Text_cjs_B8nNXWBA.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_CLVNB92B.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_C7P-fBm9.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Pagination.js

@@ -6,7 +6,7 @@ import ReactPaginate from 'react-paginate';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CLVNB92B.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_C7P-fBm9.js';
 import { I as Icon } from '../Icon_es_U8q1esww.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.78",
+  "version": "1.8.80",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",