@itcase/ui 1.0.99 → 1.0.100

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 (9) hide show
  1. package/dist/components/Button.js +3 -3
  2. package/dist/components/DatePicker.js +46 -28
  3. package/dist/components/FormField.js +1 -1
  4. package/dist/components/Response.js +246 -0
  5. package/dist/components/Select.js +62 -65
  6. package/dist/css/components/Avatar/Avatar.css +1 -1
  7. package/dist/css/components/Response/Response.css +21 -0
  8. package/dist/{floating-ui.dom-D_Zct5p2.js → floating-ui.dom-C34fOuI9.js} +20 -39
  9. package/package.json +1 -1
package/dist/components/Button.js CHANGED
@@ -31,14 +31,14 @@ require('../constants/componentProps/wrap.js');
31
31
  require('../context/UIContext.js');
32
32
  require('../hooks/useMediaQueries.js');
33
33
  require('react-responsive');
34
- require('../constants/componentProps/textColorActive.js');
35
- require('../constants/componentProps/textColorHover.js');
36
- require('../constants/componentProps/underline.js');
37
34
  require('lodash/castArray');
38
35
  require('lodash/camelCase');
39
36
  require('lodash/maxBy');
40
37
  require('lodash/upperFirst');
41
38
  require('../hooks/styleAttributes.js');
39
+ require('../constants/componentProps/textColorActive.js');
40
+ require('../constants/componentProps/textColorHover.js');
41
+ require('../constants/componentProps/underline.js');
42
42
 
43
43
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
44
44
 
package/dist/components/DatePicker.js CHANGED
@@ -5,7 +5,7 @@ var PropTypes = require('prop-types');
5
5
  var clsx = require('clsx');
6
6
  var _commonjsHelpers = require('../_commonjsHelpers-CFO10eej.js');
7
7
  var ReactDOM = require('react-dom');
8
- var floatingUi_dom = require('../floating-ui.dom-D_Zct5p2.js');
8
+ var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
9
9
  var index$2 = require('./Input.js');
10
10
  var index$6 = require('./Text.js');
11
11
  var index$3 = require('./Label.js');
@@ -86,39 +86,57 @@ var classnames = {exports: {}};
86
86
 
87
87
  var hasOwn = {}.hasOwnProperty;
88
88
 
89
- function classNames() {
90
- var classes = [];
89
+ function classNames () {
90
+ var classes = '';
91
91
 
92
92
  for (var i = 0; i < arguments.length; i++) {
93
93
  var arg = arguments[i];
94
- if (!arg) continue;
95
-
96
- var argType = typeof arg;
97
-
98
- if (argType === 'string' || argType === 'number') {
99
- classes.push(arg);
100
- } else if (Array.isArray(arg)) {
101
- if (arg.length) {
102
- var inner = classNames.apply(null, arg);
103
- if (inner) {
104
- classes.push(inner);
105
- }
106
- }
107
- } else if (argType === 'object') {
108
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
109
- classes.push(arg.toString());
110
- continue;
111
- }
112
-
113
- for (var key in arg) {
114
- if (hasOwn.call(arg, key) && arg[key]) {
115
- classes.push(key);
116
- }
117
- }
94
+ if (arg) {
95
+ classes = appendClass(classes, parseValue(arg));
118
96
  }
119
97
  }
120
98
 
121
- return classes.join(' ');
99
+ return classes;
100
+ }
101
+
102
+ function parseValue (arg) {
103
+ if (typeof arg === 'string' || typeof arg === 'number') {
104
+ return arg;
105
+ }
106
+
107
+ if (typeof arg !== 'object') {
108
+ return '';
109
+ }
110
+
111
+ if (Array.isArray(arg)) {
112
+ return classNames.apply(null, arg);
113
+ }
114
+
115
+ if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
116
+ return arg.toString();
117
+ }
118
+
119
+ var classes = '';
120
+
121
+ for (var key in arg) {
122
+ if (hasOwn.call(arg, key) && arg[key]) {
123
+ classes = appendClass(classes, key);
124
+ }
125
+ }
126
+
127
+ return classes;
128
+ }
129
+
130
+ function appendClass (value, newClass) {
131
+ if (!newClass) {
132
+ return value;
133
+ }
134
+
135
+ if (value) {
136
+ return value + ' ' + newClass;
137
+ }
138
+
139
+ return value + newClass;
122
140
  }
