@itcase/ui 1.9.25 → 1.9.26

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.
@@ -87,7 +87,7 @@ const dividerConfig = {
87
87
  },
88
88
  };
89
89
  function Divider(props) {
90
- const { className, appearance, isDisabled, isActive, isSkeleton } = props;
90
+ const { appearance, className, print, isActive, isDisabled, isSkeleton } = props;
91
91
  const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, dividerConfig);
92
92
  const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
93
93
  const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
@@ -97,7 +97,7 @@ function Divider(props) {
97
97
  ? fillClass && `fill_${fillClass}`
98
98
  : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
99
99
  ? fillHoverClass && `fill_hover_${fillHoverClass}`
100
- : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`), style: hrStyles }));
100
+ : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`, !print && 'no-print', print && 'print'), style: hrStyles }));
101
101
  }
102
102
 
103
103
  exports.Divider = Divider;
@@ -85,7 +85,7 @@ const dividerConfig = {
85
85
  },
86
86
  };
87
87
  function Divider(props) {
88
- const { className, appearance, isDisabled, isActive, isSkeleton } = props;
88
+ const { appearance, className, print, isActive, isDisabled, isSkeleton } = props;
89
89
  const appearanceConfig = useAppearanceConfig(appearance, dividerConfig);
90
90
  const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
91
91
  const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
@@ -95,7 +95,7 @@ function Divider(props) {
95
95
  ? fillClass && `fill_${fillClass}`
96
96
  : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
97
97
  ? fillHoverClass && `fill_hover_${fillHoverClass}`
98
- : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`), style: hrStyles }));
98
+ : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`, !print && 'no-print', print && 'print'), style: hrStyles }));
99
99
  }
100
100
 
101
101
  export { Divider as D, dividerAppearance as a, dividerConfig as d };
@@ -7,7 +7,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
7
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
9
9
  var Icon = require('./Icon_cjs_BgGtdviU.js');
10
- var Divider = require('./Divider_cjs_DrmV2ezS.js');
10
+ var Divider = require('./Divider_cjs_BZn2epqW.js');
11
11
  var Text = require('./Text_cjs_DG2eMKBi.js');
12
12
 
