@itcase/ui 1.0.66 → 1.0.70

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 (75) hide show
  1. package/dist/components/Accordion.js +349 -0
  2. package/dist/components/Avatar.js +100 -0
  3. package/dist/components/Background.js +172 -0
  4. package/dist/components/Badge.js +109 -32
  5. package/dist/components/Breadcrumbs.js +414 -0
  6. package/dist/components/Button.js +364 -59
  7. package/dist/components/Caption.js +129 -0
  8. package/dist/components/Card.js +171 -0
  9. package/dist/components/Cell.js +190 -0
  10. package/dist/components/Checkbox.js +14 -0
  11. package/dist/components/Chips.js +247 -0
  12. package/dist/components/Choice.js +60 -0
  13. package/dist/components/Code.js +119 -0
  14. package/dist/components/ContextMenu.js +83 -0
  15. package/dist/components/CookiesWarning.js +55 -6
  16. package/dist/components/DadataHintField.js +49 -0
  17. package/dist/components/DatePicker.js +71 -8
  18. package/dist/components/Divider.js +165 -0
  19. package/dist/components/Dot.js +157 -0
  20. package/dist/components/Drawer.js +77 -0
  21. package/dist/components/Dropdown.js +421 -0
  22. package/dist/components/Empty.js +124 -3
  23. package/dist/components/Fader.js +128 -0
  24. package/dist/components/Flex.js +898 -0
  25. package/dist/components/FormField.js +306 -2
  26. package/dist/components/Grid.js +1299 -0
  27. package/dist/components/Group.js +377 -0
  28. package/dist/components/Icon.js +342 -0
  29. package/dist/components/Image.js +326 -0
  30. package/dist/components/Input.js +88 -0
  31. package/dist/components/InputPassword.js +88 -0
  32. package/dist/components/Label.js +255 -1
  33. package/dist/components/LanguageSelector.js +35 -0
  34. package/dist/components/Link.js +324 -0
  35. package/dist/components/List.js +349 -0
  36. package/dist/components/Loader.js +49 -0
  37. package/dist/components/Logo.js +49 -0
  38. package/dist/components/Menu.js +98 -0
  39. package/dist/components/MenuItem.js +386 -0
  40. package/dist/components/Modal.js +147 -0
  41. package/dist/components/Notification.js +133 -0
  42. package/dist/components/Page.js +308 -0
  43. package/dist/components/Pagination.js +30 -2
  44. package/dist/components/RadioButton.js +28 -0
  45. package/dist/components/RangeSlider.js +171 -0
  46. package/dist/components/Scrollbar.js +14 -0
  47. package/dist/components/Search.js +299 -0
  48. package/dist/components/Segmented.js +60 -0
  49. package/dist/components/Select.js +524 -1
  50. package/dist/components/SiteMenu.js +70 -0
  51. package/dist/components/Swiper.js +361 -0
  52. package/dist/components/Switch.js +49 -0
  53. package/dist/components/Tab.js +750 -3
  54. package/dist/components/Text.js +218 -2
  55. package/dist/components/Textarea.js +78 -2
  56. package/dist/components/Tile.js +366 -2
  57. package/dist/components/Title.js +235 -0
  58. package/dist/components/Tooltip.js +195 -0
  59. package/dist/components/Video.js +98 -0
  60. package/dist/components/Wrapper.js +316 -0
  61. package/dist/constants/componentProps/iconSize.js +1 -1
  62. package/dist/constants/componentProps/itemColor.js +5 -0
  63. package/dist/constants/componentProps/size.js +1 -1
  64. package/dist/constants/componentProps/textSize.js +5 -0
  65. package/dist/constants/componentProps/textWrap.js +5 -0
  66. package/dist/constants.js +8 -2
  67. package/dist/context/Notifications.js +14 -0
  68. package/dist/css/components/Badge/Badge.css +1 -1
  69. package/dist/css/components/Button/Button.css +1 -1
  70. package/dist/css/components/DatePicker/DatePicker.css +6 -1
  71. package/dist/css/components/RadioButton/RadioButton.css +19 -19
  72. package/dist/css/components/Segmented/Segmented.css +6 -8
  73. package/dist/css/styles/constraints/constraints.css +42 -29
  74. package/dist/css/styles/width/width.css +3 -1
  75. package/package.json +2 -1
