@itcase/ui 1.0.65 → 1.0.66
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/components/Chips.js
CHANGED
|
@@ -45,7 +45,8 @@ function Chips(props) {
|
|
|
45
45
|
labelSize,
|
|
46
46
|
labelTextColor,
|
|
47
47
|
labelTextWeight,
|
|
48
|
-
type
|
|
48
|
+
type,
|
|
49
|
+
onClick
|
|
49
50
|
} = props;
|
|
50
51
|
const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
51
52
|
prefix: 'align_',
|
|
@@ -84,7 +85,8 @@ function Chips(props) {
|
|
|
84
85
|
} = useStyles.useStyles(props);
|
|
85
86
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
86
87
|
className: clsx__default.default(className, 'chips', fillClass || chipsConfig.appearance[appearance] && `fill_${chipsConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || chipsConfig.appearance[appearance] && `fill_hover_${chipsConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && `chips_type_${type}`),
|
|
87
|
-
style: chipsStyles
|
|
88
|
+
style: chipsStyles,
|
|
89
|
+
onClick: onClick
|
|
88
90
|
}, /*#__PURE__*/React__default.default.createElement("div", {
|
|
89
91
|
className: "chips__inner"
|
|
90
92
|
}, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var PropTypes = require('prop-types');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var alignDirection = require('../constants/componentProps/alignDirection.js');
|
|
7
|
+
var align = require('../constants/componentProps/align.js');
|
|
8
|
+
var fill = require('../constants/componentProps/fill.js');
|
|
9
|
+
var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
|
|
10
|
+
var position = require('../constants/componentProps/position.js');
|
|
11
|
+
var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
|
|
12
|
+
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
13
|
+
var useStyles = require('../hooks/useStyles.js');
|
|
14
|
+
require('lodash/castArray');
|
|
15
|
+
require('lodash/camelCase');
|
|
16
|
+
require('../context/UIContext.js');
|
|
17
|
+
require('../hooks/useMediaQueries.js');
|
|
18
|
+
require('react-responsive');
|
|
19
|
+
require('lodash/maxBy');
|
|
20
|
+
require('lodash/upperFirst');
|
|
21
|
+
require('../hooks/styleAttributes.js');
|
|
22
|
+
|
|
23
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
24
|
+
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
26
|
+
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
27
|
+
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
28
|
+
|
|
29
|
+
function Page(props) {
|
|
30
|
+
const {
|
|
31
|
+
after,
|
|
32
|
+
before,
|
|
33
|
+
children,
|
|
34
|
+
className,
|
|
35
|
+
id,
|
|
36
|
+
tag: Tag,
|
|
37
|
+
type
|
|
38
|
+
} = props;
|
|
39
|
+
const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
40
|
+
prefix: 'align_',
|
|
41
|
+
propsKey: 'alignDirection'
|
|
42
|
+
});
|
|
43
|
+
const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
44
|
+
prefix: 'align_',
|
|
45
|
+
propsKey: 'align'
|
|
46
|
+
});
|
|
47
|
+
const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
48
|
+
prefix: 'wrapper_resize-horizontal_',
|
|
49
|
+
propsKey: 'horizontalResizing'
|
|
50
|
+
});
|
|
51
|
+
const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
52
|
+
prefix: 'wrapper_resize-vertical_',
|
|
53
|
+
propsKey: 'verticalResizing'
|
|
54
|
+
});
|
|
55
|
+
const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
56
|
+
prefix: 'fill_',
|
|
57
|
+
propsKey: 'fill'
|
|
58
|
+
});
|
|
59
|
+
const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
60
|
+
prefix: 'position_',
|
|
61
|
+
propsKey: 'position'
|
|
62
|
+
});
|
|
63
|
+
const {
|
|
64
|
+
styles,
|
|
65
|
+
wrapper: wrapperStyles
|
|
66
|
+
} = useStyles.useStyles(props);
|
|
67
|
+
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
68
|
+
id: id,
|
|
69
|
+
className: clsx__default.default('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
|
|
70
|
+
style: styles
|
|
71
|
+
}, /*#__PURE__*/React__default.default.createElement("div", {
|
|
72
|
+
className: clsx__default.default('page__wrapper', alignDirectionClass, alignClass, 'content'),
|
|
73
|
+
style: wrapperStyles
|
|
74
|
+
}, before, children, after));
|
|
75
|
+
}
|
|
76
|
+
Page.propTypes = {
|
|
77
|
+
children: PropTypes__default.default.any,
|
|
78
|
+
className: PropTypes__default.default.string,
|
|
79
|
+
before: PropTypes__default.default.string,
|
|
80
|
+
after: PropTypes__default.default.string,
|
|
81
|
+
id: PropTypes__default.default.string,
|
|
82
|
+
fill: PropTypes__default.default.oneOf(fill.default),
|
|
83
|
+
fillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
84
|
+
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
85
|
+
fillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
86
|
+
type: PropTypes__default.default.string,
|
|
87
|
+
tag: PropTypes__default.default.string,
|
|
88
|
+
position: PropTypes__default.default.oneOf(position.default),
|
|
89
|
+
positionMobile: PropTypes__default.default.oneOf(position.default),
|
|
90
|
+
positionTablet: PropTypes__default.default.oneOf(position.default),
|
|
91
|
+
positionDesktop: PropTypes__default.default.oneOf(position.default),
|
|
92
|
+
wrapperPosition: PropTypes__default.default.oneOf(position.default),
|
|
93
|
+
wrapperPositionMobile: PropTypes__default.default.oneOf(position.default),
|
|
94
|
+
wrapperPositionTablet: PropTypes__default.default.oneOf(position.default),
|
|
95
|
+
wrapperPositionDesktop: PropTypes__default.default.oneOf(position.default),
|
|
96
|
+
horizontalResizing: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
97
|
+
horizontalResizingMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
98
|
+
horizontalResizingTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
99
|
+
horizontalResizingDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
100
|
+
verticalResizing: PropTypes__default.default.oneOf(verticalResizeMode.default),
|
|
101
|
+
verticalResizingMobile: PropTypes__default.default.oneOf(verticalResizeMode.default),
|
|
102
|
+
verticalResizingTablet: PropTypes__default.default.oneOf(verticalResizeMode.default),
|
|
103
|
+
verticalResizingDesktop: PropTypes__default.default.oneOf(verticalResizeMode.default),
|
|
104
|
+
align: PropTypes__default.default.oneOf(align.default),
|
|
105
|
+
alignMobile: PropTypes__default.default.oneOf(align.default),
|
|
106
|
+
alignTablet: PropTypes__default.default.oneOf(align.default),
|
|
107
|
+
alignDesktop: PropTypes__default.default.oneOf(align.default),
|
|
108
|
+
alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
|
|
109
|
+
alignDirectionMobile: PropTypes__default.default.oneOf(alignDirection.default),
|
|
110
|
+
alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
|
|
111
|
+
alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default)
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
exports.Page = Page;
|