@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.
- package/dist/{Divider_cjs_DrmV2ezS.js → Divider_cjs_BZn2epqW.js} +2 -2
- package/dist/{Divider_es_BiYozVBS.js → Divider_es_DNJg0mQR.js} +2 -2
- package/dist/{DropdownItem_cjs_CawN_Tz7.js → DropdownItem_cjs_Capn0Iu7.js} +1 -1
- package/dist/{DropdownItem_es_BauhVrYj.js → DropdownItem_es_CTw07zF3.js} +1 -1
- package/dist/{SelectContainer_cjs_CdLyIuwj.js → SelectContainer_cjs_doMatESV.js} +1 -1
- package/dist/{SelectContainer_es_DGTrm8OT.js → SelectContainer_es_2ZX3VSMS.js} +1 -1
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/DatePeriod.js +2 -2
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +2 -2
- package/dist/cjs/components/Pagination.js +2 -2
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/DatePeriod.js +2 -2
- package/dist/components/Divider.js +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +2 -2
- package/dist/components/Pagination.js +2 -2
- package/dist/components/Select.js +2 -2
- package/dist/components/Tab.js +1 -1
- package/dist/types/components/Divider/Divider.interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -87,7 +87,7 @@ const dividerConfig = {
|
|
|
87
87
|
},
|
|
88
88
|
};
|
|
89
89
|
function Divider(props) {
|
|
90
|
-
const {
|
|
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
|
|
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 {
|
|
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
|
|
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('./
|
|
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 './
|
|
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('./
|
|
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 './
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
42
|
+
require('../../Divider_cjs_BZn2epqW.js');
|
|
43
43
|
|
|
44
44
|
const datePeriodAppearanceShape = {
|
|
45
45
|
circular: {
|
|
@@ -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('../../
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
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('../../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
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 '../
|
|
32
|
+
import '../Divider_es_DNJg0mQR.js';
|
package/dist/components/Tab.js
CHANGED
|
@@ -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 '../
|
|
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;
|