13
13
  const dropdownAppearanceAccent = {
@@ -5,7 +5,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
7
7
  import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
8
- import { D as Divider } from './Divider_es_BiYozVBS.js';
8
+ import { D as Divider } from './Divider_es_DNJg0mQR.js';
9
9
  import { T as Text } from './Text_es_CU9KR5AE.js';
10
10
 
11
11
  const dropdownAppearanceAccent = {
@@ -12,7 +12,7 @@ var Text = require('./Text_cjs_DG2eMKBi.js');
12
12
  var _default = require('@itcase/icons/default');
13
13
  var Icon = require('./Icon_cjs_BgGtdviU.js');
14
14
  var Loader = require('./Loader_cjs_DWBtnjaL.js');
15
- var Divider = require('./Divider_cjs_DrmV2ezS.js');
15
+ var Divider = require('./Divider_cjs_BZn2epqW.js');
16
16
 
17
17
  // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
18
18
  // extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}
@@ -10,7 +10,7 @@ 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';
12
12
  import { L as Loader } from './Loader_es_BvTBRuay.js';
13
- import { D as Divider } from './Divider_es_BiYozVBS.js';
13
+ import { D as Divider } from './Divider_es_DNJg0mQR.js';
14
14
 
15
15
  // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
16
16
  // extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}
@@ -8,7 +8,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
9
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var Icon = require('../../Icon_cjs_BgGtdviU.js');
11
- var Divider = require('../../Divider_cjs_DrmV2ezS.js');
11
+ var Divider = require('../../Divider_cjs_BZn2epqW.js');
12
12
  var Text = require('../../Text_cjs_DG2eMKBi.js');
13
13
  var _default = require('@itcase/icons/default');
14
14
  require('lodash/camelCase');
@@ -11,7 +11,7 @@ var ChipsGroup = require('../../ChipsGroup_cjs_Sn3uiCSJ.js');
11
11
  var DatePicker = require('../../DatePicker_cjs_Bfiav-tb.js');
12
12
  require('react-select');
13
13
  require('../../Icon_cjs_BgGtdviU.js');
14
- var SelectContainer = require('../../SelectContainer_cjs_CdLyIuwj.js');
14
+ var SelectContainer = require('../../SelectContainer_cjs_doMatESV.js');
15
15
  require('lodash/camelCase');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
@@ -39,7 +39,7 @@ require('react-inlinesvg');
39
39
  require('../hoc/urlWithAssetPrefix.js');
40
40
  require('../context/UrlAssetPrefix.js');
41
41
  require('react-select/creatable');
42
- require('../../Divider_cjs_DrmV2ezS.js');
42
+ require('../../Divider_cjs_BZn2epqW.js');
43
43
 
44
44
  const datePeriodAppearanceShape = {
45
45
  circular: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Divider = require('../../Divider_cjs_DrmV2ezS.js');
3
+ var Divider = require('../../Divider_cjs_BZn2epqW.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -6,7 +6,7 @@ var clsx = require('clsx');
6
6
  var ReactDrawer = require('react-modern-drawer');
7
7
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
- var Divider = require('../../Divider_cjs_DrmV2ezS.js');
9
+ var Divider = require('../../Divider_cjs_BZn2epqW.js');
10
10
  var Icon = require('../../Icon_cjs_BgGtdviU.js');
11
11
  var Text = require('../../Text_cjs_DG2eMKBi.js');
12
12
  var _default = require('@itcase/icons/default');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_CawN_Tz7.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_Capn0Iu7.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -26,7 +26,7 @@ require('../hoc/urlWithAssetPrefix.js');
26
26
  require('../context/UrlAssetPrefix.js');
27
27
  require('../../Link_cjs_qKXVfU8e.js');
28
28
  require('../../Text_cjs_DG2eMKBi.js');
29
- require('../../Divider_cjs_DrmV2ezS.js');
29
+ require('../../Divider_cjs_BZn2epqW.js');
30
30
 
31
31
 
32
32
 
@@ -8,7 +8,7 @@ var ReactPaginate = require('react-paginate');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('../hooks/useStyles/useStyles.js');
11
- var DropdownItem = require('../../DropdownItem_cjs_CawN_Tz7.js');
11
+ var DropdownItem = require('../../DropdownItem_cjs_Capn0Iu7.js');
12
12
  var Icon = require('../../Icon_cjs_BgGtdviU.js');
13
13
  var Text = require('../../Text_cjs_DG2eMKBi.js');
14
14
  var _default = require('@itcase/icons/default');
@@ -25,7 +25,7 @@ require('../utils/setViewportProperty.js');
25
25
  require('../hooks.js');
26
26
  require('../hooks/useStyles/styleAttributes.js');
27
27
  require('lodash/maxBy');
28
- require('../../Divider_cjs_DrmV2ezS.js');
28
+ require('../../Divider_cjs_BZn2epqW.js');
29
29
  require('react-inlinesvg');
30
30
  require('../hoc/urlWithAssetPrefix.js');
31
31
  require('../context/UrlAssetPrefix.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var SelectContainer = require('../../SelectContainer_cjs_CdLyIuwj.js');
3
+ var SelectContainer = require('../../SelectContainer_cjs_doMatESV.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -31,7 +31,7 @@ require('../hoc/urlWithAssetPrefix.js');
31
31
  require('../context/UrlAssetPrefix.js');
32
32
  require('../../Link_cjs_qKXVfU8e.js');
33
33
  require('../../Loader_cjs_DWBtnjaL.js');
34
- require('../../Divider_cjs_DrmV2ezS.js');
34
+ require('../../Divider_cjs_BZn2epqW.js');
35
35
 
36
36
 
37
37
 
@@ -8,7 +8,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
10
  var Icon = require('../../Icon_cjs_BgGtdviU.js');
11
- var Divider = require('../../Divider_cjs_DrmV2ezS.js');
11
+ var Divider = require('../../Divider_cjs_BZn2epqW.js');
12
12
  var Link = require('../../Link_cjs_qKXVfU8e.js');
13
13
  var Text = require('../../Text_cjs_DG2eMKBi.js');
14
14
  require('../hooks/useActiveClasses/useActiveClasses.helpers.js');
@@ -6,7 +6,7 @@ import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDev
6
6
  import { useStyles } from '../hooks/useStyles/useStyles.js';
7
7
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { B as Badge, I as Icon } from '../Icon_es_CtZHchZc.js';
9
- import { D as Divider } from '../Divider_es_BiYozVBS.js';
9
+ import { D as Divider } from '../Divider_es_DNJg0mQR.js';
10
10
  import { T as Text } from '../Text_es_CU9KR5AE.js';
11
11
  import { icons16 } from '@itcase/icons/default';
12
12
  import 'lodash/camelCase';
@@ -9,7 +9,7 @@ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CbzUWqG9.js';
9
9
  import { D as DatePickerInput } from '../DatePicker_es_CtbVXMmy.js';
10
10
  import 'react-select';
11
11
  import '../Icon_es_CtZHchZc.js';
12
- import { a as SelectContainer } from '../SelectContainer_es_DGTrm8OT.js';
12
+ import { a as SelectContainer } from '../SelectContainer_es_2ZX3VSMS.js';
13
13
  import 'lodash/camelCase';
14
14
  import 'lodash/maxBy';
15
15
  import 'lodash/upperFirst';
@@ -37,7 +37,7 @@ import 'react-inlinesvg';
37
37
  import '../hoc/urlWithAssetPrefix.js';
38
38
  import '../context/UrlAssetPrefix.js';
39
39
  import 'react-select/creatable';
40
- import '../Divider_es_BiYozVBS.js';
40
+ import '../Divider_es_DNJg0mQR.js';
41
41
 
42
42
  const datePeriodAppearanceShape = {
43
43
  circular: {
@@ -1,4 +1,4 @@
1
- export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_BiYozVBS.js';
1
+ export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_DNJg0mQR.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'clsx';
4
4
  import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import ReactDrawer from 'react-modern-drawer';
5
5
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
- import { D as Divider } from '../Divider_es_BiYozVBS.js';
7
+ import { D as Divider } from '../Divider_es_DNJg0mQR.js';
8
8
  import { I as Icon, b as Title } from '../Icon_es_CtZHchZc.js';
9
9
  import { T as Text } from '../Text_es_CU9KR5AE.js';
10
10
  import { icons24 } from '@itcase/icons/default';
@@ -1,4 +1,4 @@
1
- export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BauhVrYj.js';
1
+ export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_CTw07zF3.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -24,4 +24,4 @@ import '../hoc/urlWithAssetPrefix.js';
24
24
  import '../context/UrlAssetPrefix.js';
25
25
  import '../Link_es_P2b6ya7P.js';
26
26
  import '../Text_es_CU9KR5AE.js';
27
- import '../Divider_es_BiYozVBS.js';
27
+ import '../Divider_es_DNJg0mQR.js';
@@ -6,7 +6,7 @@ import ReactPaginate from 'react-paginate';
6
6
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
7
7
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
8
  import { useStyles } from '../hooks/useStyles/useStyles.js';
9
- import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BauhVrYj.js';
9
+ import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CTw07zF3.js';
10
10
  import { I as Icon } from '../Icon_es_CtZHchZc.js';
11
11
  import { T as Text } from '../Text_es_CU9KR5AE.js';
12
12
  import { icons14, icons24, icons16 } from '@itcase/icons/default';
@@ -23,7 +23,7 @@ import '../utils/setViewportProperty.js';
23
23
  import '../hooks.js';
24
24
  import '../hooks/useStyles/styleAttributes.js';
25
25
  import 'lodash/maxBy';
26
- import '../Divider_es_BiYozVBS.js';
26
+ import '../Divider_es_DNJg0mQR.js';
27
27
  import 'react-inlinesvg';
28
28
  import '../hoc/urlWithAssetPrefix.js';
29
29
  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_DGTrm8OT.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_2ZX3VSMS.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -29,4 +29,4 @@ import '../hoc/urlWithAssetPrefix.js';
29
29
  import '../context/UrlAssetPrefix.js';
30
30
  import '../Link_es_P2b6ya7P.js';
31
31
  import '../Loader_es_BvTBRuay.js';
32
- import '../Divider_es_BiYozVBS.js';
32
+ import '../Divider_es_DNJg0mQR.js';
@@ -6,7 +6,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
7
  import { useStyles } from '../hooks/useStyles/useStyles.js';
8
8
  import { B as Badge, I as Icon } from '../Icon_es_CtZHchZc.js';
9
- import { D as Divider } from '../Divider_es_BiYozVBS.js';
9
+ import { D as Divider } from '../Divider_es_DNJg0mQR.js';
10
10
  import { L as Link } from '../Link_es_P2b6ya7P.js';
11
11
  import { T as Text } from '../Text_es_CU9KR5AE.js';
12
12
  import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
@@ -21,6 +21,7 @@ type DividerProps = DividerAppearanceProps & StyleAttributes & {
21
21
  isActive?: boolean;
22
22
  isDisabled?: boolean;
23
23
  isSkeleton?: boolean;
24
+ print?: boolean;
24
25
  style?: CSSProperties;
25
26
  };
26
27
  type DividerAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.9.25",
3
+ "version": "1.9.26",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",