@itcase/ui 1.0.10 → 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/Chips.js +2 -0
- package/dist/components/Choice.js +118 -0
- package/dist/components/DatePicker.js +10201 -0
- package/dist/components/Empty.js +95 -0
- package/dist/components/FormField.js +1 -1
- package/dist/components/Grid.js +8 -14
- package/dist/components/Input.js +2 -0
- package/dist/components/Label.js +0 -5
- package/dist/components/Logo.js +4 -4
- package/dist/components/Modal.js +3 -3
- package/dist/components/RangeSlider.js +7 -1978
- package/dist/components/Scrollbar.js +5 -3826
- package/dist/components/Search.js +4 -5
- package/dist/components/Segmented.js +5 -1
- package/dist/components/Select.js +348 -270
- package/dist/components/Swiper.js +4208 -188
- package/dist/components/Switch.js +3 -2
- package/dist/components/Tab.js +0 -1
- package/dist/components/Textarea.js +5 -1
- package/dist/components/Tile.js +0 -3
- package/dist/css/components/Choice/Choice.css +73 -0
- package/dist/css/components/DatePicker/DatePicker.css +924 -0
- 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/Select/Select.css +11 -4
- package/dist/css/components/Select/css/__menu/select__menu.css +7 -3
- package/dist/css/components/Swiper/Swiper.css +128 -83
- package/dist/css/styles/fill/fill.css +4 -4
- package/dist/css/styles/fill/fill_active.css +5 -5
- package/dist/defineProperty-f9e5e1f3.js +166 -0
- package/dist/hooks/styleAttributes.js +5 -1
- package/package.json +30 -27
- package/dist/components/Emoji.js +0 -124
- package/dist/components/Profile.js +0 -105
- 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/objectWithoutProperties-ea190611.js +0 -188
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) {
|
|
4
|
+
"@babel/helpers - typeof";
|
|
5
|
+
|
|
6
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
7
|
+
return typeof obj;
|
|
8
|
+
} : function (obj) {
|
|
9
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
10
|
+
}, _typeof(obj);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
function _arrayLikeToArray(arr, len) {
|
|
14
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
15
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
16
|
+
return arr2;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
20
|
+
if (!o) return;
|
|
21
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
22
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
23
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
24
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
25
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function _assertThisInitialized(self) {
|
|
29
|
+
if (self === void 0) {
|
|
30
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
31
|
+
}
|
|
32
|
+
return self;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function _setPrototypeOf(o, p) {
|
|
36
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
37
|
+
o.__proto__ = p;
|
|
38
|
+
return o;
|
|
39
|
+
};
|
|
40
|
+
return _setPrototypeOf(o, p);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function _inherits(subClass, superClass) {
|
|
44
|
+
if (typeof superClass !== "function" && superClass !== null) {
|
|
45
|
+
throw new TypeError("Super expression must either be null or a function");
|
|
46
|
+
}
|
|
47
|
+
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
48
|
+
constructor: {
|
|
49
|
+
value: subClass,
|
|
50
|
+
writable: true,
|
|
51
|
+
configurable: true
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(subClass, "prototype", {
|
|
55
|
+
writable: false
|
|
56
|
+
});
|
|
57
|
+
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
function _getPrototypeOf(o) {
|
|
61
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
|
|
62
|
+
return o.__proto__ || Object.getPrototypeOf(o);
|
|
63
|
+
};
|
|
64
|
+
return _getPrototypeOf(o);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
function _isNativeReflectConstruct() {
|
|
68
|
+
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
69
|
+
if (Reflect.construct.sham) return false;
|
|
70
|
+
if (typeof Proxy === "function") return true;
|
|
71
|
+
try {
|
|
72
|
+
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
73
|
+
return true;
|
|
74
|
+
} catch (e) {
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
function _possibleConstructorReturn(self, call) {
|
|
80
|
+
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
81
|
+
return call;
|
|
82
|
+
} else if (call !== void 0) {
|
|
83
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
84
|
+
}
|
|
85
|
+
return _assertThisInitialized(self);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
function _createSuper(Derived) {
|
|
89
|
+
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
90
|
+
return function _createSuperInternal() {
|
|
91
|
+
var Super = _getPrototypeOf(Derived),
|
|
92
|
+
result;
|
|
93
|
+
if (hasNativeReflectConstruct) {
|
|
94
|
+
var NewTarget = _getPrototypeOf(this).constructor;
|
|
95
|
+
result = Reflect.construct(Super, arguments, NewTarget);
|
|
96
|
+
} else {
|
|
97
|
+
result = Super.apply(this, arguments);
|
|
98
|
+
}
|
|
99
|
+
return _possibleConstructorReturn(this, result);
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
function _classCallCheck(instance, Constructor) {
|
|
104
|
+
if (!(instance instanceof Constructor)) {
|
|
105
|
+
throw new TypeError("Cannot call a class as a function");
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
function _toPrimitive(input, hint) {
|
|
110
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
111
|
+
var prim = input[Symbol.toPrimitive];
|
|
112
|
+
if (prim !== undefined) {
|
|
113
|
+
var res = prim.call(input, hint || "default");
|
|
114
|
+
if (_typeof(res) !== "object") return res;
|
|
115
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
116
|
+
}
|
|
117
|
+
return (hint === "string" ? String : Number)(input);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
function _toPropertyKey(arg) {
|
|
121
|
+
var key = _toPrimitive(arg, "string");
|
|
122
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
function _defineProperties(target, props) {
|
|
126
|
+
for (var i = 0; i < props.length; i++) {
|
|
127
|
+
var descriptor = props[i];
|
|
128
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
129
|
+
descriptor.configurable = true;
|
|
130
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
131
|
+
Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
135
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
136
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
137
|
+
Object.defineProperty(Constructor, "prototype", {
|
|
138
|
+
writable: false
|
|
139
|
+
});
|
|
140
|
+
return Constructor;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
function _defineProperty(obj, key, value) {
|
|
144
|
+
key = _toPropertyKey(key);
|
|
145
|
+
if (key in obj) {
|
|
146
|
+
Object.defineProperty(obj, key, {
|
|
147
|
+
value: value,
|
|
148
|
+
enumerable: true,
|
|
149
|
+
configurable: true,
|
|
150
|
+
writable: true
|
|
151
|
+
});
|
|
152
|
+
} else {
|
|
153
|
+
obj[key] = value;
|
|
154
|
+
}
|
|
155
|
+
return obj;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
exports._arrayLikeToArray = _arrayLikeToArray;
|
|
159
|
+
exports._assertThisInitialized = _assertThisInitialized;
|
|
160
|
+
exports._classCallCheck = _classCallCheck;
|
|
161
|
+
exports._createClass = _createClass;
|
|
162
|
+
exports._createSuper = _createSuper;
|
|
163
|
+
exports._defineProperty = _defineProperty;
|
|
164
|
+
exports._inherits = _inherits;
|
|
165
|
+
exports._typeof = _typeof;
|
|
166
|
+
exports._unsupportedIterableToArray = _unsupportedIterableToArray;
|
|
@@ -28,6 +28,10 @@ var styleAttributes = [
|
|
|
28
28
|
/**
|
|
29
29
|
* Grid
|
|
30
30
|
*/
|
|
31
|
-
'gridTemplateColumns', 'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplate', 'gridTemplateAreas', 'gridTemplateRows'
|
|
31
|
+
'gridTemplateColumns', 'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplate', 'gridTemplateAreas', 'gridTemplateRows',
|
|
32
|
+
/**
|
|
33
|
+
* Filter
|
|
34
|
+
*/
|
|
35
|
+
'backdropFilter'];
|
|
32
36
|
|
|
33
37
|
exports.default = styleAttributes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -41,56 +41,58 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@itcase/common": "^1.1.2",
|
|
44
|
-
"clsx": "^
|
|
44
|
+
"clsx": "^2.0.0",
|
|
45
45
|
"html5-boilerplate": "^8.0.0",
|
|
46
46
|
"js-cookie": "^3.0.5",
|
|
47
47
|
"lodash": "^4.17.21",
|
|
48
|
+
"luxon": "^3.3.0",
|
|
48
49
|
"prop-types": "^15.8.1",
|
|
49
50
|
"rc-slider": "^10.2.1",
|
|
50
51
|
"react": "^18.2.0",
|
|
52
|
+
"react-date-range": "^1.4.0",
|
|
51
53
|
"react-dom": "^18.2.0",
|
|
52
54
|
"react-inlinesvg": "^3.0.2",
|
|
53
55
|
"react-paginate": "^8.2.0",
|
|
54
56
|
"react-responsive": "^9.0.2",
|
|
55
57
|
"react-scrollbars-custom": "^4.1.1",
|
|
56
|
-
"react-select": "^5.7.
|
|
57
|
-
"swiper": "^
|
|
58
|
+
"react-select": "^5.7.4",
|
|
59
|
+
"swiper": "^10.0.4",
|
|
58
60
|
"uuid": "^9.0.0"
|
|
59
61
|
},
|
|
60
62
|
"devDependencies": {
|
|
61
|
-
"@babel/core": "^7.22.
|
|
62
|
-
"@babel/eslint-parser": "^7.22.
|
|
63
|
-
"@babel/preset-env": "^7.22.
|
|
63
|
+
"@babel/core": "^7.22.9",
|
|
64
|
+
"@babel/eslint-parser": "^7.22.9",
|
|
65
|
+
"@babel/preset-env": "^7.22.9",
|
|
64
66
|
"@babel/preset-react": "^7.22.5",
|
|
65
|
-
"@commitlint/cli": "^17.6.
|
|
66
|
-
"@commitlint/config-conventional": "^17.6.
|
|
67
|
+
"@commitlint/cli": "^17.6.7",
|
|
68
|
+
"@commitlint/config-conventional": "^17.6.7",
|
|
67
69
|
"@rollup/plugin-babel": "^6.0.3",
|
|
68
|
-
"@rollup/plugin-commonjs": "^25.0.
|
|
70
|
+
"@rollup/plugin-commonjs": "^25.0.3",
|
|
69
71
|
"@rollup/plugin-json": "^6.0.0",
|
|
70
72
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
71
73
|
"@rollup/plugin-terser": "^0.4.3",
|
|
72
74
|
"@semantic-release/changelog": "^6.0.3",
|
|
73
75
|
"@semantic-release/git": "^10.0.1",
|
|
74
|
-
"@semantic-release/release-notes-generator": "^11.0.
|
|
75
|
-
"babel-loader": "^9.1.
|
|
76
|
+
"@semantic-release/release-notes-generator": "^11.0.4",
|
|
77
|
+
"babel-loader": "^9.1.3",
|
|
76
78
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
77
79
|
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
|
|
78
|
-
"eslint": "8.
|
|
79
|
-
"eslint-config-prettier": "^8.
|
|
80
|
+
"eslint": "8.45.0",
|
|
81
|
+
"eslint-config-prettier": "^8.9.0",
|
|
80
82
|
"eslint-config-standard": "^17.1.0",
|
|
81
83
|
"eslint-plugin-babel": "^5.3.1",
|
|
82
|
-
"eslint-plugin-import": "^2.
|
|
84
|
+
"eslint-plugin-import": "^2.28.0",
|
|
83
85
|
"eslint-plugin-n": "^16.0.1",
|
|
84
86
|
"eslint-plugin-node": "^11.1.0",
|
|
85
|
-
"eslint-plugin-prettier": "^
|
|
87
|
+
"eslint-plugin-prettier": "^5.0.0",
|
|
86
88
|
"eslint-plugin-promise": "^6.1.1",
|
|
87
|
-
"eslint-plugin-react": "^7.
|
|
89
|
+
"eslint-plugin-react": "^7.33.0",
|
|
88
90
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
89
91
|
"eslint-plugin-standard": "^5.0.0",
|
|
90
92
|
"husky": "^8.0.3",
|
|
91
93
|
"lint-staged": "^13.2.3",
|
|
92
|
-
"npm": "^9.
|
|
93
|
-
"postcss": "^8.4.
|
|
94
|
+
"npm": "^9.8.1",
|
|
95
|
+
"postcss": "^8.4.27",
|
|
94
96
|
"postcss-aspect-ratio-polyfill": "^2.0.0",
|
|
95
97
|
"postcss-cli": "^10.1.0",
|
|
96
98
|
"postcss-combine-duplicated-selectors": "^10.0.3",
|
|
@@ -98,7 +100,7 @@
|
|
|
98
100
|
"postcss-dark-theme-class": "^0.7.3",
|
|
99
101
|
"postcss-discard-duplicates": "^6.0.0",
|
|
100
102
|
"postcss-each": "^1.1.0",
|
|
101
|
-
"postcss-easings": "^
|
|
103
|
+
"postcss-easings": "^4.0.0",
|
|
102
104
|
"postcss-flexbugs-fixes": "^5.0.2",
|
|
103
105
|
"postcss-hexrgba": "^2.1.0",
|
|
104
106
|
"postcss-import": "^15.1.0",
|
|
@@ -108,17 +110,18 @@
|
|
|
108
110
|
"postcss-nested-ancestors": "^3.0.0",
|
|
109
111
|
"postcss-normalize": "^10.0.1",
|
|
110
112
|
"postcss-prepend-imports": "^1.0.1",
|
|
111
|
-
"postcss-preset-env": "^
|
|
113
|
+
"postcss-preset-env": "^9.1.0",
|
|
112
114
|
"postcss-pxtorem": "^6.0.0",
|
|
113
115
|
"postcss-responsive-type": "github:ITCase/postcss-responsive-type",
|
|
114
116
|
"postcss-sort-media-queries": "^5.2.0",
|
|
115
|
-
"prettier": "^
|
|
116
|
-
"
|
|
117
|
+
"prettier": "^3.0.0",
|
|
118
|
+
"react-datepicker": "^4.16.0",
|
|
119
|
+
"rollup": "^3.26.3",
|
|
117
120
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
118
|
-
"semantic-release": "^21.0.
|
|
119
|
-
"stylelint": "^15.
|
|
120
|
-
"stylelint-config-standard": "^
|
|
121
|
-
"stylelint-no-unsupported-browser-features": "^
|
|
121
|
+
"semantic-release": "^21.0.7",
|
|
122
|
+
"stylelint": "^15.10.2",
|
|
123
|
+
"stylelint-config-standard": "^34.0.0",
|
|
124
|
+
"stylelint-no-unsupported-browser-features": "^7.0.0",
|
|
122
125
|
"stylelint-order": "^6.0.3"
|
|
123
126
|
}
|
|
124
127
|
}
|
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;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
.emoji {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.emoji {
|
|
5
|
-
&_direction {
|
|
6
|
-
@each $val in row, row-reverse, column, column-reverse {
|
|
7
|
-
&_$(val) {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: $(val);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
&_horizontal {
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: row;
|
|
15
|
-
}
|
|
16
|
-
&_vertical {
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.emoji {
|
|
23
|
-
&_shape {
|
|
24
|
-
&_rounded {
|
|
25
|
-
border-radius: 12px;
|
|
26
|
-
}
|
|
27
|
-
&_circular {
|
|
28
|
-
border-radius: 50%;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
.emoji_size {
|
|
33
|
-
&_40 {
|
|
34
|
-
height: 40px;
|
|
35
|
-
width: 40px;
|
|
36
|
-
min-height: 40px;
|
|
37
|
-
min-width: 40px;
|
|
38
|
-
display: flex;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
align-items: center;
|
|
41
|
-
font-size: 30px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&_50 {
|
|
45
|
-
height: 50px;
|
|
46
|
-
width: 50px;
|
|
47
|
-
min-height: 50px;
|
|
48
|
-
min-width: 50px;
|
|
49
|
-
display: flex;
|
|
50
|
-
justify-content: center;
|
|
51
|
-
align-items: center;
|
|
52
|
-
font-size: 35px;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&_56 {
|
|
56
|
-
height: 56px;
|
|
57
|
-
width: 56px;
|
|
58
|
-
min-height: 56px;
|
|
59
|
-
min-width: 56px;
|
|
60
|
-
display: flex;
|
|
61
|
-
justify-content: center;
|
|
62
|
-
align-items: center;
|
|
63
|
-
font-size: 40px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
&_60 {
|
|
67
|
-
height: 60px;
|
|
68
|
-
width: 60px;
|
|
69
|
-
min-height: 60px;
|
|
70
|
-
min-width: 60px;
|
|
71
|
-
display: flex;
|
|
72
|
-
justify-content: center;
|
|
73
|
-
align-items: center;
|
|
74
|
-
font-size: 35px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&_76 {
|
|
78
|
-
height: 76px;
|
|
79
|
-
width: 76px;
|
|
80
|
-
min-height: 76px;
|
|
81
|
-
min-width: 76px;
|
|
82
|
-
display: flex;
|
|
83
|
-
justify-content: center;
|
|
84
|
-
align-items: center;
|
|
85
|
-
font-size: 40px;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
.emoji {
|
|
89
|
-
&__icon {
|
|
90
|
-
&-shape {
|
|
91
|
-
&_rounded {
|
|
92
|
-
border-radius: 12px;
|
|
93
|
-
}
|
|
94
|
-
&_circular {
|
|
95
|
-
border-radius: 50%;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
.emoji {
|
|
101
|
-
&__icon {
|
|
102
|
-
position: relative;
|
|
103
|
-
}
|
|
104
|
-
}
|