diginet-core-ui 1.4.61-beta.1 → 1.4.62-beta.1
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/assets/images/menu/dhr/MHRM76N1500.svg +15 -0
- package/assets/images/menu/dhr/MHRM76N2500.svg +10 -0
- package/assets/images/menu/dhr/MHRM76N2502.svg +11 -0
- package/assets/images/menu/dhr/MHRP39N0029.svg +15 -0
- package/components/form-control/attachment/index.js +21 -21
- package/components/form-control/dropdown/index.js +43 -43
- package/components/paging/page-info.js +34 -34
- package/package.json +1 -1
- package/readme.md +3 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_2480_22)">
|
|
3
|
+
<path d="M12 39C11.7 39 11.5 38.9 11.2 38.8C10.4 38.5 10 37.8 10 37V31H5C2.2 31 0 28.8 0 26V5C0 2.2 2.2 0 5 0H30C32.8 0 35 2.2 35 5V7C35 7.6 34.6 8 34 8C33.4 8 33 7.6 33 7V5C33 3.3 31.7 2 30 2H5C3.3 2 2 3.3 2 5V26C2 27.7 3.3 29 5 29H10C11.1 29 12 29.9 12 31V37L18.5 29.6C19 29.2 19.5 29 20 29H30C31.7 29 33 27.7 33 26V25C33 24.4 33.4 24 34 24C34.6 24 35 24.4 35 25V26C35 28.8 32.8 31 30 31H20L13.5 38.4C13 38.8 12.5 39 12 39Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M15.4 5C15.6 10 14.8 14.9 14.6 19.8C13.8 19.8 13 19.8 12.2 19.8C11.9 14.9 11.1 10 11.3 5C12.6 5 14 5 15.4 5Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M15.7 23.6C15.7 24.9 14.6 26 13.3 26C12 26 11 24.9 11 23.5C11 22.2 12.1 21.1 13.4 21.1C14.6 21.2 15.7 22.3 15.7 23.6Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M22 11.1C22 11.7 22.5 12.2 23.1 12.2H37.8C38.4 12.2 38.9 11.7 38.9 11.1C38.9 10.5 38.4 10 37.8 10H23.1C22.5 10 22 10.5 22 11.1Z" fill="#2680EB"/>
|
|
7
|
+
<path d="M37.9 14.6H23.1C22.5 14.6 22 15.1 22 15.7C22 16.3 22.5 16.8 23.1 16.8H37.8C38.4 16.8 38.9 16.3 38.9 15.7C39 15.2 38.5 14.6 37.9 14.6Z" fill="#2680EB"/>
|
|
8
|
+
<path d="M34 19.3H23.1C22.5 19.3 22 19.8 22 20.4C22 21 22.5 21.5 23.1 21.5H34C34.6 21.5 35.1 21 35.1 20.4C35.1 19.8 34.6 19.3 34 19.3Z" fill="#2680EB"/>
|
|
9
|
+
</g>
|
|
10
|
+
<defs>
|
|
11
|
+
<clipPath id="clip0_2480_22">
|
|
12
|
+
<rect width="39" height="39" fill="white"/>
|
|
13
|
+
</clipPath>
|
|
14
|
+
</defs>
|
|
15
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_2480_30)">
|
|
3
|
+
<path d="M34.8 0H4.2C1.9 0 0 1.9 0 4.2V26.3C0 28.6 1.9 30.5 4.2 30.5H9.5C10.1 30.5 10.5 31 10.5 31.6V37.9C10.5 38.8 11.6 39.3 12.3 38.7L19.2 30.9C19.4 30.7 19.7 30.6 20 30.6H34.8C37.1 30.6 39 28.7 39 26.4V4.2C39 1.9 37.1 0 34.8 0ZM17.5 4H21.8C22 9.2 21.2 14.4 20.9 19.6H18.4C18.1 14.4 17.3 9.3 17.5 4ZM19.6 27C18.3 27 17.2 25.8 17.2 24.4C17.2 23 18.3 21.9 19.7 21.9C21 21.9 22.2 23.1 22.2 24.5C22.1 25.9 21 27 19.6 27Z" fill="#2680EB"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_2480_30">
|
|
7
|
+
<rect width="39" height="39" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_2480_37)">
|
|
3
|
+
<path d="M34.8 0H4.2C1.9 0 0 1.89514 0 4.18926V21.046C0 23.3402 1.9 25.2353 4.2 25.2353H9.4C10 25.2353 10.5 25.734 10.5 26.3325V32.7161C10.5 33.6138 11.6 34.1125 12.3 33.5141L19.3 25.6343C19.5 25.4348 19.8 25.335 20.1 25.335H21.3C21.5 25.0358 21.7 24.6368 21.9 24.3376C22.3 23.7391 22.7 23.2404 23.2 22.8414C23.8 22.243 24.5 21.7442 25.2 21.3453H25.3C25.4 21.2455 25.5 21.2455 25.6 21.1458C25.9 21.046 26.2 20.8465 26.5 20.7468C26.9 20.5473 27.4 20.4476 27.7 20.3478C28.1 20.2481 28.5 20.1483 28.9 20.1483C29.3 20.0486 29.8 20.0486 30.2 20.0486C32.1 20.0486 34 20.5473 35.5 21.6445C36.1 22.0435 36.7 22.4425 37.2 22.9412C37.5 23.2404 37.8 23.5396 38.1 23.9386C38.8 23.1407 39.2 22.1432 39.2 21.046V4.18926C39 1.89514 37.1 0 34.8 0ZM18.2 3.09207H21.9C22.1 7.58056 21.4 11.9693 21.1 16.4578H18.9C18.7 12.0691 18 7.68031 18.2 3.09207ZM19.9 22.4425C18.7 22.4425 17.8 21.445 17.8 20.2481C17.8 19.0512 18.8 18.0537 19.9 18.0537C21.1 18.0537 22 19.0512 22 20.2481C22.1 21.445 21.1 22.4425 19.9 22.4425Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M36.3796 23.5714C35.877 23.1758 35.4749 22.7802 34.8718 22.3846C33.4645 21.4945 31.8562 21 30.0468 21C29.6447 21 29.2427 21 28.8406 21.0989C28.4385 21.0989 28.1369 21.1978 27.7349 21.2967C27.3328 21.3956 27.0312 21.4945 26.6291 21.6923C26.3276 21.7912 26.026 21.8901 25.825 22.0879C25.7492 22.1624 25.6239 22.1868 25.5234 22.2857C24.9203 22.6813 24.3172 23.0769 23.8146 23.5714C23.312 23.8681 23.0104 24.3626 22.6083 24.8571C22.2062 25.4505 21.9047 26.044 21.6031 26.7363C21.6031 26.8352 21.5026 27.033 21.5026 27.1319C21.201 28.022 21 29.011 21 30C21 30.2967 21 30.4945 21 30.7912C21.1005 31.5824 21.201 32.2747 21.5026 33.0659C21.9047 34.0549 22.4073 34.9451 23.0104 35.7363C24.7192 37.7143 27.1317 39 29.9463 39C33.0624 39 35.7765 37.5165 37.3848 35.1429C38.39 33.6593 38.9931 31.978 38.9931 30.0989C39.0936 27.4286 38.0884 25.1538 36.3796 23.5714ZM35.6759 27.033L31.2531 32.8681L30.2479 34.1538C29.9463 34.5495 29.4437 34.8462 28.9411 34.8462H28.8406C28.338 34.8462 27.8354 34.6484 27.5338 34.2527L26.227 32.8681L24.4177 30.8901C23.9151 30.3956 23.9151 29.5055 24.5182 29.011C24.8198 28.8132 25.1213 28.6154 25.4229 28.6154C25.825 28.6154 26.1265 28.8132 26.4281 29.1099L28.6395 31.4835L28.7401 31.5824C28.8406 31.5824 28.8406 31.5824 28.8406 31.4835L33.364 25.4505C33.6655 25.0549 34.0676 24.956 34.4697 24.956C34.7713 24.956 34.9723 25.0549 35.2739 25.2527C35.9775 25.6484 36.078 26.4396 35.6759 27.033Z" fill="#1CA261"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="clip0_2480_37">
|
|
8
|
+
<rect width="39" height="39" fill="white"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_2491_25)">
|
|
3
|
+
<path d="M32 17.6C32 17.9 31.9 18.1 31.8 18.4C30.9 18.1 30 18 29 18C27.2 18 25.4 18.5 23.9 19.3H8.6C7.7 19.3 7 18.6 7 17.7C7 16.7 7.7 16 8.6 16H30.4C31.3 16 32 16.7 32 17.6Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M20.1 22.5C19.4 23.5 18.8 24.6 18.5 25.8H8.6C7.7 25.8 7 25 7 24.1C7 23.2 7.7 22.5 8.6 22.5H20.1Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M18 29C18 30.1 18.2 31.2 18.5 32.3H8.6C7.7 32.3 7 31.6 7 30.7C7 29.7 7.7 29 8.6 29H18Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M33.6 0H5.4C2.4 0 0 2.4 0 5.4V33.6C0 36.6 2.4 39 5.4 39H24.4C23.1 38.4 22 37.6 21 36.5H6C4.1 36.5 2.6 35 2.6 33.1V12H36.5V20.9C37.6 21.9 38.4 23.1 39.1 24.4V5.4C39 2.4 36.6 0 33.6 0ZM36.5 9H2.6V6.5C2.6 4.6 4.1 3 6.1 3H33C34.9 3 36.5 4.6 36.5 6.5V9Z" fill="#2680EB"/>
|
|
7
|
+
<path d="M29 19C23.5 19 19 23.5 19 29C19 34.5 23.5 39 29 39C34.5 39 39 34.5 39 29C39 23.5 34.5 19 29 19ZM35.2 25.8L29.3 33.8C29 34.3 28.4 34.6 27.8 34.6C27.2 34.6 26.7 34.4 26.3 34L22.8 30.2C22.2 29.6 22.3 28.6 22.9 28.1C23.5 27.5 24.5 27.6 25 28.2L27.5 30.9L27.6 31C27.7 31 27.7 31 27.7 30.9L32.7 24.1C33.2 23.4 34.1 23.3 34.8 23.8C35.6 24.2 35.7 25.1 35.2 25.8Z" fill="#1CA261"/>
|
|
8
|
+
<path d="M35.5001 6.5V8H3.6001V6.5C3.6001 5.1 4.7001 4 6.1001 4H33.0001C34.3001 4 35.5001 5.1 35.5001 6.5Z" fill="#7BC0F9"/>
|
|
9
|
+
</g>
|
|
10
|
+
<defs>
|
|
11
|
+
<clipPath id="clip0_2491_25">
|
|
12
|
+
<rect width="39" height="39" fill="white"/>
|
|
13
|
+
</clipPath>
|
|
14
|
+
</defs>
|
|
15
|
+
</svg>
|
|
@@ -1442,17 +1442,17 @@ Attachment.propTypes = {
|
|
|
1442
1442
|
allowSort: PropTypes.bool,
|
|
1443
1443
|
/** Class for component. */
|
|
1444
1444
|
className: PropTypes.string,
|
|
1445
|
-
/** List attachment:<br />
|
|
1446
|
-
* [{<br />
|
|
1447
|
-
* "AttachmentID": "ATT2U8O7YPTF1KSNCW3X",<br />
|
|
1448
|
-
* "URL": "https://apricot.diginet.com.vn/cdn-dev/file/demo.jpg",<br />
|
|
1449
|
-
* "FileName": "8a07bee1eeff17a14eee.jpg",<br />
|
|
1450
|
-
* "FileSize": 248837,<br />
|
|
1451
|
-
* "KeyID": "W39OAD3YGLCWAQKV1D6PGEKNW4RLGVTZTUWLYEVFQ2QG8AOCXW",<br />
|
|
1452
|
-
* "CreateUserID": "LEMONADMIN",<br />
|
|
1453
|
-
* "CreateDate": "2020-08-24T11:54:04.307Z",<br />
|
|
1454
|
-
* "UserName": "Quản trị hệ thống"<br />
|
|
1455
|
-
* }, ...]
|
|
1445
|
+
/** List attachment:<br />
|
|
1446
|
+
* [{<br />
|
|
1447
|
+
* "AttachmentID": "ATT2U8O7YPTF1KSNCW3X",<br />
|
|
1448
|
+
* "URL": "https://apricot.diginet.com.vn/cdn-dev/file/demo.jpg",<br />
|
|
1449
|
+
* "FileName": "8a07bee1eeff17a14eee.jpg",<br />
|
|
1450
|
+
* "FileSize": 248837,<br />
|
|
1451
|
+
* "KeyID": "W39OAD3YGLCWAQKV1D6PGEKNW4RLGVTZTUWLYEVFQ2QG8AOCXW",<br />
|
|
1452
|
+
* "CreateUserID": "LEMONADMIN",<br />
|
|
1453
|
+
* "CreateDate": "2020-08-24T11:54:04.307Z",<br />
|
|
1454
|
+
* "UserName": "Quản trị hệ thống"<br />
|
|
1455
|
+
* }, ...]
|
|
1456
1456
|
*/
|
|
1457
1457
|
data: PropTypes.array,
|
|
1458
1458
|
/** The message to display when deleting files. */
|
|
@@ -1483,16 +1483,16 @@ Attachment.propTypes = {
|
|
|
1483
1483
|
onChange: PropTypes.func,
|
|
1484
1484
|
/** Download attached event, if not it will use default. */
|
|
1485
1485
|
onDownload: PropTypes.func,
|
|
1486
|
-
/**
|
|
1487
|
-
* event when removed file(s)
|
|
1488
|
-
*
|
|
1489
|
-
* return data: {<br/>
|
|
1490
|
-
* attached: [Files] (insist old and all new files )<br/>
|
|
1491
|
-
* allNewAttached: [Files]<br/>
|
|
1492
|
-
* oldAttached: [Files]<br/>
|
|
1493
|
-
* removedAttached: [Files]<br/>
|
|
1494
|
-
* element: [NodeList (just removed)]<br/>
|
|
1495
|
-
* }
|
|
1486
|
+
/**
|
|
1487
|
+
* event when removed file(s)
|
|
1488
|
+
*
|
|
1489
|
+
* return data: {<br/>
|
|
1490
|
+
* attached: [Files] (insist old and all new files )<br/>
|
|
1491
|
+
* allNewAttached: [Files]<br/>
|
|
1492
|
+
* oldAttached: [Files]<br/>
|
|
1493
|
+
* removedAttached: [Files]<br/>
|
|
1494
|
+
* element: [NodeList (just removed)]<br/>
|
|
1495
|
+
* }
|
|
1496
1496
|
*/
|
|
1497
1497
|
onRemove: PropTypes.func,
|
|
1498
1498
|
/** View attached event, if not it will use default. */
|
|
@@ -301,10 +301,10 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
|
|
|
301
301
|
});
|
|
302
302
|
};
|
|
303
303
|
|
|
304
|
-
/**
|
|
305
|
-
* So sánh text đầu vào cáo map với txtSearch
|
|
306
|
-
* @param text
|
|
307
|
-
* @return {boolean}
|
|
304
|
+
/**
|
|
305
|
+
* So sánh text đầu vào cáo map với txtSearch
|
|
306
|
+
* @param text
|
|
307
|
+
* @return {boolean}
|
|
308
308
|
*/
|
|
309
309
|
const handleRenderBySearch = (text = '') => {
|
|
310
310
|
if (text === null || text === undefined) text = '';
|
|
@@ -317,10 +317,10 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
|
|
|
317
317
|
} else return text.toLowerCase().includes(txtSearch.toLowerCase());
|
|
318
318
|
};
|
|
319
319
|
|
|
320
|
-
/**
|
|
321
|
-
* Chuyển đổi data thành giá trị cần hiện thị dựa vào displayExpr [string, string object {field} - {field}], renderSelectedItem, displayExpr, valueExpr
|
|
322
|
-
* @param data {object} rowData of dataSource
|
|
323
|
-
* @return {string}
|
|
320
|
+
/**
|
|
321
|
+
* Chuyển đổi data thành giá trị cần hiện thị dựa vào displayExpr [string, string object {field} - {field}], renderSelectedItem, displayExpr, valueExpr
|
|
322
|
+
* @param data {object} rowData of dataSource
|
|
323
|
+
* @return {string}
|
|
324
324
|
*/
|
|
325
325
|
const displayValue = data => {
|
|
326
326
|
let text = '';
|
|
@@ -1805,9 +1805,9 @@ Dropdown.propTypes = {
|
|
|
1805
1805
|
defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
|
|
1806
1806
|
/** If `true`, the component is disabled. */
|
|
1807
1807
|
disabled: PropTypes.bool,
|
|
1808
|
-
/** The field name used for displaying text in the dropdown list.<br/>
|
|
1809
|
-
* Examples: 'name', '{id} - {name}', '{age} age(s)'<br/>
|
|
1810
|
-
* Note: Do not use 'id - name', as it will return undefined.
|
|
1808
|
+
/** The field name used for displaying text in the dropdown list.<br/>
|
|
1809
|
+
* Examples: 'name', '{id} - {name}', '{age} age(s)'<br/>
|
|
1810
|
+
* Note: Do not use 'id - name', as it will return undefined.
|
|
1811
1811
|
*/
|
|
1812
1812
|
displayExpr: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
|
|
1813
1813
|
/** Inline style for dropdown items. */
|
|
@@ -1816,14 +1816,14 @@ Dropdown.propTypes = {
|
|
|
1816
1816
|
error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
|
|
1817
1817
|
/** Props applied to the [HelperText](https://core.diginet.com.vn/ui/?path=/story/form-control-text-helpertext) element. */
|
|
1818
1818
|
helperTextProps: PropTypes.object,
|
|
1819
|
-
/** The field name used for displaying icons.<br/>
|
|
1820
|
-
* Example:<br/>
|
|
1821
|
-
* string: 'icon'<br/>
|
|
1822
|
-
* object: {<br/>
|
|
1823
|
-
* key: 'icon',<br/>
|
|
1824
|
-
* prefix: 'https://imglink.com',<br/>
|
|
1825
|
-
* suffix: '.jpg'<br/>
|
|
1826
|
-
* }
|
|
1819
|
+
/** The field name used for displaying icons.<br/>
|
|
1820
|
+
* Example:<br/>
|
|
1821
|
+
* string: 'icon'<br/>
|
|
1822
|
+
* object: {<br/>
|
|
1823
|
+
* key: 'icon',<br/>
|
|
1824
|
+
* prefix: 'https://imglink.com',<br/>
|
|
1825
|
+
* suffix: '.jpg'<br/>
|
|
1826
|
+
* }
|
|
1827
1827
|
*/
|
|
1828
1828
|
iconExpr: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1829
1829
|
key: PropTypes.string,
|
|
@@ -1859,8 +1859,8 @@ Dropdown.propTypes = {
|
|
|
1859
1859
|
onOpened: PropTypes.func,
|
|
1860
1860
|
/** Callback function fired when the dropdown is closed. */
|
|
1861
1861
|
onClosed: PropTypes.func,
|
|
1862
|
-
/** Callback function fired when the input value changes.<br/>
|
|
1863
|
-
* If undefined, the filter function will run (default behavior).
|
|
1862
|
+
/** Callback function fired when the input value changes.<br/>
|
|
1863
|
+
* If undefined, the filter function will run (default behavior).
|
|
1864
1864
|
*/
|
|
1865
1865
|
onInput: PropTypes.func,
|
|
1866
1866
|
/** Callback function fired when a key is pressed down in the input. */
|
|
@@ -1873,21 +1873,21 @@ Dropdown.propTypes = {
|
|
|
1873
1873
|
placeholder: PropTypes.string,
|
|
1874
1874
|
/** If `true`, the component is read-only. */
|
|
1875
1875
|
readOnly: PropTypes.bool,
|
|
1876
|
-
/** Function used for custom rendering of items.<br/>
|
|
1877
|
-
* Example: `(data, index) => data.name + ' - ' + data.role`<br/>
|
|
1878
|
-
* This can be used as an alternative to `displayExpr`
|
|
1876
|
+
/** Function used for custom rendering of items.<br/>
|
|
1877
|
+
* Example: `(data, index) => data.name + ' - ' + data.role`<br/>
|
|
1878
|
+
* This can be used as an alternative to `displayExpr`
|
|
1879
1879
|
*/
|
|
1880
1880
|
renderItem: PropTypes.func,
|
|
1881
|
-
/** Function or field name used to display selected items.<br/>
|
|
1882
|
-
* Example: `(data, index) => index + ' - ' + data.name`<br/>
|
|
1881
|
+
/** Function or field name used to display selected items.<br/>
|
|
1882
|
+
* Example: `(data, index) => index + ' - ' + data.name`<br/>
|
|
1883
1883
|
*/
|
|
1884
1884
|
renderSelectedItem: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
|
|
1885
1885
|
/** If `true`, the label will indicate that the input is required. */
|
|
1886
1886
|
required: PropTypes.bool,
|
|
1887
|
-
/**
|
|
1888
|
-
* Duration to wait after entering search content before triggering a search.<br/>
|
|
1889
|
-
* Example: 700 -> 700ms, '700ms' -> 700ms, '0.7s' -> 700ms, '1m' -> 60000ms
|
|
1890
|
-
* If `true`, the default delayOnInput will be used.
|
|
1887
|
+
/**
|
|
1888
|
+
* Duration to wait after entering search content before triggering a search.<br/>
|
|
1889
|
+
* Example: 700 -> 700ms, '700ms' -> 700ms, '0.7s' -> 700ms, '1m' -> 60000ms
|
|
1890
|
+
* If `true`, the default delayOnInput will be used.
|
|
1891
1891
|
*/
|
|
1892
1892
|
searchDelayTime: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
|
|
1893
1893
|
/** Specifies the field name or expression used to compare values with the search string. */
|
|
@@ -1920,19 +1920,19 @@ Dropdown.propTypes = {
|
|
|
1920
1920
|
viewType: PropTypes.oneOf(['underlined', 'outlined', 'none']),
|
|
1921
1921
|
/** Custom icon to override the default arrow icon. */
|
|
1922
1922
|
endIcon: PropTypes.string
|
|
1923
|
-
/**
|
|
1924
|
-
* ref methods
|
|
1925
|
-
*
|
|
1926
|
-
* how to get component element? ref.current
|
|
1927
|
-
*
|
|
1928
|
-
* how to call method? ref.current.instance.{method}
|
|
1929
|
-
*
|
|
1930
|
-
* * showDropdown(): Show dropdown
|
|
1931
|
-
* * closeDropdown(): Close dropdown
|
|
1932
|
-
* * onClear(): Clear selected value
|
|
1933
|
-
* * setPreviousValue(): Set value to previous value
|
|
1934
|
-
* * setValue(value): Set value of dropdown
|
|
1935
|
-
* * @param {value} - string || number || array
|
|
1923
|
+
/**
|
|
1924
|
+
* ref methods
|
|
1925
|
+
*
|
|
1926
|
+
* how to get component element? ref.current
|
|
1927
|
+
*
|
|
1928
|
+
* how to call method? ref.current.instance.{method}
|
|
1929
|
+
*
|
|
1930
|
+
* * showDropdown(): Show dropdown
|
|
1931
|
+
* * closeDropdown(): Close dropdown
|
|
1932
|
+
* * onClear(): Clear selected value
|
|
1933
|
+
* * setPreviousValue(): Set value to previous value
|
|
1934
|
+
* * setValue(value): Set value of dropdown
|
|
1935
|
+
* * @param {value} - string || number || array
|
|
1936
1936
|
*/
|
|
1937
1937
|
};
|
|
1938
1938
|
export default Dropdown;
|
|
@@ -533,22 +533,22 @@ PagingInfo.propTypes = {
|
|
|
533
533
|
onChangePage: PropTypes.func,
|
|
534
534
|
/** Callback fired when quantity on per page changed. */
|
|
535
535
|
onChangePerPage: PropTypes.func,
|
|
536
|
-
/**
|
|
537
|
-
* Callback fired when page number is changing.
|
|
538
|
-
*
|
|
539
|
-
* * prevPage: Page before changed
|
|
540
|
-
* * newPage: Page after changed
|
|
541
|
-
* * cancel(value): Function cancel change page
|
|
542
|
-
* * @param {value} - bool
|
|
536
|
+
/**
|
|
537
|
+
* Callback fired when page number is changing.
|
|
538
|
+
*
|
|
539
|
+
* * prevPage: Page before changed
|
|
540
|
+
* * newPage: Page after changed
|
|
541
|
+
* * cancel(value): Function cancel change page
|
|
542
|
+
* * @param {value} - bool
|
|
543
543
|
*/
|
|
544
544
|
onChangingPage: PropTypes.func,
|
|
545
|
-
/**
|
|
546
|
-
* Callback fired when quantity on item per page is changing.
|
|
547
|
-
*
|
|
548
|
-
* * prevPerPage: Items per page before changed
|
|
549
|
-
* * newPerPage: Items per page after changed
|
|
550
|
-
* * cancel(value): Function cancel change items per page
|
|
551
|
-
* * @param {value} - bool
|
|
545
|
+
/**
|
|
546
|
+
* Callback fired when quantity on item per page is changing.
|
|
547
|
+
*
|
|
548
|
+
* * prevPerPage: Items per page before changed
|
|
549
|
+
* * newPerPage: Items per page after changed
|
|
550
|
+
* * cancel(value): Function cancel change items per page
|
|
551
|
+
* * @param {value} - bool
|
|
552
552
|
*/
|
|
553
553
|
onChangingPerPage: PropTypes.func,
|
|
554
554
|
/** Style inline of component. */
|
|
@@ -557,26 +557,26 @@ PagingInfo.propTypes = {
|
|
|
557
557
|
totalItems: PropTypes.number,
|
|
558
558
|
/** Compact type for mobile. */
|
|
559
559
|
typeShort: PropTypes.bool
|
|
560
|
-
/**
|
|
561
|
-
* ref methods (ref.current.instance.*method*)
|
|
562
|
-
*
|
|
563
|
-
* * onChangePage(page): Change page number
|
|
564
|
-
* * @param {page} - number
|
|
565
|
-
* * onChangePerPage(per): Change quantity on per page
|
|
566
|
-
* * @param {per} - number
|
|
567
|
-
* * setTotalItems(items): Set total items
|
|
568
|
-
* * @param {items} - number
|
|
569
|
-
*
|
|
570
|
-
* * option(): Gets all UI component properties
|
|
571
|
-
* * Returns value - object
|
|
572
|
-
* * option(optionName): Gets the value of a single property
|
|
573
|
-
* * @param {optionName} - string
|
|
574
|
-
* * Returns value - any
|
|
575
|
-
* * option(optionName, optionValue): Updates the value of a single property
|
|
576
|
-
* * @param {optionName} - string
|
|
577
|
-
* * @param {optionValue} - any
|
|
578
|
-
* * option(options): Updates the values of several properties
|
|
579
|
-
* * @param {options} - object
|
|
560
|
+
/**
|
|
561
|
+
* ref methods (ref.current.instance.*method*)
|
|
562
|
+
*
|
|
563
|
+
* * onChangePage(page): Change page number
|
|
564
|
+
* * @param {page} - number
|
|
565
|
+
* * onChangePerPage(per): Change quantity on per page
|
|
566
|
+
* * @param {per} - number
|
|
567
|
+
* * setTotalItems(items): Set total items
|
|
568
|
+
* * @param {items} - number
|
|
569
|
+
*
|
|
570
|
+
* * option(): Gets all UI component properties
|
|
571
|
+
* * Returns value - object
|
|
572
|
+
* * option(optionName): Gets the value of a single property
|
|
573
|
+
* * @param {optionName} - string
|
|
574
|
+
* * Returns value - any
|
|
575
|
+
* * option(optionName, optionValue): Updates the value of a single property
|
|
576
|
+
* * @param {optionName} - string
|
|
577
|
+
* * @param {optionValue} - any
|
|
578
|
+
* * option(options): Updates the values of several properties
|
|
579
|
+
* * @param {options} - object
|
|
580
580
|
*/
|
|
581
581
|
};
|
|
582
582
|
export { PagingInfo };
|
package/package.json
CHANGED