@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.
Files changed (34) hide show
  1. package/dist/components/Avatar.js +4 -2
  2. package/dist/components/DatePicker.js +1091 -342
  3. package/dist/components/Empty.js +95 -0
  4. package/dist/components/FormField.js +1 -2
  5. package/dist/components/Grid.js +8 -14
  6. package/dist/components/Label.js +0 -5
  7. package/dist/components/Modal.js +228 -10
  8. package/dist/components/Search.js +3 -4
  9. package/dist/components/Segmented.js +5 -1
  10. package/dist/components/Select.js +2 -3
  11. package/dist/components/Swiper.js +4208 -188
  12. package/dist/components/Switch.js +3 -2
  13. package/dist/components/Textarea.js +5 -1
  14. package/dist/components/Tile.js +0 -3
  15. package/dist/css/components/Choice/Choice.css +6 -0
  16. package/dist/css/components/DatePicker/DatePicker.css +30 -4
  17. package/dist/css/components/Empty/Empty.css +13 -0
  18. package/dist/css/components/Input/Input.css +12 -4
  19. package/dist/css/components/Segmented/Segmented.css +16 -0
  20. package/dist/css/components/Swiper/Swiper.css +128 -83
  21. package/dist/{defineProperty-72768a50.js → defineProperty-f9e5e1f3.js} +14 -5
  22. package/dist/hooks/styleAttributes.js +5 -1
  23. package/package.json +27 -27
  24. package/dist/Modal-375ef8c3.js +0 -234
  25. package/dist/components/DateRangePicker.js +0 -218
  26. package/dist/components/Emoji.js +0 -124
  27. package/dist/components/Profile.js +0 -105
  28. package/dist/css/components/DateRangePicker/DateRangePicker.css +0 -1021
  29. package/dist/css/components/Emoji/Emoji.css +0 -104
  30. package/dist/css/components/Emoji/css/__icon/emoji__icon-shape.css +0 -12
  31. package/dist/css/components/Emoji/css/__icon/emoji__icon.css +0 -5
  32. package/dist/css/components/Profile/Profile.css +0 -19
  33. package/dist/index-738f53f6.js +0 -787
  34. package/dist/typeof-6dd323c6.js +0 -13
@@ -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;