@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
@@ -239,6 +239,148 @@ Modal.defaultProps = {
239
239
  isSetFocusOnOpen: true,
240
240
  modalQuerySelector: '#modal-global'
241
241
  };
242
+ Modal.__docgenInfo = {
243
+ "description": "",
244
+ "methods": [],
245
+ "displayName": "Modal",
246
+ "props": {
247
+ "isFader": {
248
+ "defaultValue": {
249
+ "value": "true",
250
+ "computed": false
251
+ },
252
+ "description": "",
253
+ "type": {
254
+ "name": "bool"
255
+ },
256
+ "required": false
257
+ },
258
+ "isOpen": {
259
+ "defaultValue": {
260
+ "value": "false",
261
+ "computed": false
262
+ },
263
+ "required": false
264
+ },
265
+ "isScrollOnOpen": {
266
+ "defaultValue": {
267
+ "value": "true",
268
+ "computed": false
269
+ },
270
+ "description": "",
271
+ "type": {
272
+ "name": "bool"
273
+ },
274
+ "required": false
275
+ },
276
+ "isSetFocusOnOpen": {
277
+ "defaultValue": {
278
+ "value": "true",
279
+ "computed": false
280
+ },
281
+ "description": "",
282
+ "type": {
283
+ "name": "bool"
284
+ },
285
+ "required": false
286
+ },
287
+ "modalQuerySelector": {
288
+ "defaultValue": {
289
+ "value": "'#modal-global'",
290
+ "computed": false
291
+ },
292
+ "description": "",
293
+ "type": {
294
+ "name": "string"
295
+ },
296
+ "required": false
297
+ },
298
+ "children": {
299
+ "description": "",
300
+ "type": {
301
+ "name": "any"
302
+ },
303
+ "required": false
304
+ },
305
+ "className": {
306
+ "description": "",
307
+ "type": {
308
+ "name": "string"
309
+ },
310
+ "required": false
311
+ },
312
+ "closeIcon": {
313
+ "description": "",
314
+ "type": {
315
+ "name": "string"
316
+ },
317
+ "required": false
318
+ },
319
+ "closeText": {
320
+ "description": "",
321
+ "type": {
322
+ "name": "string"
323
+ },
324
+ "required": false
325
+ },
326
+ "faderFill": {
327
+ "description": "",
328
+ "type": {
329
+ "name": "string"
330
+ },
331
+ "required": false
332
+ },
333
+ "faderFillGradient": {
334
+ "description": "",
335
+ "type": {
336
+ "name": "string"
337
+ },
338
+ "required": false
339
+ },
340
+ "faderOpacity": {
341
+ "description": "",
342
+ "type": {
343
+ "name": "string"
344
+ },
345
+ "required": false
346
+ },
347
+ "contentClassName": {
348
+ "description": "",
349
+ "type": {
350
+ "name": "string"
351
+ },
352
+ "required": false
353
+ },
354
+ "id": {
355
+ "description": "",
356
+ "type": {
357
+ "name": "string"
358
+ },
359
+ "required": false
360
+ },
361
+ "debug": {
362
+ "description": "",
363
+ "type": {
364
+ "name": "bool"
365
+ },
366
+ "required": false
367
+ },
368
+ "onCloseModal": {
369
+ "description": "",
370
+ "type": {
371
+ "name": "func"
372
+ },
373
+ "required": false
374
+ },
375
+ "onOpenModal": {
376
+ "description": "",
377
+ "type": {
378
+ "name": "func"
379
+ },
380
+ "required": false
381
+ }
382
+ }
383
+ };
242
384
 
243
385
  function ModalLoader(props) {
244
386
  return /*#__PURE__*/React__default.default.createElement("div", {
@@ -247,6 +389,11 @@ function ModalLoader(props) {
247
389
  className: "modal-loading__inner"
248
390
  }, /*#__PURE__*/React__default.default.createElement(index$1.Loader, null)));
249
391
  }
392
+ ModalLoader.__docgenInfo = {
393
+ "description": "",
394
+ "methods": [],
395
+ "displayName": "ModalLoader"
396
+ };
250
397
 
251
398
  exports.Modal = Modal;
252
399
  exports.ModalLoader = ModalLoader;
@@ -103,6 +103,83 @@ NotificationItem.defaultProps = {
103
103
  titleTextSize: 'h5',
104
104
  textSize: 's'
105
105
  };