123
141
 
124
142
  if (module.exports) {
package/dist/components/FormField.js CHANGED
@@ -45,7 +45,7 @@ require('../constants/componentProps/titleSize.js');
45
45
  require('../constants/componentProps/wrap.js');
46
46
  require('react-select');
47
47
  require('react-dom');
48
- require('../floating-ui.dom-D_Zct5p2.js');
48
+ require('../floating-ui.dom-C34fOuI9.js');
49
49
  require('./Badge.js');
50
50
  require('./Group.js');
51
51
  require('../constants/componentProps/stacking.js');
package/dist/components/Response.js ADDED
@@ -0,0 +1,246 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+ var clsx = require('clsx');
6
+ var SVG = require('react-inlinesvg');
7
+ var borderColor = require('../constants/componentProps/borderColor.js');
8
+ var borderType = require('../constants/componentProps/borderType.js');
9
+ var borderWidth = require('../constants/componentProps/borderWidth.js');
10
+ var fillHover = require('../constants/componentProps/fillHover.js');
11
+ var fill = require('../constants/componentProps/fill.js');
12
+ var shape = require('../constants/componentProps/shape.js');
13
+ var size = require('../constants/componentProps/size.js');
14
+ var textColor = require('../constants/componentProps/textColor.js');
15
+ var textSize = require('../constants/componentProps/textSize.js');
16
+ var textWeight = require('../constants/componentProps/textWeight.js');
17
+ var titleSize = require('../constants/componentProps/titleSize.js');
18
+ var width = require('../constants/componentProps/width.js');
19
+ var index$3 = require('./Button.js');
20
+ var index = require('./Group.js');
21
+ var index$2 = require('./Text.js');
22
+ var index$1 = require('./Title.js');
23
+ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
24
+ require('./Icon.js');
25
+ require('./Link.js');
26
+ require('../constants/componentProps/textGradient.js');
27
+ require('../constants/componentProps/textStyle.js');
28
+ require('../constants/componentProps/type.js');
29
+ require('../constants/componentProps/underline.js');
30
+ require('../hooks/useStyles.js');
31
+ require('lodash/camelCase');
32
+ require('lodash/maxBy');
33
+ require('lodash/upperFirst');
34
+ require('../hooks/styleAttributes.js');
35
+ require('../context/UIContext.js');
36
+ require('../hooks/useMediaQueries.js');
37
+ require('react-responsive');
38
+ require('lodash/castArray');
39
+ require('../constants/componentProps/iconSize.js');
40
+ require('../constants/componentProps/strokeColor.js');
41
+ require('./Tooltip.js');
42
+ require('../constants/componentProps/textColorActive.js');
43
+ require('../constants/componentProps/textColorHover.js');
44
+ require('../constants/componentProps/textAlign.js');
45
+ require('../constants/componentProps/wrap.js');
46
+ require('./Loader.js');
47
+ require('../constants/componentProps/direction.js');
48
+ require('../constants/componentProps/stacking.js');
49
+
50
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
51
+
52
+ var React__default = /*#__PURE__*/_interopDefault(React);
53
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
54
+ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
55
+ var SVG__default = /*#__PURE__*/_interopDefault(SVG);
56
+
57
+ const responseConfig = {
58
+ appearance: {},
59
+ setAppearance: newComponent => {
60
+ responseConfig.appearance = newComponent;
61
+ }
62
+ };
63
+ function Response(props) {
64
+ const {
65
+ after,
66
+ before,
67
+ appearance,
68
+ imageSrc,
69
+ className,
70
+ title,
71
+ titleTextSize,
72
+ titleTextWeight,
73
+ titleTextColor,
74
+ message,
75
+ messageTextColor,
76
+ messageTextSize,
77
+ primaryButton,
78
+ primaryButtonAfter,
79
+ primaryButtonAppearance,
80
+ primaryButtonBefore,
81
+ primaryButtonFill,
82
+ primaryButtonFillHover,
83
+ primaryButtonLabel,
84
+ primaryButtonLabelTextColor,
85
+ primaryButtonLabelTextSize,
86
+ primaryButtonShape,
87
+ primaryButtonSize,
88
+ primaryButtonWidth,
89
+ secondaryButton,
90
+ secondaryButtonAfter,
91
+ secondaryButtonAppearance,
92
+ secondaryButtonBefore,
93
+ secondaryButtonFill,
94
+ secondaryButtonFillHover,
95
+ secondaryButtonLabel,
96
+ secondaryButtonLabelTextColor,
97
+ secondaryButtonLabelTextSize,
98
+ secondaryButtonShape,
99
+ secondaryButtonSize,
100
+ secondaryButtonWidth,
101
+ onClickPrimaryButton,
102
+ onClickSecondaryButton
103
+ } = props;
104
+ const ImageComponent = React.useMemo(() => {
105
+ if (imageSrc) {
106
+ // eslint-disable-next-line react/prop-types
107
+ if (imageSrc.endsWith('.svg')) {
108
+ return /*#__PURE__*/React__default.default.createElement(SVG__default.default, {
109
+ src: imageSrc
110
+ });
111
+ }
112
+ return /*#__PURE__*/React__default.default.createElement("img", {
113
+ src: imageSrc
114
+ });
115
+ }
116
+ return null;
117
+ }, [imageSrc]);
118
+ const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
119
+ prefix: 'fill_',
120
+ propsKey: 'fill'
121
+ });
122
+ const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
123
+ prefix: 'fill_hover_',
124
+ propsKey: 'fillHover'
125
+ });
126
+ const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
127
+ prefix: 'response_shape_',
128
+ propsKey: 'shape'
129
+ });
130
+ const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
131
+ prefix: 'border-color_',
132
+ propsKey: 'borderColor'
133
+ });
134
+ const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
135
+ prefix: 'border-color_hover_',
136
+ propsKey: 'borderColorHover'
137
+ });
138
+ const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
139
+ prefix: 'border-width_',
140
+ propsKey: 'borderWidth'
141
+ });
142
+ const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
143
+ prefix: 'border_type_',
144
+ propsKey: 'borderType'
145
+ });
146
+ return /*#__PURE__*/React__default.default.createElement("div", {
147
+ className: clsx__default.default(className, 'response', fillClass, fillHoverClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass)
148
+ }, before, ImageComponent, /*#__PURE__*/React__default.default.createElement(index.Group, {
149
+ className: "response__desc",
150
+ width: "fill"
151
+ }, title && /*#__PURE__*/React__default.default.createElement(index$1.Title, {
152
+ className: "response__title",
153
+ size: titleTextSize || responseConfig.appearance[appearance]?.titleTextSize,
154
+ textColor: titleTextColor || responseConfig.appearance[appearance]?.titleTextColor,
155
+ textWeight: titleTextWeight || responseConfig.appearance[appearance]?.titleTextWeight
156
+ }, title), message && /*#__PURE__*/React__default.default.createElement(index$2.Text, {
157
+ className: "response__message",
158
+ size: messageTextSize || responseConfig.appearance[appearance]?.messageTextSize,
159
+ textColor: messageTextColor || responseConfig.appearance[appearance]?.messageTextColor
160
+ }, message)), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton) && /*#__PURE__*/React__default.default.createElement(index.Group, {
161
+ className: "response__button",
162
+ width: "fill"
163
+ }, primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$3.Button, {
164
+ after: primaryButtonAfter,
165
+ appearance: primaryButtonAppearance || responseConfig.appearance[appearance]?.primaryButtonAppearance,
166
+ before: primaryButtonBefore,
167
+ className: "response__button-item",
168
+ fill: primaryButtonFill,
169
+ fillHover: primaryButtonFillHover,
170
+ label: primaryButtonLabel,
171
+ labelTextColor: primaryButtonLabelTextColor,
172
+ labelTextSize: primaryButtonLabelTextSize || responseConfig.appearance[appearance]?.primaryButtonLabelTextSize,
173
+ shape: primaryButtonShape || responseConfig.appearance[appearance]?.primaryButtonShape,
174
+ size: primaryButtonSize || responseConfig.appearance[appearance]?.primaryButtonSize,
175
+ width: primaryButtonWidth || responseConfig.appearance[appearance]?.primaryButtonWidth,
176
+ onClick: onClickPrimaryButton
177
+ }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$3.Button, {
178
+ after: secondaryButtonAfter,
179
+ appearance: secondaryButtonAppearance || responseConfig.appearance[appearance]?.secondaryButtonAppearance,
180
+ before: secondaryButtonBefore,
181
+ className: "response__button-item",
182
+ fill: secondaryButtonFill,
183
+ fillHover: secondaryButtonFillHover,
184
+ label: secondaryButtonLabel,
185
+ labelTextColor: secondaryButtonLabelTextColor,
186
+ labelTextSize: secondaryButtonLabelTextSize || responseConfig.appearance[appearance]?.secondaryButtonLabelTextSize,
187
+ shape: secondaryButtonShape || responseConfig.appearance[appearance]?.secondaryButtonShape,
188
+ size: secondaryButtonSize || responseConfig.appearance[appearance]?.secondaryButtonSize,
189
+ width: secondaryButtonWidth || responseConfig.appearance[appearance]?.secondaryButtonWidth,
190
+ onClick: onClickSecondaryButton
191
+ }) : secondaryButton), after);
192
+ }
193
+ Response.propsTypes = {
194
+ borderColor: PropTypes__default.default.oneOf(borderColor.default),
195
+ borderType: PropTypes__default.default.oneOf(borderType.default),
196
+ borderWidth: PropTypes__default.default.oneOf(borderWidth.default),
197
+ className: PropTypes__default.default.string,
198
+ fill: PropTypes__default.default.oneOf(fill.default),
199
+ fillHover: PropTypes__default.default.oneOf(fillHover.default),
200
+ shape: PropTypes__default.default.oneOf(shape.default),
201
+ after: PropTypes__default.default.any,
202
+ before: PropTypes__default.default.any,
203
+ appearance: PropTypes__default.default.string,
204
+ imageSrc: PropTypes__default.default.string,
205
+ title: PropTypes__default.default.string,
206
+ titleTextSize: PropTypes__default.default.oneOf(titleSize.default),
207
+ titleTextWeight: PropTypes__default.default.oneOf(textWeight.default),
208
+ titleTextColor: PropTypes__default.default.oneOf(textColor.default),
209
+ message: PropTypes__default.default.string,
210
+ messageTextColor: PropTypes__default.default.oneOf(textColor.default),
211
+ messageTextSize: PropTypes__default.default.oneOf(textSize.default),
212
+ primaryButton: PropTypes__default.default.any,
213
+ primaryButtonAfter: PropTypes__default.default.any,
214
+ primaryButtonAppearance: PropTypes__default.default.string,
215
+ primaryButtonBefore: PropTypes__default.default.any,
216
+ primaryButtonFill: PropTypes__default.default.oneOf(fill.default),
217
+ primaryButtonFillHover: PropTypes__default.default.oneOf(fillHover.default),
218
+ primaryButtonLabel: PropTypes__default.default.string,
219
+ primaryButtonLabelTextColor: PropTypes__default.default.oneOf(textColor.default),
220
+ primaryButtonLabelTextSize: PropTypes__default.default.oneOf(textSize.default),
221
+ primaryButtonShape: PropTypes__default.default.oneOf(shape.default),
222
+ primaryButtonSize: PropTypes__default.default.oneOf(size.default),
223
+ primaryButtonWidth: PropTypes__default.default.oneOf(width.default),
224
+ secondaryButton: PropTypes__default.default.any,
225
+ secondaryButtonAfter: PropTypes__default.default.any,
226
+ secondaryButtonAppearance: PropTypes__default.default.string,
227
+ secondaryButtonBefore: PropTypes__default.default.any,
228
+ secondaryButtonFill: PropTypes__default.default.oneOf(fill.default),
229
+ secondaryButtonFillHover: PropTypes__default.default.oneOf(fillHover.default),
230
+ secondaryButtonLabel: PropTypes__default.default.string,
231
+ secondaryButtonLabelTextColor: PropTypes__default.default.oneOf(textColor.default),
232
+ secondaryButtonLabelTextSize: PropTypes__default.default.oneOf(textSize.default),
233
+ secondaryButtonShape: PropTypes__default.default.oneOf(shape.default),
234
+ secondaryButtonSize: PropTypes__default.default.oneOf(size.default),
235
+ secondaryButtonWidth: PropTypes__default.default.oneOf(width.default),
236
+ onClickPrimaryButton: PropTypes__default.default.func,
237
+ onClickSecondaryButton: PropTypes__default.default.func
238
+ };
239
+ Response.__docgenInfo = {
240
+ "description": "",
241
+ "methods": [],
242
+ "displayName": "Response"
243
+ };
244
+
245
+ exports.Response = Response;
246
+ exports.responseConfig = responseConfig;
package/dist/components/Select.js CHANGED
@@ -6,7 +6,7 @@ var index$1 = require('./Icon.js');
6
6
  var Select$1 = require('react-select');
