@plesk/ui-library 3.25.3 → 3.25.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -35
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Button/Button.js +50 -50
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +40 -40
- package/cjs/components/Dialog/Dialog.js +63 -63
- package/cjs/components/Drawer/Drawer.js +68 -68
- package/cjs/components/Form/Form.js +4 -4
- package/cjs/components/FormField/FormField.js +78 -78
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +34 -34
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/images/symbols.svg +1631 -1631
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +38 -38
- package/cjs/components/ItemList/ItemList.js +4 -4
- package/cjs/components/Layout/Layout.js +55 -55
- package/cjs/components/List/List.js +133 -133
- package/cjs/components/Menu/MenuBaseItem.js +19 -19
- package/cjs/components/Overlay/Overlay.js +34 -34
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Popper/Popper.js +30 -30
- package/cjs/components/Section/Section.js +36 -36
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Tabs/Tab.js +28 -28
- package/cjs/components/Tabs/Tabs.js +33 -33
- package/cjs/components/Translate/Translate.js +25 -25
- package/cjs/index.js +1 -1
- package/dist/images/symbols.svg +1631 -1631
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +825 -823
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +825 -823
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Button/Button.js +50 -50
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +40 -40
- package/esm/components/Dialog/Dialog.js +63 -63
- package/esm/components/Drawer/Drawer.js +68 -68
- package/esm/components/Form/Form.js +4 -4
- package/esm/components/FormField/FormField.js +78 -78
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/esm/components/FormFieldPassword/FormFieldPassword.js +34 -34
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/images/symbols.svg +1631 -1631
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +38 -38
- package/esm/components/ItemList/ItemList.js +4 -4
- package/esm/components/Layout/Layout.js +55 -55
- package/esm/components/List/List.js +133 -133
- package/esm/components/Menu/MenuBaseItem.js +19 -19
- package/esm/components/Overlay/Overlay.js +34 -34
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Popper/Popper.js +30 -30
- package/esm/components/Section/Section.js +36 -36
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Tabs/Tab.js +28 -28
- package/esm/components/Tabs/Tabs.js +33 -33
- package/esm/components/Translate/Translate.js +25 -25
- package/esm/index.js +1 -1
- package/package.json +145 -145
- package/styleguide/build/bundle.cef4705c.js +2 -0
- package/styleguide/build/{bundle.47dacd83.js.LICENSE.txt → bundle.cef4705c.js.LICENSE.txt} +0 -0
- package/styleguide/images/symbols.svg +1631 -1631
- package/styleguide/index.html +2 -2
- package/styleguide/build/bundle.47dacd83.js +0 -2
|
@@ -137,10 +137,10 @@ const getHumanTotalRows = ({
|
|
|
137
137
|
return null;
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
|
-
/**
|
|
141
|
-
* `List` component is used for displaying a collection of tabular data.
|
|
142
|
-
* [More details about designing of lists.](#!/Sets%20of%20Objects)
|
|
143
|
-
* @since 0.0.42
|
|
140
|
+
/**
|
|
141
|
+
* `List` component is used for displaying a collection of tabular data.
|
|
142
|
+
* [More details about designing of lists.](#!/Sets%20of%20Objects)
|
|
143
|
+
* @since 0.0.42
|
|
144
144
|
*/
|
|
145
145
|
|
|
146
146
|
|
|
@@ -1330,214 +1330,214 @@ class List extends Component {
|
|
|
1330
1330
|
}
|
|
1331
1331
|
|
|
1332
1332
|
List.propTypes = {
|
|
1333
|
-
/**
|
|
1334
|
-
* Columns definition.
|
|
1335
|
-
*
|
|
1336
|
-
* In addition to the properties described below, you can use any native properties
|
|
1337
|
-
* supported by the `TH` element like `className`, `style`, etc.
|
|
1338
|
-
* @since 0.0.42
|
|
1333
|
+
/**
|
|
1334
|
+
* Columns definition.
|
|
1335
|
+
*
|
|
1336
|
+
* In addition to the properties described below, you can use any native properties
|
|
1337
|
+
* supported by the `TH` element like `className`, `style`, etc.
|
|
1338
|
+
* @since 0.0.42
|
|
1339
1339
|
*/
|
|
1340
1340
|
columns: PropTypes.arrayOf(PropTypes.shape({
|
|
1341
|
-
/**
|
|
1342
|
-
* Unique column key.
|
|
1341
|
+
/**
|
|
1342
|
+
* Unique column key.
|
|
1343
1343
|
*/
|
|
1344
1344
|
key: PropTypes.string.isRequired,
|
|
1345
1345
|
|
|
1346
|
-
/**
|
|
1347
|
-
* Column title.
|
|
1346
|
+
/**
|
|
1347
|
+
* Column title.
|
|
1348
1348
|
*/
|
|
1349
1349
|
title: PropTypes.node,
|
|
1350
1350
|
|
|
1351
|
-
/**
|
|
1352
|
-
* Optional cell renderer function: `row => Component`. By default render value of cell.
|
|
1353
|
-
* The renderer function can also returns a configuration object like: `{children: 'cell content', colSpan: 3}`
|
|
1351
|
+
/**
|
|
1352
|
+
* Optional cell renderer function: `row => Component`. By default render value of cell.
|
|
1353
|
+
* The renderer function can also returns a configuration object like: `{children: 'cell content', colSpan: 3}`
|
|
1354
1354
|
*/
|
|
1355
1355
|
render: PropTypes.func,
|
|
1356
1356
|
|
|
1357
|
-
/**
|
|
1358
|
-
* Is column sortable.
|
|
1359
|
-
* Default is `false`
|
|
1357
|
+
/**
|
|
1358
|
+
* Is column sortable.
|
|
1359
|
+
* Default is `false`
|
|
1360
1360
|
*/
|
|
1361
1361
|
sortable: PropTypes.bool,
|
|
1362
1362
|
|
|
1363
|
-
/**
|
|
1364
|
-
* Optional function for row comparison: `(row1, row2) => -1 | 0 | 1`
|
|
1363
|
+
/**
|
|
1364
|
+
* Optional function for row comparison: `(row1, row2) => -1 | 0 | 1`
|
|
1365
1365
|
*/
|
|
1366
1366
|
sort: PropTypes.func,
|
|
1367
1367
|
|
|
1368
|
-
/**
|
|
1369
|
-
* Column alignment.
|
|
1368
|
+
/**
|
|
1369
|
+
* Column alignment.
|
|
1370
1370
|
*/
|
|
1371
1371
|
align: PropTypes.oneOf(['left', 'center', 'right']),
|
|
1372
1372
|
|
|
1373
|
-
/**
|
|
1374
|
-
* Truncate the text in cell with an ellipsis.
|
|
1373
|
+
/**
|
|
1374
|
+
* Truncate the text in cell with an ellipsis.
|
|
1375
1375
|
*/
|
|
1376
1376
|
truncate: PropTypes.bool,
|
|
1377
1377
|
|
|
1378
|
-
/**
|
|
1379
|
-
* Determine type of column content.
|
|
1380
|
-
*
|
|
1381
|
-
* * title - There should a title of the row.
|
|
1382
|
-
* * controls - There should be some control: a button or a dropdown.
|
|
1383
|
-
* * actions - There should be the ListAction component.
|
|
1378
|
+
/**
|
|
1379
|
+
* Determine type of column content.
|
|
1380
|
+
*
|
|
1381
|
+
* * title - There should a title of the row.
|
|
1382
|
+
* * controls - There should be some control: a button or a dropdown.
|
|
1383
|
+
* * actions - There should be the ListAction component.
|
|
1384
1384
|
*/
|
|
1385
1385
|
type: PropTypes.oneOf(['title', 'controls', 'actions'])
|
|
1386
1386
|
})).isRequired,
|
|
1387
1387
|
|
|
1388
|
-
/**
|
|
1389
|
-
* Array of row objects.
|
|
1390
|
-
*
|
|
1391
|
-
* Each row must contains `key` property, all columns keys, and can contain `disabled` property.
|
|
1392
|
-
* @since 0.0.42
|
|
1388
|
+
/**
|
|
1389
|
+
* Array of row objects.
|
|
1390
|
+
*
|
|
1391
|
+
* Each row must contains `key` property, all columns keys, and can contain `disabled` property.
|
|
1392
|
+
* @since 0.0.42
|
|
1393
1393
|
*/
|
|
1394
1394
|
data: PropTypes.arrayOf(PropTypes.shape({
|
|
1395
|
-
/**
|
|
1396
|
-
* Unique column key. This property can by renamed using `rowKey` property of List.
|
|
1395
|
+
/**
|
|
1396
|
+
* Unique column key. This property can by renamed using `rowKey` property of List.
|
|
1397
1397
|
*/
|
|
1398
1398
|
key: PropTypes.string,
|
|
1399
1399
|
|
|
1400
|
-
/**
|
|
1401
|
-
* Optional property for disabling ability to select this row.
|
|
1400
|
+
/**
|
|
1401
|
+
* Optional property for disabling ability to select this row.
|
|
1402
1402
|
*/
|
|
1403
1403
|
disabled: PropTypes.bool,
|
|
1404
1404
|
|
|
1405
|
-
/**
|
|
1406
|
-
* Optional array of children rows.
|
|
1405
|
+
/**
|
|
1406
|
+
* Optional array of children rows.
|
|
1407
1407
|
*/
|
|
1408
1408
|
data: PropTypes.array
|
|
1409
1409
|
})),
|
|
1410
1410
|
|
|
1411
|
-
/**
|
|
1412
|
-
* Current sort column key
|
|
1413
|
-
* @since 0.0.42
|
|
1411
|
+
/**
|
|
1412
|
+
* Current sort column key
|
|
1413
|
+
* @since 0.0.42
|
|
1414
1414
|
*/
|
|
1415
1415
|
sortColumn: PropTypes.string,
|
|
1416
1416
|
|
|
1417
|
-
/**
|
|
1418
|
-
* Sort direction of the column being sorted.
|
|
1419
|
-
* @since 0.0.42
|
|
1417
|
+
/**
|
|
1418
|
+
* Sort direction of the column being sorted.
|
|
1419
|
+
* @since 0.0.42
|
|
1420
1420
|
*/
|
|
1421
1421
|
sortDirection: PropTypes.oneOf(['ASC', 'DESC']),
|
|
1422
1422
|
|
|
1423
|
-
/**
|
|
1424
|
-
* Sort change handler
|
|
1425
|
-
* @since 0.0.42
|
|
1423
|
+
/**
|
|
1424
|
+
* Sort change handler
|
|
1425
|
+
* @since 0.0.42
|
|
1426
1426
|
*/
|
|
1427
1427
|
onSortChange: PropTypes.func,
|
|
1428
1428
|
|
|
1429
|
-
/**
|
|
1430
|
-
* Array of keys of selected rows
|
|
1431
|
-
* @since 0.0.42
|
|
1429
|
+
/**
|
|
1430
|
+
* Array of keys of selected rows
|
|
1431
|
+
* @since 0.0.42
|
|
1432
1432
|
*/
|
|
1433
1433
|
selection: PropTypes.array,
|
|
1434
1434
|
|
|
1435
|
-
/**
|
|
1436
|
-
* Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
|
|
1437
|
-
* @since 0.0.42
|
|
1435
|
+
/**
|
|
1436
|
+
* Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
|
|
1437
|
+
* @since 0.0.42
|
|
1438
1438
|
*/
|
|
1439
1439
|
onSelectionChange: PropTypes.func,
|
|
1440
1440
|
|
|
1441
|
-
/**
|
|
1442
|
-
* Renderer for a selection checkbox. Allow to replace checkboxes in the List by a custom implementation.
|
|
1443
|
-
* @since 3.19.0
|
|
1441
|
+
/**
|
|
1442
|
+
* Renderer for a selection checkbox. Allow to replace checkboxes in the List by a custom implementation.
|
|
1443
|
+
* @since 3.19.0
|
|
1444
1444
|
*/
|
|
1445
1445
|
renderSelectionCheckbox: PropTypes.func,
|
|
1446
1446
|
|
|
1447
|
-
/**
|
|
1448
|
-
* Row's key getter. Could be a string or function like: `row => <unique_string>`
|
|
1449
|
-
* @since 0.0.45
|
|
1447
|
+
/**
|
|
1448
|
+
* Row's key getter. Could be a string or function like: `row => <unique_string>`
|
|
1449
|
+
* @since 0.0.45
|
|
1450
1450
|
*/
|
|
1451
1451
|
rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
|
|
1452
1452
|
|
|
1453
|
-
/**
|
|
1454
|
-
* Renderer for a row body. Should return ReactNode.
|
|
1455
|
-
* @since 1.12.0
|
|
1453
|
+
/**
|
|
1454
|
+
* Renderer for a row body. Should return ReactNode.
|
|
1455
|
+
* @since 1.12.0
|
|
1456
1456
|
*/
|
|
1457
1457
|
renderRowBody: PropTypes.func,
|
|
1458
1458
|
|
|
1459
|
-
/**
|
|
1460
|
-
* Array of keys of expanded rows
|
|
1461
|
-
* @since 1.12.0
|
|
1459
|
+
/**
|
|
1460
|
+
* Array of keys of expanded rows
|
|
1461
|
+
* @since 1.12.0
|
|
1462
1462
|
*/
|
|
1463
1463
|
expandedRows: PropTypes.array,
|
|
1464
1464
|
|
|
1465
|
-
/**
|
|
1466
|
-
* Array of keys of rows which not have expand indicator
|
|
1467
|
-
* @since 1.12.0
|
|
1465
|
+
/**
|
|
1466
|
+
* Array of keys of rows which not have expand indicator
|
|
1467
|
+
* @since 1.12.0
|
|
1468
1468
|
*/
|
|
1469
1469
|
notExpandableRows: PropTypes.array,
|
|
1470
1470
|
|
|
1471
|
-
/**
|
|
1472
|
-
* Rows expanding change handler.
|
|
1473
|
-
* @since 1.12.0
|
|
1471
|
+
/**
|
|
1472
|
+
* Rows expanding change handler.
|
|
1473
|
+
* @since 1.12.0
|
|
1474
1474
|
*/
|
|
1475
1475
|
onExpandedRowsChange: PropTypes.func,
|
|
1476
1476
|
|
|
1477
|
-
/**
|
|
1478
|
-
* Array of keys of loading rows. They are displayed instead of checkboxes.
|
|
1479
|
-
* @since 2.5.0
|
|
1477
|
+
/**
|
|
1478
|
+
* Array of keys of loading rows. They are displayed instead of checkboxes.
|
|
1479
|
+
* @since 2.5.0
|
|
1480
1480
|
*/
|
|
1481
1481
|
loadingRows: PropTypes.array,
|
|
1482
1482
|
|
|
1483
|
-
/**
|
|
1484
|
-
* A `Pagination` element. It displays at the top and the bottom of the list. When pagination is defined, the built-in sort is disabled.
|
|
1485
|
-
* @since 2.4.0
|
|
1483
|
+
/**
|
|
1484
|
+
* A `Pagination` element. It displays at the top and the bottom of the list. When pagination is defined, the built-in sort is disabled.
|
|
1485
|
+
* @since 2.4.0
|
|
1486
1486
|
*/
|
|
1487
1487
|
pagination: PropTypes.node,
|
|
1488
1488
|
|
|
1489
|
-
/**
|
|
1490
|
-
* Total rows count, including nested rows. Usually, it uses together with pagination.
|
|
1491
|
-
* @since 2.4.0
|
|
1489
|
+
/**
|
|
1490
|
+
* Total rows count, including nested rows. Usually, it uses together with pagination.
|
|
1491
|
+
* @since 2.4.0
|
|
1492
1492
|
*/
|
|
1493
1493
|
totalRows: PropTypes.number,
|
|
1494
1494
|
|
|
1495
|
-
/**
|
|
1496
|
-
* A `Toolbar` element.
|
|
1497
|
-
* @since 2.4.0
|
|
1495
|
+
/**
|
|
1496
|
+
* A `Toolbar` element.
|
|
1497
|
+
* @since 2.4.0
|
|
1498
1498
|
*/
|
|
1499
1499
|
toolbar: PropTypes.node,
|
|
1500
1500
|
|
|
1501
|
-
/**
|
|
1502
|
-
* A flag that all rows are selected.
|
|
1503
|
-
* @since 2.4.0
|
|
1501
|
+
/**
|
|
1502
|
+
* A flag that all rows are selected.
|
|
1503
|
+
* @since 2.4.0
|
|
1504
1504
|
*/
|
|
1505
1505
|
allRowsSelected: PropTypes.bool,
|
|
1506
1506
|
|
|
1507
|
-
/**
|
|
1508
|
-
* A callback executed when the allRowsSelected prop is changed.
|
|
1509
|
-
* @since 2.4.0
|
|
1507
|
+
/**
|
|
1508
|
+
* A callback executed when the allRowsSelected prop is changed.
|
|
1509
|
+
* @since 2.4.0
|
|
1510
1510
|
*/
|
|
1511
1511
|
onAllRowsSelectedChange: PropTypes.func,
|
|
1512
1512
|
|
|
1513
|
-
/**
|
|
1514
|
-
* Filtered list. Manages toolbar visibility when data is absent and defines the defaults for empty view.
|
|
1515
|
-
* @since 3.0.1
|
|
1513
|
+
/**
|
|
1514
|
+
* Filtered list. Manages toolbar visibility when data is absent and defines the defaults for empty view.
|
|
1515
|
+
* @since 3.0.1
|
|
1516
1516
|
*/
|
|
1517
1517
|
filtered: PropTypes.bool,
|
|
1518
1518
|
|
|
1519
|
-
/**
|
|
1520
|
-
* A custom view for the case when data is absent.
|
|
1521
|
-
* @since 2.5.0
|
|
1519
|
+
/**
|
|
1520
|
+
* A custom view for the case when data is absent.
|
|
1521
|
+
* @since 2.5.0
|
|
1522
1522
|
*/
|
|
1523
1523
|
emptyView: PropTypes.node,
|
|
1524
1524
|
|
|
1525
|
-
/**
|
|
1526
|
-
* Which part of the List component should be replaced by the empty view.
|
|
1527
|
-
* @since 2.6.0
|
|
1528
|
-
* @deprecated Use `filtered` instead.
|
|
1525
|
+
/**
|
|
1526
|
+
* Which part of the List component should be replaced by the empty view.
|
|
1527
|
+
* @since 2.6.0
|
|
1528
|
+
* @deprecated Use `filtered` instead.
|
|
1529
1529
|
*/
|
|
1530
1530
|
emptyViewMode: PropTypes.oneOf(['all', 'items']),
|
|
1531
1531
|
|
|
1532
|
-
/**
|
|
1533
|
-
* A slot on the right of the items.
|
|
1534
|
-
* @since 2.6.0
|
|
1532
|
+
/**
|
|
1533
|
+
* A slot on the right of the items.
|
|
1534
|
+
* @since 2.6.0
|
|
1535
1535
|
*/
|
|
1536
1536
|
sidebar: PropTypes.node,
|
|
1537
1537
|
|
|
1538
|
-
/**
|
|
1539
|
-
* Custom localization messages.
|
|
1540
|
-
* @since 2.6.0
|
|
1538
|
+
/**
|
|
1539
|
+
* Custom localization messages.
|
|
1540
|
+
* @since 2.6.0
|
|
1541
1541
|
*/
|
|
1542
1542
|
locale: PropTypes.shape({
|
|
1543
1543
|
selectAll: PropTypes.node,
|
|
@@ -1547,49 +1547,49 @@ List.propTypes = {
|
|
|
1547
1547
|
selectedRows: PropTypes.oneOfType([PropTypes.func, PropTypes.node])
|
|
1548
1548
|
}),
|
|
1549
1549
|
|
|
1550
|
-
/**
|
|
1551
|
-
* Render List row's content vertically.
|
|
1552
|
-
* When some number is specified, it turns into vertical mode automatically if the List's width is less than the provided number.
|
|
1553
|
-
* @since 3.3.0
|
|
1550
|
+
/**
|
|
1551
|
+
* Render List row's content vertically.
|
|
1552
|
+
* When some number is specified, it turns into vertical mode automatically if the List's width is less than the provided number.
|
|
1553
|
+
* @since 3.3.0
|
|
1554
1554
|
*/
|
|
1555
1555
|
vertical: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
|
|
1556
1556
|
|
|
1557
|
-
/**
|
|
1558
|
-
* Indicate the loading state of the list.
|
|
1559
|
-
* @since 3.3.1
|
|
1557
|
+
/**
|
|
1558
|
+
* Indicate the loading state of the list.
|
|
1559
|
+
* @since 3.3.1
|
|
1560
1560
|
*/
|
|
1561
1561
|
loading: PropTypes.bool,
|
|
1562
1562
|
|
|
1563
|
-
/**
|
|
1564
|
-
* Apply some props to each row.
|
|
1565
|
-
*
|
|
1566
|
-
* `virtual` - Virtual row does not have any controls.
|
|
1567
|
-
*
|
|
1568
|
-
* @since 3.11.0
|
|
1563
|
+
/**
|
|
1564
|
+
* Apply some props to each row.
|
|
1565
|
+
*
|
|
1566
|
+
* `virtual` - Virtual row does not have any controls.
|
|
1567
|
+
*
|
|
1568
|
+
* @since 3.11.0
|
|
1569
1569
|
*/
|
|
1570
1570
|
rowProps: PropTypes.oneOfType([PropTypes.shape({
|
|
1571
1571
|
virtual: PropTypes.bool
|
|
1572
1572
|
}), PropTypes.func]),
|
|
1573
1573
|
|
|
1574
|
-
/**
|
|
1575
|
-
* Enable reorderable view.
|
|
1576
|
-
* @since 3.18.0
|
|
1574
|
+
/**
|
|
1575
|
+
* Enable reorderable view.
|
|
1576
|
+
* @since 3.18.0
|
|
1577
1577
|
*/
|
|
1578
1578
|
reorderable: PropTypes.bool,
|
|
1579
1579
|
|
|
1580
|
-
/**
|
|
1581
|
-
* Reorder end handler.
|
|
1582
|
-
* @since 3.18.0
|
|
1580
|
+
/**
|
|
1581
|
+
* Reorder end handler.
|
|
1582
|
+
* @since 3.18.0
|
|
1583
1583
|
*/
|
|
1584
1584
|
onReorderEnd: PropTypes.func,
|
|
1585
1585
|
|
|
1586
|
-
/**
|
|
1587
|
-
* @ignore
|
|
1586
|
+
/**
|
|
1587
|
+
* @ignore
|
|
1588
1588
|
*/
|
|
1589
1589
|
className: PropTypes.string,
|
|
1590
1590
|
|
|
1591
|
-
/**
|
|
1592
|
-
* @ignore
|
|
1591
|
+
/**
|
|
1592
|
+
* @ignore
|
|
1593
1593
|
*/
|
|
1594
1594
|
baseClassName: PropTypes.string
|
|
1595
1595
|
};
|
|
@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { CLS_PREFIX } from '../../constants';
|
|
7
7
|
import Icon, { ICON_SIZE_16 } from '../Icon';
|
|
8
|
-
/**
|
|
9
|
-
* `MenuBaseItem` component.
|
|
10
|
-
* @since 0.0.60
|
|
8
|
+
/**
|
|
9
|
+
* `MenuBaseItem` component.
|
|
10
|
+
* @since 0.0.60
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
const MenuBaseItem = ({
|
|
@@ -31,37 +31,37 @@ const MenuBaseItem = ({
|
|
|
31
31
|
}, label));
|
|
32
32
|
|
|
33
33
|
MenuBaseItem.propTypes = {
|
|
34
|
-
/**
|
|
35
|
-
* Icon
|
|
36
|
-
* @since 0.0.60
|
|
34
|
+
/**
|
|
35
|
+
* Icon
|
|
36
|
+
* @since 0.0.60
|
|
37
37
|
*/
|
|
38
38
|
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
39
39
|
|
|
40
|
-
/**
|
|
41
|
-
* Right label of item.
|
|
42
|
-
* @since 0.0.60
|
|
40
|
+
/**
|
|
41
|
+
* Right label of item.
|
|
42
|
+
* @since 0.0.60
|
|
43
43
|
*/
|
|
44
44
|
label: PropTypes.node,
|
|
45
45
|
|
|
46
|
-
/**
|
|
47
|
-
* Content of the `MenuBaseItem`.
|
|
48
|
-
* @since 0.0.60
|
|
46
|
+
/**
|
|
47
|
+
* Content of the `MenuBaseItem`.
|
|
48
|
+
* @since 0.0.60
|
|
49
49
|
*/
|
|
50
50
|
children: PropTypes.node,
|
|
51
51
|
|
|
52
|
-
/**
|
|
53
|
-
* @ignore
|
|
52
|
+
/**
|
|
53
|
+
* @ignore
|
|
54
54
|
*/
|
|
55
55
|
className: PropTypes.string,
|
|
56
56
|
|
|
57
|
-
/**
|
|
58
|
-
* @ignore
|
|
57
|
+
/**
|
|
58
|
+
* @ignore
|
|
59
59
|
*/
|
|
60
60
|
baseClassName: PropTypes.string,
|
|
61
61
|
|
|
62
|
-
/**
|
|
63
|
-
* Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
|
|
64
|
-
* @since 1.9.1
|
|
62
|
+
/**
|
|
63
|
+
* Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
|
|
64
|
+
* @since 1.9.1
|
|
65
65
|
*/
|
|
66
66
|
component: PropTypes.elementType
|
|
67
67
|
};
|
|
@@ -12,12 +12,12 @@ import Backdrop from './Backdrop';
|
|
|
12
12
|
import Layer from '../Layer';
|
|
13
13
|
import FocusTrap from '../FocusTrap';
|
|
14
14
|
|
|
15
|
-
/**
|
|
16
|
-
* `Overlay` component.
|
|
15
|
+
/**
|
|
16
|
+
* `Overlay` component.
|
|
17
17
|
*/
|
|
18
18
|
const overlays = [];
|
|
19
|
-
/**
|
|
20
|
-
* @since 0.0.65
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.0.65
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
export default class Overlay extends Component {
|
|
@@ -254,75 +254,75 @@ export default class Overlay extends Component {
|
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
_defineProperty(Overlay, "propTypes", {
|
|
257
|
-
/**
|
|
258
|
-
* Toggles visibility.
|
|
257
|
+
/**
|
|
258
|
+
* Toggles visibility.
|
|
259
259
|
*/
|
|
260
260
|
isOpen: PropTypes.bool,
|
|
261
261
|
|
|
262
|
-
/**
|
|
263
|
-
* Overlay placement.
|
|
262
|
+
/**
|
|
263
|
+
* Overlay placement.
|
|
264
264
|
*/
|
|
265
265
|
placement: PropTypes.oneOf(['center', 'left', 'right']),
|
|
266
266
|
|
|
267
|
-
/**
|
|
268
|
-
* Overlay size.
|
|
267
|
+
/**
|
|
268
|
+
* Overlay size.
|
|
269
269
|
*/
|
|
270
270
|
size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
|
|
271
271
|
|
|
272
|
-
/**
|
|
273
|
-
* onClose handler.
|
|
272
|
+
/**
|
|
273
|
+
* onClose handler.
|
|
274
274
|
*/
|
|
275
275
|
onClose: PropTypes.func,
|
|
276
276
|
|
|
277
|
-
/**
|
|
278
|
-
* Indicating if clicking the backdrop should close the overlay.
|
|
277
|
+
/**
|
|
278
|
+
* Indicating if clicking the backdrop should close the overlay.
|
|
279
279
|
*/
|
|
280
280
|
canCloseOnBackdropClick: PropTypes.bool,
|
|
281
281
|
|
|
282
|
-
/**
|
|
283
|
-
* Indicating if pressing the escape key should close the overlay.
|
|
282
|
+
/**
|
|
283
|
+
* Indicating if pressing the escape key should close the overlay.
|
|
284
284
|
*/
|
|
285
285
|
canCloseOnEscapePress: PropTypes.bool,
|
|
286
286
|
|
|
287
|
-
/**
|
|
288
|
-
* Block with an image, placed at the side of the component
|
|
289
|
-
* @since 3.25.0
|
|
287
|
+
/**
|
|
288
|
+
* Block with an image, placed at the side of the component
|
|
289
|
+
* @since 3.25.0
|
|
290
290
|
*/
|
|
291
291
|
sideBanner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
292
292
|
|
|
293
|
-
/**
|
|
294
|
-
* Additional properties for the sideBanner
|
|
295
|
-
* @since 3.25.0
|
|
293
|
+
/**
|
|
294
|
+
* Additional properties for the sideBanner
|
|
295
|
+
* @since 3.25.0
|
|
296
296
|
*/
|
|
297
297
|
sideBannerContainer: PropTypes.shape({
|
|
298
|
-
/**
|
|
299
|
-
* Values for css background property
|
|
298
|
+
/**
|
|
299
|
+
* Values for css background property
|
|
300
300
|
*/
|
|
301
301
|
background: PropTypes.string,
|
|
302
302
|
|
|
303
|
-
/**
|
|
304
|
-
* One of: center, flex-start, flex-end
|
|
303
|
+
/**
|
|
304
|
+
* One of: center, flex-start, flex-end
|
|
305
305
|
*/
|
|
306
306
|
align: PropTypes.oneOf(['center', 'flex-start', 'flex-end'])
|
|
307
307
|
}),
|
|
308
308
|
|
|
309
|
-
/**
|
|
310
|
-
* @ignore
|
|
309
|
+
/**
|
|
310
|
+
* @ignore
|
|
311
311
|
*/
|
|
312
312
|
style: PropTypes.object,
|
|
313
313
|
|
|
314
|
-
/**
|
|
315
|
-
* Content of the `Overlay`.
|
|
314
|
+
/**
|
|
315
|
+
* Content of the `Overlay`.
|
|
316
316
|
*/
|
|
317
317
|
children: PropTypes.node,
|
|
318
318
|
|
|
319
|
-
/**
|
|
320
|
-
* @ignore
|
|
319
|
+
/**
|
|
320
|
+
* @ignore
|
|
321
321
|
*/
|
|
322
322
|
className: PropTypes.string,
|
|
323
323
|
|
|
324
|
-
/**
|
|
325
|
-
* @ignore
|
|
324
|
+
/**
|
|
325
|
+
* @ignore
|
|
326
326
|
*/
|
|
327
327
|
baseClassName: PropTypes.string
|
|
328
328
|
});
|
|
@@ -15,9 +15,9 @@ export const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
|
|
|
15
15
|
const VIEW_DEFAULT = 'default';
|
|
16
16
|
const VIEW_POPOVER = 'popover';
|
|
17
17
|
|
|
18
|
-
/**
|
|
19
|
-
* `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
|
|
20
|
-
* @since 0.0.54
|
|
18
|
+
/**
|
|
19
|
+
* `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
|
|
20
|
+
* @since 0.0.54
|
|
21
21
|
*/
|
|
22
22
|
const Pagination = ({
|
|
23
23
|
baseClassName = "".concat(CLS_PREFIX, "pagination"),
|