@itcase/ui 1.0.11 → 1.0.13
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/Avatar.js +4 -2
- package/dist/components/DatePicker.js +1091 -342
- package/dist/components/Empty.js +95 -0
- package/dist/components/FormField.js +1 -2
- package/dist/components/Grid.js +8 -14
- package/dist/components/Label.js +0 -5
- package/dist/components/Modal.js +228 -10
- package/dist/components/Search.js +3 -4
- package/dist/components/Segmented.js +5 -1
- package/dist/components/Select.js +2 -3
- package/dist/components/Swiper.js +4208 -188
- package/dist/components/Switch.js +3 -2
- package/dist/components/Textarea.js +5 -1
- package/dist/components/Tile.js +0 -3
- package/dist/css/components/Choice/Choice.css +6 -0
- package/dist/css/components/DatePicker/DatePicker.css +30 -4
- package/dist/css/components/Empty/Empty.css +13 -0
- package/dist/css/components/Input/Input.css +12 -4
- package/dist/css/components/Segmented/Segmented.css +16 -0
- package/dist/css/components/Swiper/Swiper.css +128 -83
- package/dist/{defineProperty-72768a50.js → defineProperty-f9e5e1f3.js} +14 -5
- package/dist/hooks/styleAttributes.js +5 -1
- package/package.json +27 -27
- package/dist/Modal-375ef8c3.js +0 -234
- package/dist/components/DateRangePicker.js +0 -218
- package/dist/components/Emoji.js +0 -124
- package/dist/components/Profile.js +0 -105
- package/dist/css/components/DateRangePicker/DateRangePicker.css +0 -1021
- package/dist/css/components/Emoji/Emoji.css +0 -104
- package/dist/css/components/Emoji/css/__icon/emoji__icon-shape.css +0 -12
- package/dist/css/components/Emoji/css/__icon/emoji__icon.css +0 -5
- package/dist/css/components/Profile/Profile.css +0 -19
- package/dist/index-738f53f6.js +0 -787
- package/dist/typeof-6dd323c6.js +0 -13
package/dist/components/Emoji.js
DELETED
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var PropTypes = require('prop-types');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var fill = require('../constants/componentProps/fill.js');
|
|
7
|
-
var direction = require('../constants/componentProps/direction.js');
|
|
8
|
-
var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
|
|
9
|
-
var shape = require('../constants/componentProps/shape.js');
|
|
10
|
-
var emojiSize = require('../constants/componentProps/emojiSize.js');
|
|
11
|
-
var useStyles = require('../useStyles-e4accb53.js');
|
|
12
|
-
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
13
|
-
require('lodash/camelCase');
|
|
14
|
-
require('lodash/maxBy');
|
|
15
|
-
require('lodash/upperFirst');
|
|
16
|
-
require('../hooks/styleAttributes.js');
|
|
17
|
-
require('../context/UIContext.js');
|
|
18
|
-
require('../hooks/useMediaQueries.js');
|
|
19
|
-
require('react-responsive');
|
|
20
|
-
require('lodash/castArray');
|
|
21
|
-
|
|
22
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
|
-
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
25
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
26
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
27
|
-
|
|
28
|
-
function Emoji(props) {
|
|
29
|
-
var children = props.children,
|
|
30
|
-
after = props.after,
|
|
31
|
-
before = props.before,
|
|
32
|
-
className = props.className,
|
|
33
|
-
emoji = props.emoji,
|
|
34
|
-
label = props.label,
|
|
35
|
-
type = props.type,
|
|
36
|
-
onClick = props.onClick;
|
|
37
|
-
var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
38
|
-
prefix: 'emoji_direction_',
|
|
39
|
-
propsKey: 'direction'
|
|
40
|
-
});
|
|
41
|
-
var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
42
|
-
prefix: 'emoji_size_',
|
|
43
|
-
propsKey: 'size'
|
|
44
|
-
});
|
|
45
|
-
var emojiFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
46
|
-
prefix: 'fill_',
|
|
47
|
-
propsKey: 'emojiFill'
|
|
48
|
-
});
|
|
49
|
-
var emojiShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
50
|
-
prefix: 'emoji__icon-shape_',
|
|
51
|
-
propsKey: 'emojiShape'
|
|
52
|
-
});
|
|
53
|
-
var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
54
|
-
prefix: 'emoji_shape_',
|
|
55
|
-
propsKey: 'shape'
|
|
56
|
-
});
|
|
57
|
-
var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
58
|
-
prefix: 'fill_',
|
|
59
|
-
propsKey: 'fill'
|
|
60
|
-
});
|
|
61
|
-
var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
62
|
-
prefix: 'resize-horizontal_',
|
|
63
|
-
propsKey: 'width'
|
|
64
|
-
});
|
|
65
|
-
var _useStyles = useStyles.useStyles(props),
|
|
66
|
-
emojiStyles = _useStyles.styles,
|
|
67
|
-
emojiIconStyles = _useStyles.icon,
|
|
68
|
-
emojiWrapperStyles = _useStyles.wrapper;
|
|
69
|
-
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
70
|
-
className: clsx__default.default(className, 'emoji', directionClass, fillClass, shapeClass, widthClass, type && "emoji_type_" + type),
|
|
71
|
-
onClick: onClick,
|
|
72
|
-
style: emojiStyles
|
|
73
|
-
}, before, emoji && /*#__PURE__*/React__default.default.createElement("div", {
|
|
74
|
-
className: clsx__default.default('emoji__icon', emojiFillClass, sizeClass, emojiShapeClass),
|
|
75
|
-
style: emojiIconStyles
|
|
76
|
-
}, emoji), (children || label) && /*#__PURE__*/React__default.default.createElement("div", {
|
|
77
|
-
className: "emoji__wrapper",
|
|
78
|
-
style: emojiWrapperStyles
|
|
79
|
-
}, children || label), after);
|
|
80
|
-
}
|
|
81
|
-
Emoji.propTypes = {
|
|
82
|
-
children: PropTypes__default.default.any,
|
|
83
|
-
after: PropTypes__default.default.any,
|
|
84
|
-
before: PropTypes__default.default.any,
|
|
85
|
-
className: PropTypes__default.default.string,
|
|
86
|
-
direction: PropTypes__default.default.oneOf(direction.default),
|
|
87
|
-
directionDesktop: PropTypes__default.default.oneOf(direction.default),
|
|
88
|
-
directionMobile: PropTypes__default.default.oneOf(direction.default),
|
|
89
|
-
directionTablet: PropTypes__default.default.oneOf(direction.default),
|
|
90
|
-
emoji: PropTypes__default.default.string,
|
|
91
|
-
size: PropTypes__default.default.oneOf(emojiSize.default),
|
|
92
|
-
sizeDesktop: PropTypes__default.default.oneOf(emojiSize.default),
|
|
93
|
-
sizeMobile: PropTypes__default.default.oneOf(emojiSize.default),
|
|
94
|
-
sizeTablet: PropTypes__default.default.oneOf(emojiSize.default),
|
|
95
|
-
emojiFill: PropTypes__default.default.oneOf(fill.default),
|
|
96
|
-
emojiFillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
97
|
-
emojiFillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
98
|
-
emojiFillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
99
|
-
emojiShape: PropTypes__default.default.oneOf(shape.default),
|
|
100
|
-
emojiShapeDesktop: PropTypes__default.default.oneOf(shape.default),
|
|
101
|
-
emojiShapeMobile: PropTypes__default.default.oneOf(shape.default),
|
|
102
|
-
emojiShapeTablet: PropTypes__default.default.oneOf(shape.default),
|
|
103
|
-
shape: PropTypes__default.default.oneOf(shape.default),
|
|
104
|
-
shapeDesktop: PropTypes__default.default.oneOf(shape.default),
|
|
105
|
-
shapeMobile: PropTypes__default.default.oneOf(shape.default),
|
|
106
|
-
shapeTablet: PropTypes__default.default.oneOf(shape.default),
|
|
107
|
-
fill: PropTypes__default.default.oneOf(fill.default),
|
|
108
|
-
fillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
109
|
-
fillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
110
|
-
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
111
|
-
label: PropTypes__default.default.string,
|
|
112
|
-
type: PropTypes__default.default.string,
|
|
113
|
-
width: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
114
|
-
widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
115
|
-
widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
116
|
-
widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
|
|
117
|
-
onClick: PropTypes__default.default.func
|
|
118
|
-
};
|
|
119
|
-
Emoji.defaultProps = {
|
|
120
|
-
direction: 'horizontal',
|
|
121
|
-
shape: 'circular'
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
exports.Emoji = Emoji;
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var PropTypes = require('prop-types');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var fill = require('../constants/componentProps/fill.js');
|
|
7
|
-
var index = require('./Avatar.js');
|
|
8
|
-
var index$2 = require('./Text.js');
|
|
9
|
-
var index$1 = require('./Title.js');
|
|
10
|
-
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
11
|
-
var useStyles = require('../useStyles-e4accb53.js');
|
|
12
|
-
require('./Image.js');
|
|
13
|
-
require('../constants/componentProps/borderColor.js');
|
|
14
|
-
require('../constants/componentProps/horizontalContentAlign.js');
|
|
15
|
-
require('../constants/componentProps/resizeMode.js');
|
|
16
|
-
require('../constants/componentProps/shape.js');
|
|
17
|
-
require('../constants/componentProps/verticalContentAlign.js');
|
|
18
|
-
require('../constants/componentProps/width.js');
|
|
19
|
-
require('lodash/camelCase');
|
|
20
|
-
require('lodash/maxBy');
|
|
21
|
-
require('lodash/upperFirst');
|
|
22
|
-
require('../hooks/styleAttributes.js');
|
|
23
|
-
require('../context/UIContext.js');
|
|
24
|
-
require('../hooks/useMediaQueries.js');
|
|
25
|
-
require('react-responsive');
|
|
26
|
-
require('lodash/castArray');
|
|
27
|
-
require('./Icon.js');
|
|
28
|
-
require('react-inlinesvg');
|
|
29
|
-
require('../constants/componentProps/iconSize.js');
|
|
30
|
-
require('../constants/componentProps/strokeColor.js');
|
|
31
|
-
require('./Link.js');
|
|
32
|
-
require('../constants/componentProps/size.js');
|
|
33
|
-
require('../constants/componentProps/textColor.js');
|
|
34
|
-
require('../constants/componentProps/textGradient.js');
|
|
35
|
-
require('../constants/componentProps/textStyle.js');
|
|
36
|
-
require('../constants/componentProps/textWeight.js');
|
|
37
|
-
require('../constants/componentProps/type.js');
|
|
38
|
-
require('../constants/componentProps/underline.js');
|
|
39
|
-
require('../constants/componentProps/textColorActive.js');
|
|
40
|
-
require('../constants/componentProps/textColorHover.js');
|
|
41
|
-
require('../constants/componentProps/textAlign.js');
|
|
42
|
-
require('../constants/componentProps/titleSize.js');
|
|
43
|
-
require('../constants/componentProps/wrap.js');
|
|
44
|
-
|
|
45
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
46
|
-
|
|
47
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
48
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
49
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
50
|
-
|
|
51
|
-
function Profile(props) {
|
|
52
|
-
var avatarSrc = props.avatarSrc,
|
|
53
|
-
avatarSize = props.avatarSize,
|
|
54
|
-
children = props.children,
|
|
55
|
-
className = props.className,
|
|
56
|
-
before = props.before,
|
|
57
|
-
text = props.text,
|
|
58
|
-
set = props.set,
|
|
59
|
-
textSize = props.textSize,
|
|
60
|
-
textColor = props.textColor,
|
|
61
|
-
title = props.title,
|
|
62
|
-
titleSize = props.titleSize,
|
|
63
|
-
titleTextColor = props.titleTextColor,
|
|
64
|
-
after = props.after;
|
|
65
|
-
var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
66
|
-
prefix: 'fill_',
|
|
67
|
-
propsKey: 'fill'
|
|
68
|
-
});
|
|
69
|
-
var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
70
|
-
prefix: 'profile_shape_',
|
|
71
|
-
propsKey: 'shape'
|
|
72
|
-
});
|
|
73
|
-
var _useStyles = useStyles.useStyles(props),
|
|
74
|
-
profileStyles = _useStyles.styles;
|
|
75
|
-
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
76
|
-
className: clsx__default.default(className, 'profile', set && "profile_set_" + set, fillClass, shapeClass),
|
|
77
|
-
style: profileStyles
|
|
78
|
-
}, before && /*#__PURE__*/React__default.default.createElement("div", {
|
|
79
|
-
className: "profile__before"
|
|
80
|
-
}, before), /*#__PURE__*/React__default.default.createElement(index.Avatar, {
|
|
81
|
-
className: "profile__avatar",
|
|
82
|
-
src: avatarSrc,
|
|
83
|
-
size: avatarSize
|
|
84
|
-
}), title && /*#__PURE__*/React__default.default.createElement(index$1.Title, {
|
|
85
|
-
className: "profile__title",
|
|
86
|
-
size: titleSize,
|
|
87
|
-
textColor: titleTextColor
|
|
88
|
-
}, title), text && /*#__PURE__*/React__default.default.createElement(index$2.Text, {
|
|
89
|
-
className: "profile__text",
|
|
90
|
-
size: textSize,
|
|
91
|
-
textColor: textColor
|
|
92
|
-
}, text), children, after && /*#__PURE__*/React__default.default.createElement("div", {
|
|
93
|
-
className: "profile__after"
|
|
94
|
-
}, after));
|
|
95
|
-
}
|
|
96
|
-
Profile.propTypes = {
|
|
97
|
-
children: PropTypes__default.default.any,
|
|
98
|
-
className: PropTypes__default.default.string,
|
|
99
|
-
fill: PropTypes__default.default.oneOf(fill.default),
|
|
100
|
-
fillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
101
|
-
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
102
|
-
fillDesktop: PropTypes__default.default.oneOf(fill.default)
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
exports.Profile = Profile;
|