@@ -304,5 +304,124 @@ Code.defaultProps = {
304
304
  inputTextSize: 'xxl',
305
305
  inputCaretColor: 'surfaceItemAccent'
306
306
  };
307
+ Code.__docgenInfo = {
308
+ "description": "",
309
+ "methods": [],
310
+ "displayName": "Code",
311
+ "props": {
312
+ "inputCount": {
313
+ "defaultValue": {
314
+ "value": "6",
315
+ "computed": false
316
+ },
317
+ "required": false
318
+ },
319
+ "gap": {
320
+ "defaultValue": {
321
+ "value": "12",
322
+ "computed": false
323
+ },
324
+ "required": false
325
+ },
326
+ "inputType": {
327
+ "defaultValue": {
328
+ "value": "'number'",
329
+ "computed": false
330
+ },
331
+ "required": false
332
+ },
333
+ "inputSize": {
334
+ "defaultValue": {
335
+ "value": "'normal'",
336
+ "computed": false
337
+ },
338
+ "required": false
339
+ },
340
+ "inputBorderWidth": {
341
+ "defaultValue": {
342
+ "value": "1",
343
+ "computed": false
344
+ },
345
+ "required": false
346
+ },
347
+ "inputPlaceholder": {
348
+ "defaultValue": {
349
+ "value": "0",
350
+ "computed": false
351
+ },
352
+ "required": false
353
+ },
354
+ "inputBorderColor": {
355
+ "defaultValue": {
356
+ "value": "'surfaceBorderTertiary'",
357
+ "computed": false
358
+ },
359
+ "required": false
360
+ },
361
+ "inputBorderColorHover": {
362
+ "defaultValue": {
363
+ "value": "'surfaceBorderQuaternary'",
364
+ "computed": false
365
+ },
366
+ "required": false
367
+ },
368
+ "inputBorderFocusColor": {
369
+ "defaultValue": {
370
+ "value": "'surfaceBorderAccent'",
371
+ "computed": false
372
+ },
373
+ "required": false
374
+ },
375
+ "inputFill": {
376
+ "defaultValue": {
377
+ "value": "'surfacePrimary'",
378
+ "computed": false
379
+ },
380
+ "required": false
381
+ },
382
+ "inputFillHover": {
383
+ "defaultValue": {
384
+ "value": "'surfaceSecondary'",
385
+ "computed": false
386
+ },
387
+ "required": false
388
+ },
389
+ "inputShape": {
390
+ "defaultValue": {
391
+ "value": "'rounded'",
392
+ "computed": false
393
+ },
394
+ "required": false
395
+ },
396
+ "inputTextColor": {
397
+ "defaultValue": {
398
+ "value": "'surfaceTextPrimary'",
399
+ "computed": false
400
+ },
401
+ "required": false
402
+ },
403
+ "inputTextSize": {
404
+ "defaultValue": {
405
+ "value": "'xxl'",
406
+ "computed": false
407
+ },
408
+ "required": false
409
+ },
410
+ "inputCaretColor": {
411
+ "defaultValue": {
412
+ "value": "'surfaceItemAccent'",
413
+ "computed": false
414
+ },
415
+ "required": false
416
+ },
417
+ "value": {
418
+ "description": "",
419
+ "type": {
420
+ "name": "number"
421
+ },
422
+ "required": false
423
+ }
424
+ }
425
+ };
307
426
 
308
427
  exports.Code = Code;