106
+ NotificationItem.__docgenInfo = {
107
+ "description": "",
108
+ "methods": [],
109
+ "displayName": "NotificationItem",
110
+ "props": {
111
+ "titleTextSize": {
112
+ "defaultValue": {
113
+ "value": "'h5'",
114
+ "computed": false
115
+ },
116
+ "required": false
117
+ },
118
+ "textSize": {
119
+ "defaultValue": {
120
+ "value": "'s'",
121
+ "computed": false
122
+ },
123
+ "required": false
124
+ },
125
+ "className": {
126
+ "description": "",
127
+ "type": {
128
+ "name": "string"
129
+ },
130
+ "required": false
131
+ },
132
+ "type": {
133
+ "description": "",
134
+ "type": {
135
+ "name": "string"
136
+ },
137
+ "required": false
138
+ },
139
+ "set": {
140
+ "description": "",
141
+ "type": {
142
+ "name": "string"
143
+ },
144
+ "required": false
145
+ },
146
+ "status": {
147
+ "description": "",
148
+ "type": {
149
+ "name": "string"
150
+ },
151
+ "required": false
152
+ },
153
+ "text": {
154
+ "description": "",
155
+ "type": {
156
+ "name": "string"
157
+ },
158
+ "required": false
159
+ },
160
+ "title": {
161
+ "description": "",
162
+ "type": {
163
+ "name": "string"
164
+ },
165
+ "required": false
166
+ },
167
+ "after": {
168
+ "description": "",
169
+ "type": {
170
+ "name": "any"
171
+ },
172
+ "required": false
173
+ },
174
+ "before": {
175
+ "description": "",
176
+ "type": {
177
+ "name": "any"
178
+ },
179
+ "required": false
180
+ }
181
+ }
182
+ };
106
183
 
107
184
  function NotificationList(props) {
108
185
  const notifications = Notifications.useNotifications();
@@ -142,6 +219,62 @@ NotificationList.propTypes = {
142
219
  titleColor: PropTypes__default.default.string,
143
220
  titleSize: PropTypes__default.default.string
144
221
  };
222
+ NotificationList.__docgenInfo = {
223
+ "description": "",
224
+ "methods": [],
225
+ "displayName": "NotificationList",
226
+ "props": {
227
+ "className": {
228
+ "description": "",
229
+ "type": {
230
+ "name": "string"
231
+ },
232
+ "required": false
233
+ },
234
+ "type": {
235
+ "description": "",
236
+ "type": {
237
+ "name": "string"
238
+ },
239
+ "required": false
240
+ },
241
+ "set": {
242
+ "description": "",
243
+ "type": {
244
+ "name": "string"
245
+ },
246
+ "required": false
247
+ },
248
+ "textColor": {
249
+ "description": "",
250
+ "type": {
251
+ "name": "string"
252
+ },
253
+ "required": false
254
+ },
255
+ "textSize": {
256
+ "description": "",
257
+ "type": {
258
+ "name": "string"
259
+ },
260
+ "required": false
261
+ },
262
+ "titleColor": {
263
+ "description": "",
264
+ "type": {
265
+ "name": "string"
266
+ },
267
+ "required": false
268
+ },
269
+ "titleSize": {
270
+ "description": "",
271
+ "type": {
272
+ "name": "string"
273
+ },
274
+ "required": false
275
+ }
276
+ }
277
+ };
145
278
 
146
279
  exports.NotificationItem = NotificationItem;
147
280
  exports.NotificationList = NotificationList;
@@ -110,5 +110,313 @@ Page.propTypes = {
110
110
  alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
111
111
  alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default)
112
112
  };
