@itcase/ui 1.9.40 → 1.9.42

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -23,7 +23,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
-var Link = require('../../Link_cjs_DXBqPjwm.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Link = require('../../Link_cjs_Dn7UhCYe.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button_cjs_Ivarkwy6.js');
+var Button = require('../../Button_cjs_BSfL-20W.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -19,13 +19,14 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
+require('../hooks/useHoldProgress.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 

package/dist/cjs/components/Cell.js

@@ -6,8 +6,8 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
-var Label = require('../../Label_cjs_DlbcXQX4.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Label = require('../../Label_cjs_DsuCRIyo.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('react');
 require('lodash/camelCase');
@@ -26,7 +26,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 
 const cellAppearanceSize = {
     sizeXL: {

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_CIIf1Cyn.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_DVfNiTvV.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -20,11 +20,11 @@ require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 

package/dist/cjs/components/Choice.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Loader = require('../../Loader_cjs_DMIUN6_q.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('lodash/camelCase');
@@ -25,7 +25,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 
 const choiceAppearanceDefault = {
     defaultMutedPrimary: {

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_Ivarkwy6.js');
+var Button = require('../../Button_cjs_BSfL-20W.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -21,13 +21,14 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../utils/mergeAppearanceKeys.js');
+require('../hooks/useHoldProgress.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 
 const cookiesWarningAppearanceDefault = {

package/dist/cjs/components/DatePeriod.js

@@ -8,11 +8,11 @@ var common = require('@itcase/common');
 var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_CIIf1Cyn.js');
-var DatePicker = require('../../DatePicker_cjs_BzAzvsdV.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_DVfNiTvV.js');
+var DatePicker = require('../../DatePicker_cjs_avA-OHmZ.js');
 require('react-select');
-require('../../Icon_cjs_D20B2YBo.js');
-var SelectContainer = require('../../SelectContainer_cjs_Bd9llsQa.js');
+require('../../Icon_cjs_CuqEv1jm.js');
+var SelectContainer = require('../../SelectContainer_cjs_DshFNYWN.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -30,11 +30,12 @@ require('../hooks/useStyles/useStyles.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('date-fns/locale');
 require('react-datepicker');
-require('../../Button_cjs_Ivarkwy6.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Button_cjs_BSfL-20W.js');
+require('../hooks/useHoldProgress.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 require('../../Input_cjs_BQIi1N63.js');
-require('../../Label_cjs_DlbcXQX4.js');
+require('../../Label_cjs_DsuCRIyo.js');
 require('@itcase/icons/default');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_BzAzvsdV.js');
+var DatePicker = require('../../DatePicker_cjs_avA-OHmZ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -22,17 +22,18 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Button_cjs_Ivarkwy6.js');
+require('../../Button_cjs_BSfL-20W.js');
 require('../utils/mergeAppearanceKeys.js');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../hooks/useHoldProgress.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 require('../../Input_cjs_BQIi1N63.js');
-require('../../Label_cjs_DlbcXQX4.js');
+require('../../Label_cjs_DsuCRIyo.js');
 require('@itcase/icons/default');
 
 

package/dist/cjs/components/Drawer.js

@@ -7,7 +7,7 @@ var ReactDrawer = require('react-modern-drawer');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Divider = require('../../Divider_cjs_C5Ou2Kqa.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
@@ -27,7 +27,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 
 const drawerAppearanceSize = {
     sizeH3: {

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem_cjs_nZbgMgqg.js');
+var DropdownItem = require('../../DropdownItem_cjs_pJblsTmA.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -20,11 +20,11 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('../../Divider_cjs_C5Ou2Kqa.js');
 

package/dist/cjs/components/HeroTitle.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -23,7 +23,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 const heroTitleAppearanceSize = {

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -23,7 +23,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 

package/dist/cjs/components/Image.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Image = require('../../Image_cjs_JfkEyfgx.js');
+var Image = require('../../Image_cjs_BxZFowhi.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputNumber.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_Ivarkwy6.js');
+var Button = require('../../Button_cjs_BSfL-20W.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -20,13 +20,14 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../utils/mergeAppearanceKeys.js');
+require('../hooks/useHoldProgress.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 

package/dist/cjs/components/InputPassword.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -24,7 +24,7 @@ require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 const inputPasswordAppearanceDefault = {

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label_cjs_DlbcXQX4.js');
+var Label = require('../../Label_cjs_DsuCRIyo.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -20,11 +20,11 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 

package/dist/cjs/components/Link.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Link = require('../../Link_cjs_DXBqPjwm.js');
+var Link = require('../../Link_cjs_Dn7UhCYe.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/List.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link_cjs_DXBqPjwm.js');
+var Link = require('../../Link_cjs_Dn7UhCYe.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Logo.js

@@ -7,7 +7,7 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link_cjs_DXBqPjwm.js');
+var Link = require('../../Link_cjs_Dn7UhCYe.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
 require('lodash/camelCase');

package/dist/cjs/components/MenuItem.js

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
-var Link = require('../../Link_cjs_DXBqPjwm.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Link = require('../../Link_cjs_Dn7UhCYe.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Modal.js

@@ -9,7 +9,7 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Overlay = require('../../Overlay_cjs_BK_0yTLw.js');
 var Loader = require('../../Loader_cjs_DMIUN6_q.js');
 require('lodash/camelCase');
@@ -28,7 +28,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 const modalAppearanceShape = {

package/dist/cjs/components/ModalSheetBottom.js

@@ -7,7 +7,7 @@ var reactModalSheet = require('react-modal-sheet');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -24,7 +24,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
 
 const modalSheetBottomAppearanceSize = {

package/dist/cjs/components/Notification.js

@@ -6,8 +6,8 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_Ivarkwy6.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Button = require('../../Button_cjs_BSfL-20W.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Loader = require('../../Loader_cjs_DMIUN6_q.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
@@ -25,7 +25,8 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../hooks/useHoldProgress.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Pagination.js

@@ -3,13 +3,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var ceil = require('lodash/ceil');
 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_nZbgMgqg.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var DropdownItem = require('../../DropdownItem_cjs_pJblsTmA.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
@@ -29,7 +28,7 @@ require('../../Divider_cjs_C5Ou2Kqa.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 
 const paginationAppearanceAccent = {
     accentPrimary: {
@@ -238,11 +237,13 @@ function Pagination(props) {
         return onChangePage;
     }, [onChangePage, onPageChange]);
     const _onChangePerPageCount = React.useMemo(() => {
-        if (onPerPageCountChange) {
-            console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.');
-            return onPerPageCountChange;
-        }
-        return onChangePerPageCount;
+        return (perPageCount) => {
+            if (onPerPageCountChange) {
+                console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.');
+                return onPerPageCountChange(perPageCount);
+            }
+            return onChangePerPageCount(perPageCount);
+        };
     }, [onChangePerPageCount, onPerPageCountChange]);
     const [isOpenDropdown, setIsOpenDropdown] = React.useState(false);
     const [activeDropdownItem, setActiveDropdownItem] = React.useState(perPageCount);
@@ -256,13 +257,13 @@ function Pagination(props) {
     }, []);
     const handleDropdownItemClick = React.useCallback((event, item) => {
         event.stopPropagation();
-        _onChangePerPageCount && _onChangePerPageCount(item);
+        _onChangePerPageCount(item);
         setActiveDropdownItem(item);
         setIsOpenDropdown(false);
     }, [_onChangePerPageCount]);
     const paginationPagesCount = React.useMemo(() => {
         if (allItemsCount && allItemsCount > 0) {
-            return ceil(allItemsCount / perPageCount);
+            return Math.ceil(allItemsCount / perPageCount);
         }
         return 0;
     }, [allItemsCount, perPageCount]);
@@ -273,6 +274,42 @@ function Pagination(props) {
         }
         return 0;
     }, [pageNumber]);
+    // Keep track of previous perPageCount value
+    const prevPageCountRef = React.useRef(perPageCount);
+    // When perPageCount changes and current pageNumber is invalid (even if in range).
+    React.useEffect(() => {
+        // If page number is 5 and perPageCount is 10 and there is 200 items in total,
+        // then user is seeing items from 41 to 50.
+        // Without this effect, when perPageCount changes to 20, pageNumber remains 5,
+        // which mean user will see items from 81 to 100, which is not expected.
+        // So we recalculate pageNumber to make sure user sees items from 41 to 60.
+        // pageNumber 1, perPageCount 10 -> items 1-10
+        // pageNumber 2, perPageCount 10 -> items 11-20
+        // pageNumber 3, perPageCount 10 -> items 21-30
+        // pageNumber 4, perPageCount 10 -> items 31-40
+        // pageNumber 5, perPageCount 10 -> items 41-50
+        // pageNumber 1, perPageCount 20 -> items 1-20
+        // pageNumber 2, perPageCount 20 -> items 21-40
+        // pageNumber 3, perPageCount 20 -> items 41-60
+        // pageNumber 4, perPageCount 20 -> items 61-80
+        // pageNumber 5, perPageCount 20 -> items 81-100
+        const prevPageCount = prevPageCountRef.current;
+        // Update previous perPageCount value
+        prevPageCountRef.current = perPageCount;
+        const firstItemIndex = (pageNumber - 1) * prevPageCount + 1;
+        const newPageNumber = Math.ceil(firstItemIndex / perPageCount);
+        if (newPageNumber !== pageNumber) {
+            _onChangePage({ selected: newPageNumber - 1 });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [perPageCount]);
+    // When allItemsCount changes and current pageNumber is out of range
+    React.useEffect(() => {
+        if (pageNumber > paginationPagesCount && paginationPagesCount > 0) {
+            _onChangePage({ selected: paginationPagesCount - 1 });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [allItemsCount]);
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, paginationConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { justifyContentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillInputClass, fillInputHoverClass, fillInputShapeClass, fillInputShapeStrengthClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorHoverClass, textSizeClass, builderIcon, builderIconFill, builderIconFillIcon, builderIconFillSize, builderIconSize, marginPagesDisplayed, nextIcon, nextIconFill, nextIconFillIcon, nextIconFillSize, nextIconSize, pageCountDescTextColor, pageCountDescTextSize, pageCountDropdownAlignment, pageCountDropdownElevation, pageCountDropdownFill, pageCountDropdownFillHover, pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize, pageCountDropdownItemFill, pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActiveHover, pageCountDropdownItemLabelColorHover, pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider, pageCountDropdownItemSize, pageCountDropdownItemWidth, pageCountDropdownShape, pageCountDropdownShapeStrength, pageCountInputIcon, pageCountInputIconColor, pageCountInputIconFillSize, pageCountInputIconSrc, pageCountInputTextColor, pageCountInputTextSize, pageRangeDisplayed, previousIcon, previousIconFill, previousIconFillIcon, previousIconFillSize, previousIconSize, sizeClass, } = propsGenerator;

package/dist/cjs/components/Response.js

@@ -8,7 +8,7 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_Ivarkwy6.js');
+var Button = require('../../Button_cjs_BSfL-20W.js');
 var Group = require('../../Group_cjs_xCUYKUcc.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('@itcase/common');
@@ -26,9 +26,10 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('../utils/mergeAppearanceKeys.js');
-require('../../Icon_cjs_D20B2YBo.js');
+require('../hooks/useHoldProgress.js');
+require('../../Icon_cjs_CuqEv1jm.js');
 require('react-inlinesvg');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Loader_cjs_DMIUN6_q.js');
 
 const responseAppearanceConfirm = {
@@ -55,7 +56,7 @@ const responseAppearanceDanger = {
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
-        svgPathFill: 'dangerItemPrimary',
+        svgPathFill: 'dangerPrimary',
     },
 };
 
@@ -69,7 +70,7 @@ const responseAppearanceEmpty = {
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
-        svgPathFill: 'surfaceItemQuaternary',
+        svgPathFill: 'surfaceQuaternary',
     },
 };
 

package/dist/cjs/components/Search.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Icon = require('../../Icon_cjs_CuqEv1jm.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var Scrollbar = require('../../Scrollbar_cjs_DHe1EK_B.js');
 require('lodash/camelCase');
@@ -26,7 +26,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_DXBqPjwm.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('react-scrollbars-custom');
 
 const searchAppearanceDefault = {