7
7
  var clsx = require('clsx');
8
8
  var ReactDOM = require('react-dom');
9
- var floatingUi_dom = require('../floating-ui.dom-D_Zct5p2.js');
9
+ var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
10
10
  var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
11
11
  var index$2 = require('./Badge.js');
12
12
  var index$3 = require('./Text.js');
@@ -135,34 +135,34 @@ function _extends() {
135
135
  return _extends.apply(this, arguments);
136
136
  }
137
137
 
138
- function _typeof(obj) {
138
+ function _typeof(o) {
139
139
  "@babel/helpers - typeof";
140
140
 
141
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
142
- return typeof obj;
143
- } : function (obj) {
144
- return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
145
- }, _typeof(obj);
141
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
142
+ return typeof o;
143
+ } : function (o) {
144
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
145
+ }, _typeof(o);
146
146
  }
147
147
 
148
- function _toPrimitive(input, hint) {
149
- if (_typeof(input) !== "object" || input === null) return input;
150
- var prim = input[Symbol.toPrimitive];
151
- if (prim !== undefined) {
152
- var res = prim.call(input, hint || "default");
153
- if (_typeof(res) !== "object") return res;
148
+ function toPrimitive(t, r) {
149
+ if ("object" != _typeof(t) || !t) return t;
150
+ var e = t[Symbol.toPrimitive];
151
+ if (void 0 !== e) {
152
+ var i = e.call(t, r || "default");
153
+ if ("object" != _typeof(i)) return i;
154
154
  throw new TypeError("@@toPrimitive must return a primitive value.");
155
155
  }
156
- return (hint === "string" ? String : Number)(input);
156
+ return ("string" === r ? String : Number)(t);
157
157
  }
158
158
 
159
- function _toPropertyKey(arg) {
160
- var key = _toPrimitive(arg, "string");
161
- return _typeof(key) === "symbol" ? key : String(key);
159
+ function toPropertyKey(t) {
160
+ var i = toPrimitive(t, "string");
161
+ return "symbol" == _typeof(i) ? i : String(i);
162
162
  }
163
163
 
164
164
  function _defineProperty(obj, key, value) {
165
- key = _toPropertyKey(key);
165
+ key = toPropertyKey(key);
166
166
  if (key in obj) {
167
167
  Object.defineProperty(obj, key, {
168
168
  value: value,
@@ -176,26 +176,26 @@ function _defineProperty(obj, key, value) {
176
176
  return obj;
177
177
  }
178
178
 
179
- function ownKeys(object, enumerableOnly) {
180
- var keys = Object.keys(object);
179
+ function ownKeys(e, r) {
180
+ var t = Object.keys(e);
181
181
  if (Object.getOwnPropertySymbols) {
182
- var symbols = Object.getOwnPropertySymbols(object);
183
- enumerableOnly && (symbols = symbols.filter(function (sym) {
184
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
185
- })), keys.push.apply(keys, symbols);
182
+ var o = Object.getOwnPropertySymbols(e);
183
+ r && (o = o.filter(function (r) {
184
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
185
+ })), t.push.apply(t, o);
186
186
  }
187
- return keys;
188
- }
189
- function _objectSpread2(target) {
190
- for (var i = 1; i < arguments.length; i++) {
191
- var source = null != arguments[i] ? arguments[i] : {};
192
- i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
193
- _defineProperty(target, key, source[key]);
194
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
195
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
187
+ return t;
188
+ }
189
+ function _objectSpread2(e) {
190
+ for (var r = 1; r < arguments.length; r++) {
191
+ var t = null != arguments[r] ? arguments[r] : {};
192
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
193
+ _defineProperty(e, r, t[r]);
194
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
195
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
196
196
  });
197
197
  }
198
- return target;
198
+ return e;
199
199
  }
200
200
 
201
201
  function _classCallCheck(instance, Constructor) {
@@ -210,7 +210,7 @@ function _defineProperties(target, props) {
210
210
  descriptor.enumerable = descriptor.enumerable || false;
211
211
  descriptor.configurable = true;
212
212
  if ("value" in descriptor) descriptor.writable = true;
213
- Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
213
+ Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
214
214
  }
215
215
  }
216
216
  function _createClass(Constructor, protoProps, staticProps) {
@@ -255,15 +255,12 @@ function _getPrototypeOf(o) {
255
255
  }
256
256
 
257
257
  function _isNativeReflectConstruct() {
258
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
259
- if (Reflect.construct.sham) return false;
260
- if (typeof Proxy === "function") return true;
261
258
  try {
262
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
263
- return true;
264
- } catch (e) {
265
- return false;
266
- }
259
+ var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
260
+ } catch (t) {}
261
+ return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
262
+ return !!t;
263
+ })();
267
264
  }
268
265
 
269
266
  function _assertThisInitialized(self) {
@@ -2676,7 +2673,7 @@ var Emotion$1 = Emotion;
2676
2673
 
2677
2674
  var pkg = {
2678
2675
  name: "@emotion/react",
2679
- version: "11.11.1",
2676
+ version: "11.11.3",
2680
2677
  main: "dist/emotion-react.cjs.js",
2681
2678
  module: "dist/emotion-react.esm.js",
2682
2679
  browser: {
@@ -2749,7 +2746,7 @@ var pkg = {
2749
2746
  "@babel/runtime": "^7.18.3",
2750
2747
  "@emotion/babel-plugin": "^11.11.0",
2751
2748
  "@emotion/cache": "^11.11.0",
2752
- "@emotion/serialize": "^1.1.2",
2749
+ "@emotion/serialize": "^1.1.3",
2753
2750
  "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
2754
2751
  "@emotion/utils": "^1.2.1",
2755
2752
  "@emotion/weak-memoize": "^0.3.1",
@@ -2765,7 +2762,7 @@ var pkg = {
2765
2762
  },
2766
2763
  devDependencies: {
2767
2764
  "@definitelytyped/dtslint": "0.0.112",
2768
- "@emotion/css": "11.11.0",
2765
+ "@emotion/css": "11.11.2",
2769
2766
  "@emotion/css-prettifier": "1.1.3",
2770
2767
  "@emotion/server": "11.11.0",
2771
2768
  "@emotion/styled": "11.11.0",
@@ -3126,31 +3123,31 @@ function _arrayWithHoles(arr) {
3126
3123
  if (Array.isArray(arr)) return arr;
3127
3124
  }
3128
3125
 
3129
- function _iterableToArrayLimit(arr, i) {
3130
- var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
3131
- if (null != _i) {
3132
- var _s,
3133
- _e,
3134
- _x,
3135
- _r,
3136
- _arr = [],
3137
- _n = !0,
3138
- _d = !1;
3126
+ function _iterableToArrayLimit(r, l) {
3127
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
3128
+ if (null != t) {
3129
+ var e,
3130
+ n,
3131
+ i,
3132
+ u,
3133
+ a = [],
3134
+ f = !0,
3135
+ o = !1;
3139
3136
  try {
3140
- if (_x = (_i = _i.call(arr)).next, 0 === i) {
3141
- if (Object(_i) !== _i) return;
3142
- _n = !1;
3143
- } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
3144
- } catch (err) {
3145
- _d = !0, _e = err;
3137
+ if (i = (t = t.call(r)).next, 0 === l) {
3138
+ if (Object(t) !== t) return;
3139
+ f = !1;
3140
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
3141
+ } catch (r) {
3142
+ o = !0, n = r;
3146
3143
  } finally {
3147
3144
  try {
3148
- if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
3145
+ if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
3149
3146
  } finally {
3150
- if (_d) throw _e;
3147
+ if (o) throw n;
3151
3148
  }
3152
3149
  }
3153
- return _arr;
3150
+ return a;
3154
3151
  }
3155
3152
  }
3156
3153
 
package/dist/css/components/Avatar/Avatar.css CHANGED
@@ -14,7 +14,7 @@
14
14
  bottom: 0;
15
15
  }
16
16
  }
17
- &__dropdown {
17
+ div&__dropdown {
18
18
  margin: 10px 0 0 0;
19
19
  position: absolute;
20
20
  left: 0;
package/dist/css/components/Response/Response.css ADDED
@@ -0,0 +1,21 @@
1
+ .response {
2
+ display: flex;
3
+ flex-flow: column nowrap;
4
+ justify-content: center;
5
+ align-items: center;
6
+ gap: 32px;
7
+ &__desc {
8
+ display: flex;
9
+ flex-direction: column;
10
+ justify-content: center;
11
+ align-items: center;
12
+ gap: 16px;
13
+ }
14
+ &__button {
15
+ display: flex;
16
+ flex-direction: column;
17
+ justify-content: center;
18
+ align-items: center;
19
+ gap: 16px;
20
+ }
21
+ }
package/dist/{floating-ui.dom-D_Zct5p2.js → floating-ui.dom-C34fOuI9.js} RENAMED
@@ -844,8 +844,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
844
844
  if (domElement) {
845
845
  const win = getWindow(domElement);
846
846
  const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
847
- let currentIFrame = win.frameElement;
848
- while (currentIFrame && offsetParent && offsetWin !== win) {
847
+ let currentWin = win;
848
+ let currentIFrame = currentWin.frameElement;
849
+ while (currentIFrame && offsetParent && offsetWin !== currentWin) {
849
850
  const iframeScale = getScale(currentIFrame);
850
851
  const iframeRect = currentIFrame.getBoundingClientRect();
851
852
  const css = getComputedStyle(currentIFrame);
@@ -857,7 +858,8 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
857
858
  height *= iframeScale.y;
858
859
  x += left;
859
860
  y += top;
860
- currentIFrame = getWindow(currentIFrame).frameElement;
861
+ currentWin = getWindow(currentIFrame);
862
+ currentIFrame = currentWin.frameElement;
861
863
  }
862
864
  }
863
865
  return rectToClientRect({
@@ -869,27 +871,14 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
869
871
  }
870
872
 
871
873
  const topLayerSelectors = [':popover-open', ':modal'];
872
- function topLayer(floating) {
873
- let isTopLayer = false;
874
- let x = 0;
875
- let y = 0;
876
- function setIsTopLayer(selector) {
874
+ function isTopLayer(floating) {
875
+ return topLayerSelectors.some(selector => {
877
876
  try {
878
- isTopLayer = isTopLayer || floating.matches(selector);
879
- } catch (e) {}
880
- }
881
- topLayerSelectors.forEach(selector => {
882
- setIsTopLayer(selector);
883
- });
884
- if (isTopLayer) {
885
- const containingBlock = getContainingBlock(floating);
886
- if (containingBlock) {
887
- const rect = containingBlock.getBoundingClientRect();
888
- x = rect.x;
889
- y = rect.y;
877
+ return floating.matches(selector);
878
+ } catch (e) {
879
+ return false;
890
880
  }
891
- }
892
- return [isTopLayer, x, y];
881
+ });
893
882
  }
894
883
 
895
884
  function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
@@ -899,9 +888,10 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
899
888
  offsetParent,
900
889
  strategy
901
890
  } = _ref;
891
+ const isFixed = strategy === 'fixed';
902
892
  const documentElement = getDocumentElement(offsetParent);
903
- const [isTopLayer] = elements ? topLayer(elements.floating) : [false];
904
- if (offsetParent === documentElement || isTopLayer) {
893
+ const topLayer = elements ? isTopLayer(elements.floating) : false;
894
+ if (offsetParent === documentElement || topLayer && isFixed) {
905
895
  return rect;
906
896
  }
907
897
  let scroll = {
@@ -911,7 +901,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
911
901
  let scale = createCoords(1);
912
902
  const offsets = createCoords(0);
913
903
  const isOffsetParentAnElement = isHTMLElement(offsetParent);
914
- if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
904
+ if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
915
905
  if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
916
906
  scroll = getNodeScroll(offsetParent);
917
907
  }
@@ -1102,7 +1092,7 @@ function getDimensions(element) {
1102
1092
  };
1103
1093
  }
1104
1094
 
1105
- function getRectRelativeToOffsetParent(element, offsetParent, strategy, floating) {
1095
+ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
1106
1096
  const isOffsetParentAnElement = isHTMLElement(offsetParent);
1107
1097
  const documentElement = getDocumentElement(offsetParent);
1108
1098
  const isFixed = strategy === 'fixed';
@@ -1124,17 +1114,8 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy, floating
1124
1114
  offsets.x = getWindowScrollBarX(documentElement);
1125
1115
  }
1126
1116
  }
1127
- let x = rect.left + scroll.scrollLeft - offsets.x;
1128
- let y = rect.top + scroll.scrollTop - offsets.y;
1129
- const [isTopLayer, topLayerX, topLayerY] = topLayer(floating);
1130
- if (isTopLayer) {
1131
- x += topLayerX;
1132
- y += topLayerY;
1133
- if (isOffsetParentAnElement) {
1134
- x += offsetParent.clientLeft;
1135
- y += offsetParent.clientTop;
1136
- }
1137
- }
1117
+ const x = rect.left + scroll.scrollLeft - offsets.x;
1118
+ const y = rect.top + scroll.scrollTop - offsets.y;
1138
1119
  return {
1139
1120
  x,
1140
1121
  y,
@@ -1157,7 +1138,7 @@ function getTrueOffsetParent(element, polyfill) {
1157
1138
  // such as table ancestors and cross browser bugs.
1158
1139
  function getOffsetParent(element, polyfill) {
1159
1140
  const window = getWindow(element);
1160
- if (!isHTMLElement(element)) {
1141
+ if (!isHTMLElement(element) || isTopLayer(element)) {
1161
1142
  return window;
1162
1143
  }
1163
1144
  let offsetParent = getTrueOffsetParent(element, polyfill);
@@ -1174,7 +1155,7 @@ const getElementRects = async function (data) {
1174
1155
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
1175
1156
  const getDimensionsFn = this.getDimensions;
1176
1157
  return {
1177
- reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy, data.floating),
1158
+ reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
1178
1159
  floating: {
1179
1160
  x: 0,
1180
1161
  y: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.0.99",
3
+ "version": "1.0.100",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",