113
+ Page.__docgenInfo = {
114
+ "description": "",
115
+ "methods": [],
116
+ "displayName": "Page",
117
+ "props": {
118
+ "children": {
119
+ "description": "",
120
+ "type": {
121
+ "name": "any"
122
+ },
123
+ "required": false
124
+ },
125
+ "className": {
126
+ "description": "",
127
+ "type": {
128
+ "name": "string"
129
+ },
130
+ "required": false
131
+ },
132
+ "before": {
133
+ "description": "",
134
+ "type": {
135
+ "name": "string"
136
+ },
137
+ "required": false
138
+ },
139
+ "after": {
140
+ "description": "",
141
+ "type": {
142
+ "name": "string"
143
+ },
144
+ "required": false
145
+ },
146
+ "id": {
147
+ "description": "",
148
+ "type": {
149
+ "name": "string"
150
+ },
151
+ "required": false
152
+ },
153
+ "fill": {
154
+ "description": "",
155
+ "type": {
156
+ "name": "enum",
157
+ "computed": true,
158
+ "value": "fillProps"
159
+ },
160
+ "required": false
161
+ },
162
+ "fillMobile": {
163
+ "description": "",
164
+ "type": {
165
+ "name": "enum",
166
+ "computed": true,
167
+ "value": "fillProps"
168
+ },
169
+ "required": false
170
+ },
171
+ "fillTablet": {
172
+ "description": "",
173
+ "type": {
174
+ "name": "enum",
175
+ "computed": true,
176
+ "value": "fillProps"
177
+ },
178
+ "required": false
179
+ },
180
+ "fillDesktop": {
181
+ "description": "",
182
+ "type": {
183
+ "name": "enum",
184
+ "computed": true,
185
+ "value": "fillProps"
186
+ },
187
+ "required": false
188
+ },
189
+ "type": {
190
+ "description": "",
191
+ "type": {
192
+ "name": "string"
193
+ },
194
+ "required": false
195
+ },
196
+ "tag": {
197
+ "description": "",
198
+ "type": {
199
+ "name": "string"
200
+ },
201
+ "required": false
202
+ },
203
+ "position": {
204
+ "description": "",
205
+ "type": {
206
+ "name": "enum",
207
+ "computed": true,
208
+ "value": "positionProps"
209
+ },
210
+ "required": false
211
+ },
212
+ "positionMobile": {
213
+ "description": "",
214
+ "type": {
215
+ "name": "enum",
216
+ "computed": true,
217
+ "value": "positionProps"
218
+ },
219
+ "required": false
220
+ },
221
+ "positionTablet": {
222
+ "description": "",
223
+ "type": {
224
+ "name": "enum",
225
+ "computed": true,
226
+ "value": "positionProps"
227
+ },
228
+ "required": false
229
+ },
230
+ "positionDesktop": {
231
+ "description": "",
232
+ "type": {
233
+ "name": "enum",
234
+ "computed": true,
235
+ "value": "positionProps"
236
+ },
237
+ "required": false
238
+ },
239
+ "wrapperPosition": {
240
+ "description": "",
241
+ "type": {
242
+ "name": "enum",
243
+ "computed": true,
244
+ "value": "positionProps"
245
+ },
246
+ "required": false
247
+ },
248
+ "wrapperPositionMobile": {
249
+ "description": "",
250
+ "type": {
251
+ "name": "enum",
252
+ "computed": true,
253
+ "value": "positionProps"
254
+ },
255
+ "required": false
256
+ },
257
+ "wrapperPositionTablet": {
258
+ "description": "",
259
+ "type": {
260
+ "name": "enum",
261
+ "computed": true,
262
+ "value": "positionProps"
263
+ },
264
+ "required": false
265
+ },
266
+ "wrapperPositionDesktop": {
267
+ "description": "",
268
+ "type": {
269
+ "name": "enum",
270
+ "computed": true,
271
+ "value": "positionProps"
272
+ },
273
+ "required": false
274
+ },
275
+ "horizontalResizing": {
276
+ "description": "",
277
+ "type": {
278
+ "name": "enum",
279
+ "computed": true,
280
+ "value": "horizontalResizeModeProps"
281
+ },
282
+ "required": false
283
+ },
284
+ "horizontalResizingMobile": {
285
+ "description": "",
286
+ "type": {
287
+ "name": "enum",
288
+ "computed": true,
289
+ "value": "horizontalResizeModeProps"
290
+ },
291
+ "required": false
292
+ },
293
+ "horizontalResizingTablet": {
294
+ "description": "",
295
+ "type": {
296
+ "name": "enum",
297
+ "computed": true,
298
+ "value": "horizontalResizeModeProps"
299
+ },
300
+ "required": false
301
+ },
302
+ "horizontalResizingDesktop": {
303
+ "description": "",
304
+ "type": {
305
+ "name": "enum",
306
+ "computed": true,
307
+ "value": "horizontalResizeModeProps"
308
+ },
309
+ "required": false
310
+ },
311
+ "verticalResizing": {
312
+ "description": "",
313
+ "type": {
314
+ "name": "enum",
315
+ "computed": true,
316
+ "value": "verticalResizeModeProps"
317
+ },
318
+ "required": false
319
+ },
320
+ "verticalResizingMobile": {
321
+ "description": "",
322
+ "type": {
323
+ "name": "enum",
324
+ "computed": true,
325
+ "value": "verticalResizeModeProps"
326
+ },
327
+ "required": false
328
+ },
329
+ "verticalResizingTablet": {
330
+ "description": "",
331
+ "type": {
332
+ "name": "enum",
333
+ "computed": true,
334
+ "value": "verticalResizeModeProps"
335
+ },
336
+ "required": false
337
+ },
338
+ "verticalResizingDesktop": {
339
+ "description": "",
340
+ "type": {
341
+ "name": "enum",
342
+ "computed": true,
343
+ "value": "verticalResizeModeProps"
344
+ },
345
+ "required": false
346
+ },
347
+ "align": {
348
+ "description": "",
349
+ "type": {
350
+ "name": "enum",
351
+ "computed": true,
352
+ "value": "alignProps"
353
+ },
354
+ "required": false
355
+ },
356
+ "alignMobile": {
357
+ "description": "",
358
+ "type": {
359
+ "name": "enum",
360
+ "computed": true,
361
+ "value": "alignProps"
362
+ },
363
+ "required": false
364
+ },
365
+ "alignTablet": {
366
+ "description": "",
367
+ "type": {
368
+ "name": "enum",
369
+ "computed": true,
370
+ "value": "alignProps"
371
+ },
372
+ "required": false
373
+ },
374
+ "alignDesktop": {
375
+ "description": "",
376
+ "type": {
377
+ "name": "enum",
378
+ "computed": true,
379
+ "value": "alignProps"
380
+ },
381
+ "required": false
382
+ },
383
+ "alignDirection": {
384
+ "description": "",
385
+ "type": {
386
+ "name": "enum",
387
+ "computed": true,
388
+ "value": "alignDirectionProps"
389
+ },
390
+ "required": false
391
+ },
392
+ "alignDirectionMobile": {
393
+ "description": "",
394
+ "type": {
395
+ "name": "enum",
396
+ "computed": true,
397
+ "value": "alignDirectionProps"
398
+ },
399
+ "required": false
400
+ },
401
+ "alignDirectionTablet": {
402
+ "description": "",
403
+ "type": {
404
+ "name": "enum",
405
+ "computed": true,
406
+ "value": "alignDirectionProps"
407
+ },
408
+ "required": false
409
+ },
410
+ "alignDirectionDesktop": {
411
+ "description": "",
412
+ "type": {
413
+ "name": "enum",
414
+ "computed": true,
415
+ "value": "alignDirectionProps"
416
+ },
417
+ "required": false
418
+ }
419
+ }
420
+ };
113
421
 
