@itcase/ui 1.9.22 → 1.9.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,10 +27,10 @@ const Group = React.forwardRef(function Group(props, ref) {
27
27
  const { id, appearance, className, dataTestId, dataTour, name, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
28
28
  const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, groupConfig);
29
29
  const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
30
- const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
30
+ const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
31
31
  // @ts-expect-error
32
32
  const { styles: groupStyles } = useStyles.useStyles(props);
33
- return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
33
+ return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
34
34
  `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
35
35
  ? !isActive
36
36
  ? fillClass && `fill_${fillClass}`
@@ -25,10 +25,10 @@ const Group = React.forwardRef(function Group(props, ref) {
25
25
  const { id, appearance, className, dataTestId, dataTour, name, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
26
26
  const appearanceConfig = useAppearanceConfig(appearance, groupConfig);
27
27
  const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
28
- const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
28
+ const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
29
29
  // @ts-expect-error
30
30
  const { styles: groupStyles } = useStyles(props);
31
- return (jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
31
+ return (jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
32
32
  `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
33
33
  ? !isActive
34
34
  ? fillClass && `fill_${fillClass}`
@@ -7,7 +7,7 @@ var Select = require('react-select');
7
7
  var CreatableSelect = require('react-select/creatable');
8
8
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
9
9
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
- var Group = require('./Group_cjs_CFzdSMKV.js');
10
+ var Group = require('./Group_cjs_393FExUN.js');
11
11
  var Text = require('./Text_cjs_DG2eMKBi.js');
12
12
  var _default = require('@itcase/icons/default');
13
13
  var Icon = require('./Icon_cjs_BgGtdviU.js');
@@ -5,7 +5,7 @@ import Select, { components } from 'react-select';
5
5
  import CreatableSelect from 'react-select/creatable';
6
6
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
7
7
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
- import { G as Group } from './Group_es_BwTj-yH-.js';
8
+ import { G as Group } from './Group_es_BtE98Vb5.js';
9
9
  import { T as Text } from './Text_es_CU9KR5AE.js';
10
10
  import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
11
11
  import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
@@ -6,7 +6,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
8
  var Avatar = require('../../Avatar_cjs_DRZE113U.js');
9
- var Group = require('../../Group_cjs_CFzdSMKV.js');
9
+ var Group = require('../../Group_cjs_393FExUN.js');
10
10
  var Text = require('../../Text_cjs_DG2eMKBi.js');
11
11
  require('react');
12
12
  require('lodash/camelCase');
@@ -11,13 +11,13 @@ var ChipsGroup = require('../../ChipsGroup_cjs_D0bGehZY.js');
11
11
  var DatePicker = require('../../DatePicker_cjs_Cm50AX0J.js');
12
12
  require('react-select');
13
13
  require('../../Icon_cjs_BgGtdviU.js');
14
- var SelectContainer = require('../../SelectContainer_cjs_tjM35jHG.js');
14
+ var SelectContainer = require('../../SelectContainer_cjs_CsHj-fP_.js');
15
15
  require('lodash/camelCase');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../context/Notifications.js');
19
19
  require('../context/UIContext.js');
20
- require('../../Group_cjs_CFzdSMKV.js');
20
+ require('../../Group_cjs_393FExUN.js');
21
21
  require('lodash/castArray');
22
22
  require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Group = require('../../Group_cjs_CFzdSMKV.js');
3
+ var Group = require('../../Group_cjs_393FExUN.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -9,7 +9,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('../hooks/useStyles/useStyles.js');
11
11
  var Button = require('../../Button_cjs_BRShPZw4.js');
12
- var Group = require('../../Group_cjs_CFzdSMKV.js');
12
+ var Group = require('../../Group_cjs_393FExUN.js');
13
13
  var Text = require('../../Text_cjs_DG2eMKBi.js');
14
14
  require('@itcase/common');
15
15
  require('../context/UrlAssetPrefix.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var SelectContainer = require('../../SelectContainer_cjs_tjM35jHG.js');
3
+ var SelectContainer = require('../../SelectContainer_cjs_CsHj-fP_.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -20,7 +20,7 @@ require('react-responsive');
20
20
  require('../utils/setViewportProperty.js');
21
21
  require('../hooks.js');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
- require('../../Group_cjs_CFzdSMKV.js');
23
+ require('../../Group_cjs_393FExUN.js');
24
24
  require('../hooks/useStyles/useStyles.js');
25
25
  require('lodash/maxBy');
26
26
  require('../../Text_cjs_DG2eMKBi.js');
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var react = require('swiper/react');
7
- var Group = require('../../Group_cjs_CFzdSMKV.js');
7
+ var Group = require('../../Group_cjs_393FExUN.js');
8
8
  var Text = require('../../Text_cjs_DG2eMKBi.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('../hooks/useStyles/useStyles.js');
@@ -4,7 +4,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
4
4
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from '../hooks/useStyles/useStyles.js';
6
6
  import { A as Avatar } from '../Avatar_es_Cmq4xAG6.js';
7
- import { G as Group } from '../Group_es_BwTj-yH-.js';
7
+ import { G as Group } from '../Group_es_BtE98Vb5.js';
8
8
  import { T as Text } from '../Text_es_CU9KR5AE.js';
9
9
  import 'react';
10
10
  import 'lodash/camelCase';
@@ -9,13 +9,13 @@ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_DWvsJ5bu.js';
9
9
  import { D as DatePickerInput } from '../DatePicker_es_B-WPA9y9.js';
10
10
  import 'react-select';
11
11
  import '../Icon_es_CtZHchZc.js';
12
- import { a as SelectContainer } from '../SelectContainer_es_BKIz5i19.js';
12
+ import { a as SelectContainer } from '../SelectContainer_es_Bc4Laoir.js';
13
13
  import 'lodash/camelCase';
14
14
  import 'lodash/maxBy';
15
15
  import 'lodash/upperFirst';
16
16
  import '../context/Notifications.js';
17
17
  import '../context/UIContext.js';
18
- import '../Group_es_BwTj-yH-.js';
18
+ import '../Group_es_BtE98Vb5.js';
19
19
  import 'lodash/castArray';
20
20
  import '../hooks.js';
21
21
  import '../hooks/useStyles/styleAttributes.js';
@@ -1,4 +1,4 @@
1
- export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_BwTj-yH-.js';
1
+ export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_BtE98Vb5.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -7,7 +7,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
7
7
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
8
  import { useStyles } from '../hooks/useStyles/useStyles.js';
9
9
  import { B as Button } from '../Button_es_CvRcO3xM.js';
10
- import { G as Group } from '../Group_es_BwTj-yH-.js';
10
+ import { G as Group } from '../Group_es_BtE98Vb5.js';
11
11
  import { T as Text } from '../Text_es_CU9KR5AE.js';
12
12
  import '@itcase/common';
13
13
  import '../context/UrlAssetPrefix.js';
@@ -1,4 +1,4 @@
1
- export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_BKIz5i19.js';
1
+ export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_Bc4Laoir.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -18,7 +18,7 @@ import 'react-responsive';
18
18
  import '../utils/setViewportProperty.js';
19
19
  import '../hooks.js';
20
20
  import '../hooks/useStyles/styleAttributes.js';
21
- import '../Group_es_BwTj-yH-.js';
21
+ import '../Group_es_BtE98Vb5.js';
22
22
  import '../hooks/useStyles/useStyles.js';
23
23
  import 'lodash/maxBy';
24
24
  import '../Text_es_CU9KR5AE.js';
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
5
- import { G as Group } from '../Group_es_BwTj-yH-.js';
5
+ import { G as Group } from '../Group_es_BtE98Vb5.js';
6
6
  import { T as Text } from '../Text_es_CU9KR5AE.js';
7
7
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
8
  import { useStyles } from '../hooks/useStyles/useStyles.js';