@@ -75,6 +75,84 @@ ContextMenu.propTypes = {
75
75
  ContextMenu.defaultProps = {
76
76
  tag: 'div'
77
77
  };
78
+ ContextMenu.__docgenInfo = {
79
+ "description": "",
80
+ "methods": [],
81
+ "displayName": "ContextMenu",
82
+ "props": {
83
+ "tag": {
84
+ "defaultValue": {
85
+ "value": "'div'",
86
+ "computed": false
87
+ },
88
+ "required": false
89
+ },
90
+ "className": {
91
+ "description": "",
92
+ "type": {
93
+ "name": "string"
94
+ },
95
+ "required": false
96
+ },
97
+ "id": {
98
+ "description": "",
99
+ "type": {
100
+ "name": "string"
101
+ },
102
+ "required": false
103
+ },
104
+ "set": {
105
+ "description": "",
106
+ "type": {
107
+ "name": "string"
108
+ },
109
+ "required": false
110
+ },
111
+ "shape": {
112
+ "description": "",
113
+ "type": {
114
+ "name": "enum",
115
+ "computed": true,
116
+ "value": "shapeProps"
117
+ },
118
+ "required": false
119
+ },
120
+ "shapeDesktop": {
121
+ "description": "",
122
+ "type": {
123
+ "name": "enum",
124
+ "computed": true,
125
+ "value": "shapeProps"
126
+ },
127
+ "required": false
128
+ },
129
+ "shapeMobile": {
130
+ "description": "",
131
+ "type": {
132
+ "name": "enum",
133
+ "computed": true,
134
+ "value": "shapeProps"
135
+ },
136
+ "required": false
137
+ },
138
+ "shapeTablet": {
139
+ "description": "",
140
+ "type": {
141
+ "name": "enum",
142
+ "computed": true,
143
+ "value": "shapeProps"
144
+ },
145
+ "required": false
146
+ },
147
+ "onClick": {
148
+ "description": "",
149
+ "type": {
150
+ "name": "func"
151
+ },
152
+ "required": false
153
+ }
154
+ }
155
+ };
78
156
 
79
157
  function ContextMenuItem(props) {
80
158
  const {
@@ -150,6 +228,11 @@ function ContextMenuItem(props) {
150
228
  }));
151
229
  }
152
230
  ContextMenuItem.propTypes = {};
231
+ ContextMenuItem.__docgenInfo = {
232
+ "description": "",
233
+ "methods": [],
234
+ "displayName": "ContextMenuItem"
235
+ };
153
236
 
154
237
  exports.ContextMenu = ContextMenu;
155
238
  exports.ContextMenuItem = ContextMenuItem;
@@ -20,23 +20,21 @@ require('../constants/componentProps/textStyle.js');
20
20
  require('../constants/componentProps/textWeight.js');
21
21
  require('../hooks/useStyles.js');
22
22
  require('../hooks/styleAttributes.js');
23
- require('../constants/componentProps/borderType.js');
24
- require('../constants/componentProps/fill.js');
25
- require('../constants/componentProps/horizontalResizeMode.js');
26
- require('../constants/componentProps/shape.js');
27
- require('../constants/componentProps/type.js');
28
- require('../constants/componentProps/width.js');
29
23
  require('./Icon.js');
30
24
  require('react-inlinesvg');
25
+ require('../constants/componentProps/fill.js');
31
26
  require('../constants/componentProps/iconSize.js');
27
+ require('../constants/componentProps/shape.js');
32
28
  require('../constants/componentProps/strokeColor.js');
33
29
  require('./Link.js');
34
30
  require('../constants/componentProps/textGradient.js');
31
+ require('../constants/componentProps/type.js');
35
32
  require('../constants/componentProps/underline.js');
36
33
  require('./Loader.js');
37
34
  require('../constants/componentProps/direction.js');
38
35
  require('../constants/componentProps/stacking.js');
39
36
  require('../constants/componentProps/wrap.js');
37
+ require('../constants/componentProps/width.js');
40
38
  require('../hooks/useMediaQueries.js');
41
39
  require('react-responsive');
42
40
  require('lodash/castArray');
@@ -130,4 +128,55 @@ CookiesWarning.defaultProps = {
130
128
  isHideOnScroll: false
131
129
  };
132
130
 