114
422
  exports.Page = Page;
@@ -65,9 +65,9 @@ function Pagination(props) {
65
65
  ,
66
66
  pageClassName: "pagination__item",
67
67
  pageLinkClassName: "pagination__item-link",
68
- disabledClassName: "pagination__item_state_disabled",
68
+ disabledClassName: "pagination__item_state_disabled cursor_type_default",
69
69
  disabledLinkClassName: "pagination__item_state_disabled",
70
- activeClassName: "pagination__item_state_active",
70
+ activeClassName: "pagination__item_state_active cursor_type_default",
71
71
  activeLinkClassName: "pagination__item-link_state_active"
72
72
  // previous button
73
73
  ,
@@ -99,5 +99,33 @@ Pagination.defaultProps = {
99
99
  perPageCount: 0,
100
100
  allItemsCount: 0
101
101
  };
102
+ Pagination.__docgenInfo = {
103
+ "description": "",
104
+ "methods": [],
105
+ "displayName": "Pagination",
106
+ "props": {
107
+ "pageNumber": {
108
+ "defaultValue": {
109
+ "value": "0",
110
+ "computed": false
111
+ },
112
+ "required": false
113
+ },
114
+ "perPageCount": {
115
+ "defaultValue": {
116
+ "value": "0",
117
+ "computed": false
118
+ },
119
+ "required": false
120
+ },
121
+ "allItemsCount": {
122
+ "defaultValue": {
123
+ "value": "0",
124
+ "computed": false
125
+ },
126
+ "required": false
127
+ }
128
+ }
129
+ };
102
130
 
103
131
  exports.Pagination = Pagination;
@@ -126,6 +126,34 @@ RadioButton.defaultProps = {
126
126
  shape: 'circular',
127
127
  tag: 'label'
128
128
  };
129
+ RadioButton.__docgenInfo = {
130
+ "description": "",
131
+ "methods": [],
132
+ "displayName": "RadioButton",
133
+ "props": {
134
+ "shape": {
135
+ "defaultValue": {
136
+ "value": "'circular'",
137
+ "computed": false
138
+ },
139
+ "required": false
140
+ },
141
+ "tag": {
142
+ "defaultValue": {
143
+ "value": "'label'",
144
+ "computed": false
145
+ },
146
+ "required": false
147
+ },
148
+ "className": {
149
+ "description": "",
150
+ "type": {
151
+ "name": "string"
152
+ },
153
+ "required": false
154
+ }
155
+ }
156
+ };
129
157
 
130
158
  exports.RadioButton = RadioButton;
131
159
  exports.radioButtonConfig = radioButtonConfig;