@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.
Files changed (41) hide show
  1. package/dist/components/Avatar.js +4 -2
  2. package/dist/components/Chips.js +2 -0
  3. package/dist/components/Choice.js +118 -0
  4. package/dist/components/DatePicker.js +10201 -0
  5. package/dist/components/Empty.js +95 -0
  6. package/dist/components/FormField.js +1 -1
  7. package/dist/components/Grid.js +8 -14
  8. package/dist/components/Input.js +2 -0
  9. package/dist/components/Label.js +0 -5
  10. package/dist/components/Logo.js +4 -4
  11. package/dist/components/Modal.js +3 -3
  12. package/dist/components/RangeSlider.js +7 -1978
  13. package/dist/components/Scrollbar.js +5 -3826
  14. package/dist/components/Search.js +4 -5
  15. package/dist/components/Segmented.js +5 -1
  16. package/dist/components/Select.js +348 -270
  17. package/dist/components/Swiper.js +4208 -188
  18. package/dist/components/Switch.js +3 -2
  19. package/dist/components/Tab.js +0 -1
  20. package/dist/components/Textarea.js +5 -1
  21. package/dist/components/Tile.js +0 -3
  22. package/dist/css/components/Choice/Choice.css +73 -0
  23. package/dist/css/components/DatePicker/DatePicker.css +924 -0
  24. package/dist/css/components/Empty/Empty.css +13 -0
  25. package/dist/css/components/Input/Input.css +12 -4
  26. package/dist/css/components/Segmented/Segmented.css +16 -0
  27. package/dist/css/components/Select/Select.css +11 -4
  28. package/dist/css/components/Select/css/__menu/select__menu.css +7 -3
  29. package/dist/css/components/Swiper/Swiper.css +128 -83
  30. package/dist/css/styles/fill/fill.css +4 -4
  31. package/dist/css/styles/fill/fill_active.css +5 -5
  32. package/dist/defineProperty-f9e5e1f3.js +166 -0
  33. package/dist/hooks/styleAttributes.js +5 -1
  34. package/package.json +30 -27
  35. package/dist/components/Emoji.js +0 -124
  36. package/dist/components/Profile.js +0 -105
  37. package/dist/css/components/Emoji/Emoji.css +0 -104
  38. package/dist/css/components/Emoji/css/__icon/emoji__icon-shape.css +0 -12
  39. package/dist/css/components/Emoji/css/__icon/emoji__icon.css +0 -5
  40. package/dist/css/components/Profile/Profile.css +0 -19
  41. 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.10",
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": "^1.2.1",
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.3",
57
- "swiper": "^9.4.1",
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.5",
62
- "@babel/eslint-parser": "^7.22.5",
63
- "@babel/preset-env": "^7.22.5",
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.6",
66
- "@commitlint/config-conventional": "^17.6.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.2",
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.3",
75
- "babel-loader": "^9.1.2",
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.43.0",
79
- "eslint-config-prettier": "^8.8.0",
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.27.5",
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": "^4.2.1",
87
+ "eslint-plugin-prettier": "^5.0.0",
86
88
  "eslint-plugin-promise": "^6.1.1",
87
- "eslint-plugin-react": "^7.32.2",
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.7.2",
93
- "postcss": "^8.4.24",
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": "^3.0.1",
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": "^8.5.1",
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": "^2.8.8",
116
- "rollup": "^3.26.0",
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.6",
119
- "stylelint": "^15.9.0",
120
- "stylelint-config-standard": "^33.0.0",
121
- "stylelint-no-unsupported-browser-features": "^6.1.0",
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
  }
@@ -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
- }
@@ -1,12 +0,0 @@
1
- .emoji {
2
- &__icon {
3
- &-shape {
4
- &_rounded {
5
- border-radius: 12px;
6
- }
7
- &_circular {
8
- border-radius: 50%;
9
- }
10
- }
11
- }
12
- }
@@ -1,5 +0,0 @@
1
- .emoji {
2
- &__icon {
3
- position: relative;
4
- }
5
- }
@@ -1,19 +0,0 @@
1
- .profile {
2
- display: flex;
3
- &__avatar {
4
- margin: 0 12px 0 0;
5
- }
6
- }
7
- .profile {
8
- &_shape {
9
- &_rounded {
10
- border-radius: 8px;
11
- position: relative;
12
- overflow: hidden;
13
- }
14
- &_circular {
15
- border-radius: 50%;
16
- }
17
- }
18
- }
19
-