131
+ // Render component without SSR because cookies has only on client
132
+ // import dynamic from 'next/dynamic'
133
+ // export default dynamic(() => Promise.resolve(CookiesWarning), { ssr: false })
134
+ CookiesWarning.__docgenInfo = {
135
+ "description": "",
136
+ "methods": [],
137
+ "displayName": "CookiesWarning",
138
+ "props": {
139
+ "message": {
140
+ "defaultValue": {
141
+ "value": "'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of \xABcookies\xBB.'",
142
+ "computed": false
143
+ },
144
+ "description": "",
145
+ "type": {
146
+ "name": "string"
147
+ },
148
+ "required": false
149
+ },
150
+ "buttonText": {
151
+ "defaultValue": {
152
+ "value": "'I agree'",
153
+ "computed": false
154
+ },
155
+ "description": "",
156
+ "type": {
157
+ "name": "string"
158
+ },
159
+ "required": false
160
+ },
161
+ "isHideOnScroll": {
162
+ "defaultValue": {
163
+ "value": "false",
164
+ "computed": false
165
+ },
166
+ "description": "",
167
+ "type": {
168
+ "name": "bool"
169
+ },
170
+ "required": false
171
+ },
172
+ "buttonClass": {
173
+ "description": "",
174
+ "type": {
175
+ "name": "string"
176
+ },
177
+ "required": false
178
+ }
179
+ }
180
+ };
181
+
133
182
  exports.CookiesWarning = CookiesWarning;
@@ -1137,5 +1137,54 @@ function DadataСustomInput(props) {
1137
1137
  DadataСustomInput.propTypes = {
1138
1138
  inputValue: PropTypes__default.default.object
1139
1139
  };
1140
+ DadataHintField.__docgenInfo = {
1141
+ "description": "",
1142
+ "methods": [],
1143
+ "displayName": "DadataHintField",
1144
+ "props": {
1145
+ "delay": {
1146
+ "description": "",
1147
+ "type": {
1148
+ "name": "number"
1149
+ },
1150
+ "required": false
1151
+ },
1152
+ "input": {
1153
+ "description": "",
1154
+ "type": {
1155
+ "name": "object"
1156
+ },
1157
+ "required": false
1158
+ },
1159
+ "inputProps": {
1160
+ "description": "",
1161
+ "type": {
1162
+ "name": "object"
1163
+ },
1164
+ "required": false
1165
+ },
1166
+ "meta": {
1167
+ "description": "",
1168
+ "type": {
1169
+ "name": "object"
1170
+ },
1171
+ "required": false
1172
+ },
1173
+ "setValue": {
1174
+ "description": "",
1175
+ "type": {
1176
+ "name": "func"
1177
+ },
1178
+ "required": false
1179
+ },
1180
+ "token": {
1181
+ "description": "",
1182
+ "type": {
1183
+ "name": "string"
1184
+ },
1185
+ "required": false
1186
+ }
1187
+ }
1188
+ };
1140
1189
 
1141
1190
  exports.DadataHintField = DadataHintField;
@@ -13,7 +13,7 @@ var index$2 = require('./Icon.js');
13
13
  var size = require('../constants/componentProps/size.js');
14
14
  var textColor = require('../constants/componentProps/textColor.js');
15
15
  var textWeight = require('../constants/componentProps/textWeight.js');
16
- require('../hooks/useDeviceTargetClass.js');
16
+ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
17
17
  require('lodash/castArray');
18
18
  require('lodash/camelCase');
19
19
  require('../context/UIContext.js');
@@ -26,18 +26,15 @@ require('../hooks/useStyles.js');
26
26
  require('lodash/maxBy');
27
27
  require('lodash/upperFirst');
28
28
  require('../hooks/styleAttributes.js');
29
- require('../constants/componentProps/borderType.js');
30
- require('../constants/componentProps/fill.js');
31
- require('../constants/componentProps/horizontalResizeMode.js');
32
- require('../constants/componentProps/shape.js');
33
- require('../constants/componentProps/type.js');
34
- require('../constants/componentProps/width.js');
35
29
  require('./Loader.js');
36
30
  require('./Link.js');
31
+ require('../constants/componentProps/fill.js');
37
32
  require('../constants/componentProps/textGradient.js');
33
+ require('../constants/componentProps/type.js');
38
34
  require('../constants/componentProps/underline.js');
39
35
  require('react-inlinesvg');
40
36
  require('../constants/componentProps/iconSize.js');
37
+ require('../constants/componentProps/shape.js');
41
38
  require('../constants/componentProps/strokeColor.js');
42
39
 
43
40
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -10106,6 +10103,10 @@ function DatePickerInput(props) {
10106
10103
  onChange,
10107
10104
  endValue
10108
10105
  } = props;
10106
+ const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
10107
+ prefix: 'width_',
10108
+ propsKey: 'width'
10109
+ });
10109
10110
  const start = React.useMemo(() => {
10110
10111
  if (value) {
10111
10112
  if (typeof value === 'string') {
@@ -10196,7 +10197,7 @@ function DatePickerInput(props) {
10196
10197
  setEndDate(end);
10197
10198
  }, [end]);
10198
10199
  return /*#__PURE__*/React__namespace.default.createElement("div", {
10199
- className: clsx__default.default(className, 'datepicker', datePickerProps?.monthsShown && 'datepicker_type_multiple-months', datePickerProps?.customTimeInput && 'datepicker_type_button')
10200
+ className: clsx__default.default(className, 'datepicker', datePickerProps?.monthsShown && 'datepicker_type_multiple-months', datePickerProps?.customTimeInput && 'datepicker_type_button', widthClass)
10200
10201
  }, /*#__PURE__*/React__namespace.default.createElement(er, Object.assign({
10201
10202
  customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerСustomInput, Object.assign({}, inputProps, {
10202
10203
  inputProps: inputProps
@@ -10236,5 +10237,67 @@ DatePickerInput.propTypes = {
10236
10237
  textWeight: PropTypes__default.default.oneOf(textWeight.default),
10237
10238
  onChange: PropTypes__default.default.func
10238
10239
  };
10240
+ DatePickerInput.__docgenInfo = {
10241
+ "description": "",
10242
+ "methods": [],
10243
+ "displayName": "DatePickerInput",
10244
+ "props": {
10245
+ "className": {
10246
+ "description": "",
10247
+ "type": {
10248
+ "name": "string"
10249
+ },
10250
+ "required": false
10251
+ },
10252
+ "datePickerProps": {
10253
+ "description": "",
10254
+ "type": {
10255
+ "name": "object"
10256
+ },
10257
+ "required": false
10258
+ },
10259
+ "inputProps": {
10260
+ "description": "",
10261
+ "type": {
10262
+ "name": "object"
10263
+ },
10264
+ "required": false
10265
+ },
10266
+ "size": {
10267
+ "description": "",
10268
+ "type": {
10269
+ "name": "enum",
10270
+ "computed": true,
10271
+ "value": "sizeProps"
10272
+ },
10273
+ "required": false
10274
+ },
10275
+ "textColor": {
10276
+ "description": "",
10277
+ "type": {
10278
+ "name": "enum",
10279
+ "computed": true,
10280
+ "value": "textColorProps"
10281
+ },
10282
+ "required": false
10283
+ },
10284
+ "textWeight": {
10285
+ "description": "",
10286
+ "type": {
10287
+ "name": "enum",
10288
+ "computed": true,
10289
+ "value": "textWeightProps"
10290
+ },
10291
+ "required": false
10292
+ },
10293
+ "onChange": {
10294
+ "description": "",
10295
+ "type": {
10296
+ "name": "func"
10297
+ },
10298
+ "required": false
10299
+ }
10300
+ }
10301
+ };
10239
10302
 
10240
10303
  exports.DatePickerInput = DatePickerInput;
@@ -88,5 +88,170 @@ Divider.propTypes = {
88
88
  widthTablet: PropTypes__default.default.oneOf(width.default),
89
89
  widthDesktop: PropTypes__default.default.oneOf(width.default)
90
90
  };
91
+ Divider.__docgenInfo = {
92
+ "description": "",
93
+ "methods": [],
94
+ "displayName": "Divider",
95
+ "props": {
96
+ "direction": {
97
+ "description": "",
98
+ "type": {
99
+ "name": "enum",
100
+ "computed": true,
101
+ "value": "directionProps"
102
+ },
103
+ "required": false
104
+ },
105
+ "directionDesktop": {
106
+ "description": "",
107
+ "type": {
108
+ "name": "enum",
109
+ "computed": true,
110
+ "value": "directionProps"
111
+ },
112
+ "required": false
113
+ },
114
+ "directionMobile": {
115
+ "description": "",
116
+ "type": {
117
+ "name": "enum",
118
+ "computed": true,
119
+ "value": "directionProps"
120
+ },
121
+ "required": false
122
+ },
123
+ "directionTablet": {
124
+ "description": "",
125
+ "type": {
126
+ "name": "enum",
127
+ "computed": true,
128
+ "value": "directionProps"
129
+ },
130
+ "required": false
131
+ },
132
+ "children": {
133
+ "description": "",
134
+ "type": {
135
+ "name": "any"
136
+ },
137
+ "required": false
138
+ },
139
+ "className": {
140
+ "description": "",
141
+ "type": {
142
+ "name": "string"
143
+ },
144
+ "required": false
145
+ },
146
+ "fill": {
147
+ "description": "",
148
+ "type": {
149
+ "name": "enum",
150
+ "computed": true,
151
+ "value": "fillProps"
152
+ },
153
+ "required": false
154
+ },
155
+ "fillDesktop": {
156
+ "description": "",
157
+ "type": {
158
+ "name": "enum",
159
+ "computed": true,
160
+ "value": "fillProps"
161
+ },
162
+ "required": false
163
+ },
164
+ "fillMobile": {
165
+ "description": "",
166
+ "type": {
167
+ "name": "enum",
168
+ "computed": true,
169
+ "value": "fillProps"
170
+ },
171
+ "required": false
172
+ },
173
+ "fillTablet": {
174
+ "description": "",
175
+ "type": {
176
+ "name": "enum",
177
+ "computed": true,
178
+ "value": "fillProps"
179
+ },
180
+ "required": false
181
+ },
182
+ "size": {
183
+ "description": "",
184
+ "type": {
185
+ "name": "enum",
186
+ "computed": true,
187
+ "value": "sizeProps"
188
+ },
189
+ "required": false
190
+ },
191
+ "sizeDesktop": {
192
+ "description": "",
193
+ "type": {
194
+ "name": "enum",
195
+ "computed": true,
196
+ "value": "sizeProps"
197
+ },
198
+ "required": false
199
+ },
200
+ "sizeMobile": {
201
+ "description": "",
202
+ "type": {
203
+ "name": "enum",
204
+ "computed": true,
205
+ "value": "sizeProps"
206
+ },
207
+ "required": false
208
+ },
209
+ "sizeTablet": {
210
+ "description": "",
211
+ "type": {
212
+ "name": "enum",
213
+ "computed": true,
214
+ "value": "sizeProps"
215
+ },
216
+ "required": false
217
+ },
218
+ "width": {
219
+ "description": "",
220
+ "type": {
221
+ "name": "enum",
222
+ "computed": true,
223
+ "value": "widthProps"
224
+ },
225
+ "required": false
226
+ },
227
+ "widthMobile": {
228
+ "description": "",
229
+ "type": {
230
+ "name": "enum",
231
+ "computed": true,
232
+ "value": "widthProps"
233
+ },
234
+ "required": false
235
+ },
236
+ "widthTablet": {
237
+ "description": "",
238
+ "type": {
239
+ "name": "enum",
240
+ "computed": true,
241
+ "value": "widthProps"
242
+ },
243
+ "required": false
244
+ },
245
+ "widthDesktop": {
246
+ "description": "",
247
+ "type": {
248
+ "name": "enum",
249
+ "computed": true,
250
+ "value": "widthProps"
251
+ },
252
+ "required": false
253
+ }
254
+ }
255
+ };
91
256
 
92
257
  exports.Divider = Divider;