@digital-ai/dot-components 1.3.2 → 1.3.6

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 (37) hide show
  1. package/README.md +2 -1
  2. package/dot-components.esm.js +995 -496
  3. package/dot-components.umd.js +957 -455
  4. package/fonts/dot.woff +0 -0
  5. package/fonts/selection.json +33 -23
  6. package/index.d.ts +1 -1
  7. package/lib/components/accordion/Accordion.d.ts +2 -2
  8. package/lib/components/alert-banner/AlertBanner.d.ts +8 -1
  9. package/lib/components/auto-complete/AutoComplete.d.ts +3 -1
  10. package/lib/components/avatar/Avatar.d.ts +3 -1
  11. package/lib/components/badge/Badge.d.ts +1 -1
  12. package/lib/components/badge/Badge.styles.d.ts +5 -2
  13. package/lib/components/button-toggle/ButtonToggle.d.ts +5 -2
  14. package/lib/components/dynamic-form/DynamicForm.d.ts +1 -1
  15. package/lib/components/dynamic-form/DynamicForm.stories.data.d.ts +2 -0
  16. package/lib/components/dynamic-form/DynamicForm.stories.styles.d.ts +1 -0
  17. package/lib/components/dynamic-form/DynamicForm.styles.d.ts +2 -1
  18. package/lib/components/dynamic-form/models.d.ts +22 -8
  19. package/lib/components/dynamic-form/sample.d.ts +1 -3
  20. package/lib/components/dynamic-form/utils/formHelpers.d.ts +7 -3
  21. package/lib/components/dynamic-form/utils/helpers.d.ts +3 -2
  22. package/lib/components/file-upload/FileListItem.d.ts +10 -0
  23. package/lib/components/file-upload/FileUpload.d.ts +20 -0
  24. package/lib/components/file-upload/FileUpload.styles.d.ts +6 -0
  25. package/lib/components/file-upload/uploadHelpers.d.ts +13 -0
  26. package/lib/components/index.d.ts +4 -1
  27. package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +7 -1
  28. package/lib/components/input-form-fields/InputSelect.d.ts +1 -1
  29. package/lib/components/input-form-fields/InputText.d.ts +1 -1
  30. package/lib/components/list/List.d.ts +12 -2
  31. package/lib/components/progress-button/ProgressButton.d.ts +9 -0
  32. package/lib/components/progress-button/ProgressButton.styles.d.ts +3 -0
  33. package/lib/components/table/Table.stories.data.d.ts +4 -0
  34. package/lib/components/table/TableRow.d.ts +1 -1
  35. package/lib/components/tooltip/Tooltip.d.ts +5 -2
  36. package/lib/theme-provider/ThemeProvider.d.ts +2 -0
  37. package/package.json +2 -1
package/fonts/dot.woff CHANGED
Binary file
@@ -1784,16 +1784,17 @@
1784
1784
  {
1785
1785
  "icon": {
1786
1786
  "paths": [
1787
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v544.787l321.712-245.668c19.287-14.731 48.041-14.731 67.328 0l88.074 67.256v-141.443h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM729.738 709.228l-121.738-92.964-270.173 206.31h369.409c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-90.844zM569.636 264.375l97.838 97.841h-97.838v-97.841zM384 563.2c14.138 0 25.6-11.464 25.6-25.6s-11.462-25.6-25.6-25.6c-14.138 0-25.6 11.464-25.6 25.6s11.462 25.6 25.6 25.6zM307.2 537.6c0-42.416 34.384-76.8 76.8-76.8s76.8 34.384 76.8 76.8c0 42.414-34.384 76.8-76.8 76.8s-76.8-34.386-76.8-76.8z"
1787
+ "M739.553 398.222c0-62.838-50.939-113.778-113.777-113.778s-113.777 50.94-113.777 113.778c0 62.838 50.939 113.778 113.777 113.778s113.777-50.94 113.777-113.778zM671.288 398.222c0 25.135-20.378 45.511-45.512 45.511s-45.512-20.376-45.512-45.511c0-25.135 20.378-45.511 45.512-45.511s45.512 20.376 45.512 45.511z",
1788
+ "M284.445 102.4h455.109c100.541 0 182.047 81.504 182.047 182.045v455.109c0 100.541-81.505 182.047-182.047 182.047h-455.109c-100.54 0-182.045-81.505-182.045-182.047v-455.109c0-100.54 81.504-182.045 182.045-182.045zM739.553 193.422h-455.109c-50.27 0-91.022 40.752-91.022 91.022v369.477l132.797-163.445c11.309-13.918 31.459-16.712 46.127-6.396l216.95 152.577 139.1-122.286c13.783-12.117 34.683-11.166 47.309 2.156l54.871 57.887v-289.968c0-50.27-40.75-91.022-91.023-91.022zM284.445 830.577h455.109c50.273 0 91.023-40.75 91.023-91.023v-81.393c-9.037 0-18.063-3.574-24.771-10.65l-57.027-60.16-134.6 118.323c-11.843 10.414-29.271 11.356-42.173 2.289l-212.884-149.724-139.208 171.336c-6.733 8.284-16.549 12.59-26.455 12.605 1.39 49.060 41.593 88.397 90.985 88.397z"
1788
1789
  ],
1789
- "attrs": [],
1790
+ "attrs": [{}, {}],
1790
1791
  "isMulticolor": false,
1791
1792
  "isMulticolor2": false,
1792
1793
  "colorPermutations": {},
1793
1794
  "tags": ["file-image"],
1794
1795
  "grid": 0
1795
1796
  },
1796
- "attrs": [],
1797
+ "attrs": [{}, {}],
1797
1798
  "properties": {
1798
1799
  "order": 909,
1799
1800
  "id": 75,
@@ -2698,13 +2699,13 @@
2698
2699
  "paths": [
2699
2700
  "M211.877 198.774v383.638h143.865v-383.638h-143.865zM451.652 486.504v54.67c-2.922 1.458-6.378 2.965-10.22 4.637h-0.001c-17.184 7.475-42.117 18.325-61.711 43.798-2.742 3.564-5.63 7.066-8.583 10.65-14.857 18.027-31.371 38.064-39.372 78.063h-119.887c-52.97 0-95.91-42.94-95.91-95.91v-383.638c0-52.97 42.941-95.91 95.91-95.91h383.642c52.965 0 95.91 42.94 95.91 95.91v157.772l-134.276 129.958h-105.501zM451.652 390.595h143.867v-191.82h-143.867v191.82zM756.916 359.647c13.458-13.739 49.123-31.627 84.114 6.729s11.215 79.908-5.047 95.889l-202.664 235.503c6.563 34.821-2.267 93.862-58.285 143.067-47.689 41.126-91.488 43.681-125.133 41.999-31.054-3.647-79.247-11.215-90.601-36.703-6.739-15.38-2.421-26.341 3.424-41.175 4.222-10.713 9.24-23.45 11.463-41.335 0.096-8.714 0.092-15.926 0.087-22.133-0.017-26.322-0.022-34.665 7.736-63.654l1.081-2.531c10.022-23.513 24.518-57.524 76.063-85.187 31.123-11.776 68.972-7.568 68.972-7.568l228.791-222.902zM592.818 619.442l75.825-73.050-68.208 80.321-7.617-7.27zM436.51 807.843c21.574 5.174 62.832 6.037 94.683-23.601 39.175-37.966 37.976-71.334 28.136-91.965-8.309-20.080-37.137-44.793-70.724-32.329-33.581 12.464-44.714 45.641-44.66 72.363 0.325 20.777-0.467 42.028-2.199 52.76l-5.236 22.772z"
2700
2701
  ],
2702
+ "width": 975,
2701
2703
  "attrs": [{}],
2702
2704
  "isMulticolor": false,
2703
2705
  "isMulticolor2": false,
2704
2706
  "colorPermutations": {},
2705
2707
  "tags": ["template"],
2706
- "grid": 0,
2707
- "width": 975
2708
+ "grid": 0
2708
2709
  },
2709
2710
  "attrs": [{}],
2710
2711
  "properties": {
@@ -4908,16 +4909,17 @@
4908
4909
  {
4909
4910
  "icon": {
4910
4911
  "paths": [
4911
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM497.836 771.328c-26.112 0-44.97-7.086-56.576-21.248-11.434-14.167-17.152-36.608-17.152-67.328 0-31.063 5.718-53.847 17.152-68.352 11.434-14.51 30.294-21.76 56.576-21.76s45.14 7.25 56.578 21.76c11.433 14.505 17.152 37.202 17.152 68.096 0 29.522-5.632 51.712-16.896 66.56s-30.208 22.272-56.834 22.272zM497.836 731.904c6.656 0 11.862-1.623 15.618-4.864 3.922-3.415 6.738-8.622 8.448-15.616 1.705-7.168 2.56-16.814 2.56-28.928 0-18.094-1.966-30.976-5.888-38.656-3.927-7.854-10.84-11.776-20.738-11.776-9.728 0-16.64 3.922-20.736 11.776-3.926 7.849-5.888 20.818-5.888 38.912 0 16.041 1.706 28.242 5.12 36.608 3.414 8.361 10.582 12.544 21.504 12.544zM325.852 595.968c21.845 0 38.144 1.961 48.896 5.888 10.922 3.922 18.773 11.858 23.552 23.808 4.778 11.776 7.168 29.952 7.168 54.528 0 22.185-1.878 39.337-5.632 51.456-3.584 12.114-11.094 21.248-22.528 27.392-11.264 5.97-28.416 8.96-51.456 8.96h-55.552v-172.032h55.552zM325.596 728.32c9.728 0 16.896-1.879 21.504-5.632 4.608-3.927 7.594-9.472 8.96-16.64s2.048-17.326 2.048-30.464c0-10.583-0.768-18.606-2.304-24.064-1.536-5.632-4.608-9.646-9.216-12.032-4.608-2.56-11.606-3.84-20.992-3.84h-9.728v92.672h9.728zM616.996 761.856c10.066 6.313 24.402 9.472 43.008 9.472 15.186 0 32-2.048 50.432-6.144l-0.768-36.864c-16.046 1.874-29.952 2.816-41.728 2.816-8.704 0-15.022-1.024-18.944-3.072-3.927-2.048-6.656-5.888-8.192-11.52s-2.56-14.766-3.072-27.392c-0.174-3.072-0.256-7.424-0.256-13.056 0-11.095 0.85-19.63 2.56-25.6 1.874-6.144 5.202-10.583 9.984-13.312 4.777-2.903 11.689-4.352 20.736-4.352 9.897 0 22.866 1.106 38.912 3.328l1.28-35.84c-19.799-5.12-38.062-7.68-54.784-7.68-16.384 0-29.184 2.473-38.4 7.424-9.216 4.946-16.046 13.906-20.48 26.88-4.27 12.969-6.4 31.744-6.4 56.32 0 20.992 1.874 37.801 5.632 50.432 3.753 12.457 10.578 21.842 20.48 28.16z"
4912
+ "M318.267 785.065l-77.778-325.776h67.333l49.111 223.775 59.556-223.775h78.222l57.112 227.554 49.997-227.554h66.222l-79.109 325.776h-69.775l-64.891-243.553-64.667 243.553h-71.333z",
4913
+ "M921.6 739.553v-373.271c0-48.281-19.18-94.585-53.32-128.725l-81.838-81.838c-34.14-34.14-80.445-53.32-128.727-53.32h-373.271c-100.54 0-182.044 81.504-182.044 182.045v455.109c0 100.541 81.504 182.047 182.045 182.047h455.109c100.541 0 182.047-81.505 182.047-182.047zM193.422 284.445c0-50.271 40.752-91.022 91.022-91.022h318.579v182.044c0 25.135 20.372 45.511 45.512 45.511h182.042v318.576c0 50.273-40.75 91.023-91.023 91.023h-455.109c-50.27 0-91.022-40.75-91.022-91.023v-455.109zM823.014 329.955h-128.968v-128.97c10.358 4.51 19.886 10.951 28.032 19.097l81.838 81.838c8.146 8.145 14.587 17.675 19.098 28.036z"
4912
4914
  ],
4913
- "attrs": [],
4915
+ "attrs": [{}, {}],
4914
4916
  "isMulticolor": false,
4915
4917
  "isMulticolor2": false,
4916
4918
  "colorPermutations": {},
4917
4919
  "tags": ["file-word-doc"],
4918
4920
  "grid": 0
4919
4921
  },
4920
- "attrs": [],
4922
+ "attrs": [{}, {}],
4921
4923
  "properties": {
4922
4924
  "order": 845,
4923
4925
  "id": 205,
@@ -4932,16 +4934,17 @@
4932
4934
  {
4933
4935
  "icon": {
4934
4936
  "paths": [
4935
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM290.175 595.963h63.488c21.334 0 37.546 5.289 48.64 15.872 11.264 10.583 16.896 26.199 16.896 46.848s-5.632 36.608-16.896 47.872c-11.264 11.095-27.478 16.64-48.64 16.64h-17.92v44.8h-45.568v-172.032zM353.407 684.539c12.97 0 19.456-8.617 19.456-25.856 0-8.704-1.622-14.848-4.864-18.432-3.072-3.753-7.936-5.632-14.592-5.632h-17.664v49.92h17.664zM440.175 595.963h63.488c21.331 0 37.546 5.289 48.642 15.872 11.264 10.583 16.896 26.199 16.896 46.848s-5.632 36.608-16.896 47.872c-11.264 11.095-27.479 16.64-48.642 16.64h-17.92v44.8h-45.568v-172.032zM503.407 684.539c12.97 0 19.458-8.617 19.458-25.856 0-8.704-1.623-14.848-4.864-18.432-3.072-3.753-7.938-5.632-14.594-5.632h-17.664v49.92h17.664zM568.351 636.155h41.216v131.84h46.080v-131.84h40.704v-40.192h-128v40.192z"
4937
+ "M272.045 785.065v-325.776h105.555c40 0 66.074 1.629 78.222 4.889 18.666 4.889 34.296 15.556 46.889 32 12.591 16.298 18.889 37.408 18.889 63.336 0 19.999-3.63 36.813-10.889 50.442-7.26 13.629-16.519 24.371-27.778 32.22-11.111 7.706-22.445 12.815-34 15.334-15.704 3.113-38.445 4.669-68.222 4.669h-42.889v122.885h-65.778zM337.822 514.401v92.442h36c25.926 0 43.259-1.7 52-5.11 8.741-3.405 15.556-8.74 20.445-16 5.037-7.26 7.556-15.703 7.556-25.334 0-11.853-3.482-21.627-10.445-29.332s-15.778-12.518-26.444-14.444c-7.852-1.485-23.63-2.222-47.333-2.222h-31.778z",
4938
+ "M921.6 739.553v-373.271c0-48.281-19.18-94.585-53.32-128.725l-81.838-81.838c-34.14-34.14-80.445-53.32-128.727-53.32h-373.271c-100.54 0-182.044 81.504-182.044 182.045v455.109c0 100.541 81.504 182.047 182.045 182.047h455.109c100.541 0 182.047-81.505 182.047-182.047zM193.422 284.445c0-50.271 40.752-91.022 91.022-91.022h318.579v182.044c0 25.135 20.372 45.511 45.512 45.511h182.042v318.576c0 50.273-40.75 91.023-91.023 91.023h-455.109c-50.27 0-91.022-40.75-91.022-91.023v-455.109zM823.014 329.955h-128.968v-128.97c10.358 4.51 19.886 10.951 28.032 19.097l81.838 81.838c8.146 8.145 14.587 17.675 19.098 28.036z"
4936
4939
  ],
4937
- "attrs": [],
4940
+ "attrs": [{}, {}],
4938
4941
  "isMulticolor": false,
4939
4942
  "isMulticolor2": false,
4940
4943
  "colorPermutations": {},
4941
4944
  "tags": ["file-ppt"],
4942
4945
  "grid": 0
4943
4946
  },
4944
- "attrs": [],
4947
+ "attrs": [{}, {}],
4945
4948
  "properties": {
4946
4949
  "order": 846,
4947
4950
  "id": 206,
@@ -4956,16 +4959,19 @@
4956
4959
  {
4957
4960
  "icon": {
4958
4961
  "paths": [
4959
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM313.762 732.155l59.392-92.672v-3.84h-59.392v-39.68h115.2v35.84l-59.392 92.416v4.096h59.392v39.424h-115.2v-35.584zM456.175 595.963h45.568v172.032h-45.568v-172.032zM599.91 595.963h-63.488v172.032h45.568v-44.8h17.92c21.166 0 37.376-5.545 48.64-16.64 11.264-11.264 16.896-27.223 16.896-47.872s-5.632-36.265-16.896-46.848c-11.090-10.583-27.305-15.872-48.64-15.872zM619.11 658.683c0 17.239-6.482 25.856-19.456 25.856h-17.664v-49.92h17.664c6.656 0 11.52 1.879 14.592 5.632 3.246 3.584 4.864 9.728 4.864 18.432z"
4962
+ "M243.822 785.065v-59.331l171.111-211.333h-151.778v-55.112h238.445v51.111l-178.445 219.779h185.333v54.886h-264.667z",
4963
+ "M694.047 298.351h-91.023v169.402h91.023v-169.402z",
4964
+ "M694.047 533.494h-91.023v169.4h91.023v-169.4z",
4965
+ "M739.553 102.4c100.541 0 182.047 81.504 182.047 182.045v455.109c0 100.541-81.505 182.047-182.047 182.047h-455.109c-100.54 0-182.045-81.505-182.045-182.047v-455.109c0-100.54 81.504-182.045 182.045-182.045h455.109zM603.023 193.422h-318.579c-50.27 0-91.022 40.752-91.022 91.022v455.109c0 50.273 40.752 91.023 91.022 91.023h318.579v-61.947h91.023v61.947h45.507c50.273 0 91.023-40.75 91.023-91.023v-455.109c0-50.27-40.75-91.022-91.023-91.022h-45.507v39.19h-91.023v-39.19z"
4960
4966
  ],
4961
- "attrs": [],
4967
+ "attrs": [{}, {}, {}, {}],
4962
4968
  "isMulticolor": false,
4963
4969
  "isMulticolor2": false,
4964
4970
  "colorPermutations": {},
4965
4971
  "tags": ["file-zip"],
4966
4972
  "grid": 0
4967
4973
  },
4968
- "attrs": [],
4974
+ "attrs": [{}, {}, {}, {}],
4969
4975
  "properties": {
4970
4976
  "order": 847,
4971
4977
  "id": 207,
@@ -4980,16 +4986,17 @@
4980
4986
  {
4981
4987
  "icon": {
4982
4988
  "paths": [
4983
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM569.349 764.16c18.775 4.946 35.502 7.424 50.176 7.424 11.776 0 22.359-2.135 31.744-6.4 9.559-4.439 17.070-10.839 22.528-19.2 5.632-8.535 8.448-18.775 8.448-30.72 0-9.39-1.362-17.152-4.096-23.296-2.729-6.144-7.168-11.351-13.312-15.616-6.144-4.439-14.848-8.96-26.112-13.568-2.217-1.024-7.081-2.903-14.592-5.632-7.337-2.734-12.713-4.951-16.128-6.656-3.41-1.879-5.12-4.096-5.12-6.656 0-7.68 6.999-11.52 20.992-11.52 11.95 0 29.015 1.28 51.2 3.84l3.584-35.328c-18.432-3.415-31.145-5.632-38.144-6.656-6.825-1.024-14.080-1.536-21.76-1.536-18.77 0-33.618 4.608-44.544 13.824-10.921 9.216-16.384 22.784-16.384 40.704 0 12.626 4.014 23.122 12.032 31.488 8.192 8.361 21.934 15.785 41.216 22.272 1.71 0.85 4.439 1.961 8.192 3.328 5.806 2.217 10.158 4.265 13.056 6.144 3.072 1.874 4.608 4.434 4.608 7.68 0 9.216-6.656 13.824-19.968 13.824-12.288 0-29.696-1.536-52.224-4.608l-4.608 34.816 9.216 2.048zM330.766 686.848l-47.104-90.88h50.432l24.064 56.064 24.832-56.064h46.848l-47.104 88.064 47.104 83.968h-50.432l-24.064-51.2-24.832 51.2h-46.848l47.104-81.152zM547.896 727.808v40.192h-100.094v-172.032h45.568v131.84h54.526z"
4989
+ "M284.445 739.553l111.333-169.999-100.889-155.776h76.889l65.334 104.668 64-104.668h76.22l-101.331 158.223 111.335 167.552h-79.335l-72.223-112.666-72.444 112.666h-78.888z",
4990
+ "M921.6 739.553v-373.271c0-48.281-19.18-94.585-53.32-128.725l-81.838-81.838c-34.14-34.14-80.445-53.32-128.727-53.32h-373.271c-100.54 0-182.044 81.504-182.044 182.045v455.109c0 100.541 81.504 182.047 182.045 182.047h455.109c100.541 0 182.047-81.505 182.047-182.047zM193.422 284.445c0-50.271 40.752-91.022 91.022-91.022h318.579v182.044c0 25.135 20.372 45.511 45.512 45.511h182.042v318.576c0 50.273-40.75 91.023-91.023 91.023h-455.109c-50.27 0-91.022-40.75-91.022-91.023v-455.109zM823.014 329.955h-128.968v-128.97c10.358 4.51 19.886 10.951 28.032 19.097l81.838 81.838c8.146 8.145 14.587 17.675 19.098 28.036z"
4984
4991
  ],
4985
- "attrs": [],
4992
+ "attrs": [{}, {}],
4986
4993
  "isMulticolor": false,
4987
4994
  "isMulticolor2": false,
4988
4995
  "colorPermutations": {},
4989
4996
  "tags": ["file-xls"],
4990
4997
  "grid": 0
4991
4998
  },
4992
- "attrs": [],
4999
+ "attrs": [{}, {}],
4993
5000
  "properties": {
4994
5001
  "order": 848,
4995
5002
  "id": 208,
@@ -5004,16 +5011,17 @@
5004
5011
  {
5005
5012
  "icon": {
5006
5013
  "paths": [
5007
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM279.175 595.963h63.488c21.333 0 37.546 5.289 48.64 15.872 11.264 10.583 16.896 26.199 16.896 46.848s-5.632 36.608-16.896 47.872c-11.264 11.095-27.478 16.64-48.64 16.64h-17.92v44.8h-45.568v-172.032zM342.407 684.539c12.97 0 19.456-8.617 19.456-25.856 0-8.704-1.622-14.848-4.864-18.432-3.072-3.753-7.936-5.632-14.592-5.632h-17.664v49.92h17.664zM484.727 595.963c21.846 0 38.143 1.961 48.895 5.888 10.926 3.927 18.775 11.863 23.552 23.808 4.782 11.776 7.168 29.952 7.168 54.528 0 22.185-1.874 39.337-5.632 51.456-3.584 12.119-11.090 21.248-22.528 27.392-11.264 5.975-28.415 8.96-51.455 8.96h-55.552v-172.032h55.552zM484.471 728.315c9.728 0 16.896-1.879 21.504-5.632 4.608-3.927 7.597-9.472 8.959-16.64 1.367-7.168 2.048-17.321 2.048-30.464 0-10.583-0.768-18.601-2.304-24.064-1.536-5.632-4.607-9.641-9.215-12.032-4.608-2.56-11.605-3.84-20.992-3.84h-9.728v92.672h9.728zM636.744 674.811v-39.168h68.864v-39.68h-114.432v172.032h45.568v-53.504h54.784v-39.68h-54.784z"
5014
+ "M509.623 427.677c13.359-63.34 3.262-113.146-17.539-141.323-10.023-13.576-25.697-25.826-44.975-24.582-21.096 1.361-34.113 17.687-39.875 35.248-13.329 40.623-20.647 122.978 28.467 211.403-7.175 17.62-15.295 35.858-24.12 53.926-12.429 4.116-24.237 8.484-35.305 12.933-45.583 18.335-80.208 38.758-95.092 50.468-12.406 9.472-25.37 21.693-36.299 34.55-10.668 12.549-20.866 27.412-25.697 42.138-2.443 7.45-4.083 16.568-2.192 26.020 2.055 10.271 7.953 19.123 17.182 25.108 8.523 5.524 18.657 7.844 28.828 8.52 10.34 0.686 22.325-0.22 35.93-2.524 26.911-4.557 51.525-25.047 72.202-48.456 21.462-24.3 42.168-55.788 60.685-89.119 4.003-7.204 7.928-14.541 11.759-21.96 16.52-4.844 33.936-9.078 51.962-12.319 13.162 13.445 27.959 26.793 44.563 39.916 0.563 0.445 1.152 0.865 1.756 1.254 16.323 10.557 42.593 25.073 68.895 34.391 13.117 4.644 27.279 8.376 40.801 9.247 13.194 0.845 28.908-0.855 41.81-10.685 12.954-9.871 21.903-24.581 23.255-41.498 1.372-17.208-5.309-34.109-18.739-47.754-25.866-26.276-76.175-40.827-153.308-36.47-10.793 0.609-21.458 1.608-31.954 2.944-10.093-11.699-18.826-23.378-26.36-34.937 10.696-28.45 18.82-54.924 23.358-76.44zM450.479 311.209c-8.043 24.513-14.752 75.69 7.121 135.921 3.143-10.495 5.669-20.201 7.492-28.846 11.712-55.526 0.916-90.624-9.622-104.9-1.641-2.222-3.025-3.661-4.093-4.588-0.279 0.65-0.581 1.445-0.898 2.413zM452.99 306.123c0.009 0.025-0.094 0.155-0.333 0.318 0.204-0.262 0.324-0.343 0.333-0.318zM309.239 661.586c9.030-7.137 33.652-22.323 68.831-37.704-13.448 22.001-27.351 41.595-41.040 57.093-19.281 21.827-34.992 31.903-45.69 33.715-11.467 1.94-19.68 2.36-25.315 1.987-1.391-0.092-2.542-0.23-3.482-0.379 2.216-6.487 7.993-15.903 17.020-26.522 8.874-10.44 19.526-20.454 29.359-27.945l0.317-0.246zM567.47 591.237c-4.219-3.348-8.3-6.707-12.252-10.076 67.686-2.616 98.929 11.863 110.234 23.347 5.371 5.458 6.001 9.779 5.806 12.206-0.215 2.719-1.715 6.057-5.473 8.919-0.471 0.358-3.282 1.981-11.31 1.464-7.706-0.492-17.464-2.811-28.518-6.728-21.571-7.639-44.119-19.932-58.486-29.133z",
5015
+ "M284.445 921.6c-100.54 0-182.045-81.505-182.045-182.047v-455.109c0-100.54 81.504-182.045 182.044-182.045h373.271c48.282 0 94.587 19.18 128.727 53.32l81.838 81.838c34.14 34.14 53.32 80.444 53.32 128.725v373.271c0 100.541-81.505 182.047-182.047 182.047h-455.109zM284.444 193.422c-50.27 0-91.022 40.752-91.022 91.022v455.109c0 50.273 40.752 91.023 91.022 91.023h455.109c50.273 0 91.023-40.75 91.023-91.023v-318.576h-182.042c-25.139 0-45.512-20.376-45.512-45.511v-182.044h-318.579zM694.047 329.955h128.968c-4.511-10.361-10.952-19.891-19.098-28.036l-81.838-81.838c-8.146-8.145-17.674-14.587-28.032-19.097v128.97z"
5008
5016
  ],
5009
- "attrs": [],
5017
+ "attrs": [{}, {}],
5010
5018
  "isMulticolor": false,
5011
5019
  "isMulticolor2": false,
5012
5020
  "colorPermutations": {},
5013
5021
  "tags": ["file-pdf"],
5014
5022
  "grid": 0
5015
5023
  },
5016
- "attrs": [],
5024
+ "attrs": [{}, {}],
5017
5025
  "properties": {
5018
5026
  "order": 849,
5019
5027
  "id": 209,
@@ -5028,16 +5036,18 @@
5028
5036
  {
5029
5037
  "icon": {
5030
5038
  "paths": [
5031
- "M189.195 137.995c22.791-22.791 53.703-35.595 85.935-35.595h252.061c13.133 0 25.723 5.216 35.011 14.502l252.063 252.061c9.283 9.286 14.5 21.879 14.5 35.011v396.098c0 32.23-12.805 63.14-35.594 85.934-22.789 22.789-53.704 35.594-85.934 35.594h-432.106c-32.232 0-63.143-12.805-85.935-35.594-22.791-22.794-35.595-53.704-35.595-85.934v-576.142c0-32.232 12.804-63.143 35.595-85.935zM275.13 201.424c-5.969 0-11.694 2.371-15.914 6.591s-6.591 9.945-6.591 15.914v576.142c0 5.97 2.371 11.694 6.591 15.913s9.945 6.589 15.914 6.589h432.106c5.97 0 11.694-2.371 15.913-6.589s6.589-9.943 6.589-15.913v-351.209h-203.428c-23.926 0-43.323-19.397-43.323-43.323v-204.115h-207.858zM569.636 264.375l97.838 97.841h-97.838v-97.841zM453.302 519.496c9.998 9.999 9.998 26.209 0 36.209l-84.298 84.296 84.298 84.296c9.998 9.999 9.998 26.209 0 36.209-9.997 9.994-26.206 9.994-36.204 0l-102.4-102.4c-9.998-9.999-9.998-26.209 0-36.209l102.4-102.4c9.997-9.995 26.206-9.995 36.204 0zM493.898 519.496c-9.998 9.999-9.998 26.209 0 36.209l84.298 84.296-84.298 84.296c-9.998 9.999-9.998 26.209 0 36.209 9.997 9.994 26.207 9.994 36.206 0l102.4-102.4c9.994-9.999 9.994-26.209 0-36.209l-102.4-102.4c-9.999-9.995-26.209-9.995-36.206 0z"
5039
+ "M257.605 619.172l136.534-173.771 53.679 42.177-118.371 150.657 116.366 123.418-49.67 46.833-136.533-144.809c-11.592-12.293-12.444-31.217-2.005-44.503z",
5040
+ "M538.839 445.401l136.535 173.771c10.44 13.286 9.585 32.21-2.007 44.503l-136.53 144.809-49.672-46.833 116.365-123.418-118.37-150.657 53.679-42.177z",
5041
+ "M921.6 739.553v-373.271c0-48.281-19.18-94.585-53.32-128.725l-81.838-81.838c-34.14-34.14-80.445-53.32-128.727-53.32h-373.271c-100.54 0-182.044 81.504-182.044 182.045v455.109c0 100.541 81.504 182.047 182.045 182.047h455.109c100.541 0 182.047-81.505 182.047-182.047zM193.422 284.445c0-50.271 40.752-91.022 91.022-91.022h318.579v182.044c0 25.135 20.372 45.511 45.512 45.511h182.042v318.576c0 50.273-40.75 91.023-91.023 91.023h-455.109c-50.27 0-91.022-40.75-91.022-91.023v-455.109zM823.014 329.955h-128.968v-128.97c10.358 4.51 19.886 10.951 28.032 19.097l81.838 81.838c8.146 8.145 14.587 17.675 19.098 28.036z"
5032
5042
  ],
5033
- "attrs": [],
5043
+ "attrs": [{}, {}, {}],
5034
5044
  "isMulticolor": false,
5035
5045
  "isMulticolor2": false,
5036
5046
  "colorPermutations": {},
5037
5047
  "tags": ["file-xml"],
5038
5048
  "grid": 0
5039
5049
  },
5040
- "attrs": [],
5050
+ "attrs": [{}, {}, {}],
5041
5051
  "properties": {
5042
5052
  "order": 850,
5043
5053
  "id": 210,
package/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from './lib/components';
2
2
  export * as lightColors from './lib/theme-provider/colors/light-theme-colors';
3
3
  export * as themeVariables from './lib/theme-provider/common/variables';
4
- export { DotThemeProvider } from './lib/theme-provider/ThemeProvider';
4
+ export { avatarColors, DotThemeProvider, typographyOptions, } from './lib/theme-provider/ThemeProvider';
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { ReactElement, ReactNode } from 'react';
2
2
  import { CommonProps } from '../CommonProps';
3
3
  export interface AccordionProps extends CommonProps {
4
4
  /** actionable components (ex: checkbox, button) that can be nested within the expanded Accordion component */
@@ -18,6 +18,6 @@ export interface AccordionProps extends CommonProps {
18
18
  /** Icon placed before the children. */
19
19
  startIcon?: ReactNode;
20
20
  /** The text within the expanded Accordion */
21
- summary: ReactNode;
21
+ summary: ReactElement;
22
22
  }
23
23
  export declare const DotAccordion: ({ actions, ariaLabel, children, className, "data-testid": dataTestId, defaultExpanded, disabled, hasElevation, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element;
@@ -1,10 +1,17 @@
1
1
  import { MouseEvent, ReactNode } from 'react';
2
2
  import { CommonProps } from '../CommonProps';
3
+ import { TypographyVariant } from '../typography/Typography';
3
4
  export declare type AlertBannerSeverity = 'error' | 'info' | 'success' | 'warning';
4
5
  export interface AlertBannerProps extends CommonProps {
6
+ /** The action to display. It renders after the message, at the end of the alert */
5
7
  action?: ReactNode;
8
+ /** The content of the component */
6
9
  children: ReactNode | string;
10
+ /** callback which is triggered when alert banner is closed */
7
11
  onClose?: (event: MouseEvent) => void;
12
+ /** will determine color and icon being used */
8
13
  severity: AlertBannerSeverity;
14
+ /** when specified, will control the text that is used inside the alert banner */
15
+ textVariant?: TypographyVariant;
9
16
  }
10
- export declare const DotAlertBanner: ({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, severity, }: AlertBannerProps) => JSX.Element;
17
+ export declare const DotAlertBanner: ({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, severity, textVariant, }: AlertBannerProps) => JSX.Element;
@@ -25,6 +25,8 @@ export interface AutoCompleteProps extends CommonProps {
25
25
  defaultValue?: AutoCompleteValue;
26
26
  /** If true, the input will be disabled. */
27
27
  disabled?: boolean;
28
+ /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
29
+ disablePortal?: boolean;
28
30
  /** If true, the input will be displayed in an error state. */
29
31
  error?: boolean;
30
32
  /** If true, any arbitrary value can be typed in the field */
@@ -52,4 +54,4 @@ export interface AutoCompleteProps extends CommonProps {
52
54
  /** value if this is a controlled component */
53
55
  value?: AutoCompleteValue;
54
56
  }
55
- export declare const DotAutoComplete: ({ actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, error, freesolo, group, helperText, inputId, inputRef, label, multiple, onChange, options, placeholder, size, value, }: AutoCompleteProps) => JSX.Element;
57
+ export declare const DotAutoComplete: ({ actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, disablePortal, error, freesolo, group, helperText, inputId, inputRef, label, multiple, onChange, options, placeholder, size, value, }: AutoCompleteProps) => JSX.Element;
@@ -9,6 +9,8 @@ export interface AvatarProps extends CommonProps {
9
9
  alt: string;
10
10
  /** Color for avatar (ignored if type is 'image') */
11
11
  color?: AvatarColor;
12
+ /** Used for the root node; button is used when onClick is passed. */
13
+ component?: string;
12
14
  /** The ID of the icon to display on the avatar */
13
15
  iconId?: string;
14
16
  /** Source for the image used for the avatar */
@@ -28,4 +30,4 @@ export interface AvatarProps extends CommonProps {
28
30
  /** The shape of the avatar */
29
31
  variant?: AvatarVariant;
30
32
  }
31
- export declare const DotAvatar: ({ alt, ariaLabel, className, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element;
33
+ export declare const DotAvatar: ({ alt, ariaLabel, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { CommonProps } from '../CommonProps';
3
- export declare type BadgeOverlap = 'circle' | 'rectangle' | 'circular' | 'rectangular';
3
+ export declare type BadgeOverlap = 'circular' | 'rectangular';
4
4
  export interface BadgeProps extends CommonProps {
5
5
  /** custom color code for the badge */
6
6
  badgeColor?: string;
@@ -1,3 +1,6 @@
1
- import { BadgeProps } from './Badge';
2
1
  export declare const rootClassName = "dot-badge";
3
- export declare const StyledBadge: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").BadgeTypeMap<{}, "div">>, any, BadgeProps, never>;
2
+ interface StyledBadgeProps {
3
+ $badgeColor?: string;
4
+ }
5
+ export declare const StyledBadge: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").BadgeTypeMap<{}, "div">>, any, StyledBadgeProps, never>;
6
+ export {};
@@ -16,13 +16,16 @@ export interface ButtonToggleProps extends CommonProps {
16
16
  disableFocusRipple?: boolean;
17
17
  /** If true, the ripple effect will be disabled. */
18
18
  disableRipple?: boolean;
19
+ /** If true, only allow one of the values to be selected. */
20
+ exclusive?: boolean;
21
+ /** callback function that is executed when the value changes */
19
22
  onChange: (event: MouseEvent, value: ButtonToggleValue) => void;
20
23
  /** The group orientation (layout flow direction)*/
21
24
  orientation?: ButtonToggleOrientation;
22
25
  /** The size of the buttons.*/
23
26
  size?: ButtonToggleSize;
24
27
  /** The value to associate with the button when selected in a ToggleButtonGroup */
25
- value: ButtonToggleValue;
28
+ value?: ButtonToggleValue;
26
29
  }
27
- export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, "data-testid": dataTestId, disableFocusRipple, disableRipple, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
30
+ export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
28
31
  export {};
@@ -8,4 +8,4 @@ export interface DynamicFormProps extends CommonProps {
8
8
  onChange?: (formData: DynamicFormState) => void;
9
9
  onSubmit?: (formData: DynamicFormOutputData) => void;
10
10
  }
11
- export declare const DotDynamicForm: ({ ariaLabel, className, "data-testid": dataTestId, config, disabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element;
11
+ export declare const DotDynamicForm: ({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ControlClickHandler, DynamicFormConfig } from './models';
2
+ export declare const getDynamicFormConfig: (handleProgressControlClick?: ControlClickHandler) => DynamicFormConfig;
@@ -0,0 +1 @@
1
+ export declare const StyledDynamicFormStory: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const rootClassName = "dot-dynamic-form";
2
- export declare const StyledDynamicForm: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const StyledDynamicForm: import("styled-components").StyledComponent<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: import("../form/Form").FormProps) => JSX.Element, any, {}, never>;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { ComponentType, ReactNode } from 'react';
2
2
  import { AutoCompleteProps } from '../auto-complete/AutoComplete';
3
3
  import { ButtonProps } from '../button/Button';
4
4
  import { CheckboxProps } from '../checkbox/Checkbox';
@@ -7,21 +7,35 @@ import { InputSelectProps } from '../input-form-fields/InputSelect';
7
7
  import { CheckboxGroupProps } from '../checkbox/CheckboxGroup';
8
8
  import { RadioGroupProps } from '../radio/RadioGroup';
9
9
  import { SwitchProps } from '../switch/Switch';
10
- export declare type DynamicFormControlType = 'dot-input-text' | 'dot-input-select' | 'dot-checkbox' | 'dot-checkbox-group' | 'dot-autocomplete' | 'dot-button' | 'dot-radio-group' | 'dot-reset' | 'dot-submit' | 'dot-switch' | 'custom-element';
11
- export declare type DynamicFormControlProps = AutoCompleteProps | InputTextProps | InputSelectProps | CheckboxProps | CheckboxGroupProps | ButtonProps | RadioGroupProps | SwitchProps;
10
+ import { ProgressButtonProps } from '../progress-button/ProgressButton';
11
+ export declare type DynamicFormControlType = 'dot-input-text' | 'dot-input-select' | 'dot-checkbox' | 'dot-checkbox-group' | 'dot-autocomplete' | 'dot-button' | 'dot-progress-button' | 'dot-radio-group' | 'dot-reset' | 'dot-submit' | 'dot-progress-submit' | 'dot-switch' | 'dot-form-section' | 'custom-element';
12
+ export declare type DynamicFormControlProps = AutoCompleteProps | InputTextProps | InputSelectProps | CheckboxProps | CheckboxGroupProps | ButtonProps | ProgressButtonProps | RadioGroupProps | SwitchProps;
12
13
  export interface DynamicFormOutputData {
13
14
  [key: string]: unknown;
14
15
  }
15
16
  export declare type ConditionFunction = (formValues: DynamicFormOutputData) => boolean;
16
- export declare type HiddenControl = boolean | ConditionFunction;
17
+ export declare type DisabledConditionFunction = (formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
18
+ export declare type ControlCondition = boolean | ConditionFunction;
19
+ export declare type DisabledControlCondition = boolean | DisabledConditionFunction;
20
+ export declare type ControlClickHandler = (formValues: DynamicFormOutputData) => void;
21
+ export interface DynamicFormSectionProps {
22
+ sectionControls: ReactNode[];
23
+ }
24
+ export interface DynamicFormSection {
25
+ FormSectionComponent: ComponentType<DynamicFormSectionProps>;
26
+ sectionControls: DynamicFormControl[];
27
+ }
17
28
  export interface DynamicFormControl {
18
29
  controlName?: string;
19
- controlType: DynamicFormControlType;
20
30
  controlProps?: DynamicFormControlProps;
31
+ controlType: DynamicFormControlType;
32
+ formSection?: DynamicFormSection;
33
+ customElement?: ReactNode;
34
+ disabled?: DisabledControlCondition;
35
+ hidden?: ControlCondition;
21
36
  initialValue?: unknown;
37
+ onControlClick?: ControlClickHandler;
22
38
  validation?: DynamicFormValidation;
23
- customElement?: ReactNode;
24
- hidden?: HiddenControl;
25
39
  }
26
40
  export interface FieldValidation {
27
41
  isValid: boolean;
@@ -51,7 +65,7 @@ export interface DynamicFormStateItem {
51
65
  isValid: boolean;
52
66
  isTouched: boolean;
53
67
  errorMessage: string;
54
- hidden?: HiddenControl;
68
+ hidden?: ControlCondition;
55
69
  }
56
70
  export interface DynamicFormState {
57
71
  data: DynamicFormStateData;
@@ -1,4 +1,2 @@
1
- import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState } from './models';
2
- export declare const sampleMiddleNameHiddenFn: (formValues: DynamicFormOutputData) => boolean;
3
- export declare const getSampleConfig: () => DynamicFormConfig;
1
+ import { DynamicFormState } from './models';
4
2
  export declare const getSampleFormState: () => DynamicFormState;
@@ -1,5 +1,5 @@
1
1
  import { ChangeEvent } from 'react';
2
- import { DynamicFormConfig, DynamicFormControlProps, DynamicFormState, DynamicFormStateData } from '../models';
2
+ import { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, DynamicFormStateItem } from '../models';
3
3
  import { AutoCompleteValue } from '../../auto-complete/AutoComplete';
4
4
  import { CheckboxProps } from '../../checkbox/Checkbox';
5
5
  declare type AutoCompleteChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>, value: AutoCompleteValue) => void;
@@ -18,9 +18,11 @@ export interface ControlledInputArgs extends InputBaseArgs {
18
18
  }
19
19
  export interface UncontrolledInputArgs extends InputBaseArgs {
20
20
  formState?: DynamicFormState;
21
- handleClick?: () => void;
21
+ handleClick?: (formValues?: DynamicFormOutputData) => void;
22
22
  }
23
+ export declare const getInitialStateFromControl: ({ hidden, initialValue, controlType, validation, formSection, }: DynamicFormControl, liveValidation: boolean, formValues: DynamicFormOutputData) => DynamicFormStateItem;
23
24
  export declare const getInitialFormState: (config: DynamicFormConfig, liveValidation: boolean) => DynamicFormState;
25
+ export declare const getControlClickHandler: (formValues: DynamicFormOutputData, onControlClick?: ControlClickHandler) => () => void;
24
26
  export declare const buildInputTextControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
25
27
  export declare const buildInputSelectControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
26
28
  export declare const buildAutocompleteControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
@@ -28,7 +30,9 @@ export declare const buildRadioGroupControl: ({ controlName, controlProps, disab
28
30
  export declare const buildCheckboxControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
29
31
  export declare const buildCheckboxGroupControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
30
32
  export declare const buildSwitchControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
31
- export declare const buildButtonControl: ({ controlProps, disabled, index, }: UncontrolledInputArgs) => JSX.Element;
33
+ export declare const buildButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => JSX.Element;
34
+ export declare const buildProgressButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => JSX.Element;
32
35
  export declare const buildResetControl: ({ controlProps, disabled, handleClick, index, }: UncontrolledInputArgs) => JSX.Element;
33
36
  export declare const buildSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => JSX.Element;
37
+ export declare const buildProgressSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => JSX.Element;
34
38
  export {};
@@ -1,5 +1,6 @@
1
- import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, HiddenControl } from '../models';
1
+ import { ControlCondition, DisabledControlCondition, DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData } from '../models';
2
2
  export declare const getControlValue: <T extends unknown>(controlName: string, data: DynamicFormStateData) => T;
3
3
  export declare const getOutputFormData: (formState: DynamicFormState) => DynamicFormOutputData;
4
- export declare const checkIfHiddenControl: (hidden: HiddenControl, formValues: DynamicFormOutputData) => boolean;
4
+ export declare const checkIfHiddenControl: (hidden: ControlCondition, formValues: DynamicFormOutputData) => boolean;
5
+ export declare const checkIfDisabledControl: (disabled: DisabledControlCondition, formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
5
6
  export declare const getFormDataFromInitialValues: (config: DynamicFormConfig) => DynamicFormOutputData;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { FileWithPath } from 'react-dropzone';
3
+ import { CommonProps } from '../CommonProps';
4
+ export interface FileItemProps extends CommonProps {
5
+ deleteFile: (file: FileWithPath) => void;
6
+ error?: boolean;
7
+ errorText?: string;
8
+ file: FileWithPath;
9
+ }
10
+ export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, error, errorText, file, }: FileItemProps) => JSX.Element;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { CommonProps } from '../CommonProps';
3
+ import { MappedFile } from './uploadHelpers';
4
+ export interface FileUploadProps extends CommonProps {
5
+ /** Unique file type specifiers <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers" target="_blank">More Info</a> */
6
+ accept?: Array<string>;
7
+ /** If true, will only display the button */
8
+ buttonOnly?: boolean;
9
+ /** If true, the upload zone will be disabled */
10
+ disabled?: boolean;
11
+ /** Defines the maximum number of files that can be uploaded at once */
12
+ maxFiles?: number;
13
+ /** Defines the maximum file size (in MB) */
14
+ maxSize: number;
15
+ /** callback triggered when files are added or removed */
16
+ onChange: (files: Array<MappedFile>) => void;
17
+ /** callback triggered when dragenter event occurs */
18
+ onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
19
+ }
20
+ export declare const DotFileUpload: ({ accept, ariaLabel, buttonOnly, className, "data-testid": dataTestId, disabled, maxFiles, maxSize, onChange, onDragEnter, }: FileUploadProps) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ export declare const rootClassName = "dot-file-upload";
2
+ export declare const containerClassName: string;
3
+ export declare const fileClassName: string;
4
+ export declare const dropZoneClassName: string;
5
+ export declare const StyledFileUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { FileWithPath } from 'react-dropzone';
3
+ export interface MappedFile {
4
+ errors: Array<FileUploadError>;
5
+ file: FileWithPath;
6
+ }
7
+ export interface FileUploadError {
8
+ code: string;
9
+ message: string;
10
+ }
11
+ export declare const parseListItem: (deleteFile: (file: FileWithPath) => void, fileToBeParsed: MappedFile, maxSize: number) => {
12
+ child: JSX.Element;
13
+ };
@@ -7,7 +7,7 @@ export type { CheckboxProps } from './checkbox/Checkbox';
7
7
  export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
8
8
  export type { SubmitButtonProps } from './dialog/Dialog';
9
9
  export type { DynamicFormProps } from './dynamic-form/DynamicForm';
10
- export type { DynamicFormConfig, DynamicFormOutputData, DynamicFormState, FieldValidation, } from './dynamic-form/models';
10
+ export type { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormOutputData, DynamicFormState, FieldValidation, DynamicFormSectionProps, } from './dynamic-form/models';
11
11
  export type { IconButtonProps } from './button/IconButton';
12
12
  export type { InputTextProps } from './input-form-fields/InputText';
13
13
  export type { InputSelectProps } from './input-form-fields/InputSelect';
@@ -25,6 +25,7 @@ export type { TableDataWithPagination } from './table/TableDataWithPagination';
25
25
  export type { RowsPerPageOption } from './table/TablePagination';
26
26
  export type { TabProps } from './tabs/Tabs';
27
27
  export type { TypographyVariant } from './typography/Typography';
28
+ export type { ProgressButtonProps } from './progress-button/ProgressButton';
28
29
  export { DotAccordion } from './accordion/Accordion';
29
30
  export { DotActionToolbar } from './action-toolbar/ActionToolbar';
30
31
  export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -72,6 +73,7 @@ export { DotSkeleton } from './skeleton/Skeleton';
72
73
  export { DotSnackbar } from './snackbar/Snackbar';
73
74
  export { DotSnackbarContainer, DotSnackbarProvider, useDotSnackbarContext, } from './snackbar/SnackbarProvider';
74
75
  export { DotSplitButton } from './split-button/SplitButton';
76
+ export { DotProgressButton } from './progress-button/ProgressButton';
75
77
  export { DotSwitch } from './switch/Switch';
76
78
  export { DotTable } from './table/Table';
77
79
  export { DotTooltip } from './tooltip/Tooltip';
@@ -79,3 +81,4 @@ export { DotHeaderRow } from './table/TableHeader';
79
81
  export { DotTablePagination } from './table/TablePagination';
80
82
  export { DotTabs } from './tabs/Tabs';
81
83
  export { DotTypography } from './typography/Typography';
84
+ export { DotFileUpload } from './file-upload/FileUpload';
@@ -1,4 +1,4 @@
1
- import { ChangeEvent, ReactNode, Ref } from 'react';
1
+ import { ChangeEvent, ReactNode, Ref, KeyboardEvent } from 'react';
2
2
  import { CommonProps } from '../CommonProps';
3
3
  export declare type inputSizeOptions = 'small' | 'medium';
4
4
  export interface InputProps extends CommonProps {
@@ -27,8 +27,14 @@ export interface InputProps extends CommonProps {
27
27
  label?: string;
28
28
  /** The name of input element */
29
29
  name: string;
30
+ /** A function that should be executed when the input loses focus */
31
+ onBlur?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
30
32
  /** A function that should be executed when the value of the input changes */
31
33
  onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
34
+ /** A function that should be executed when the input gains focus */
35
+ onFocus?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
36
+ /** A function that should be executed when key is pressed */
37
+ onKeyDown?: (event: KeyboardEvent) => void;
32
38
  /** If true, the label is displayed as required and the input element` will be required. */
33
39
  required?: boolean;
34
40
  /** Size of the input */
@@ -8,4 +8,4 @@ export interface InputSelectProps extends InputProps {
8
8
  /** value of input field */
9
9
  value?: string;
10
10
  }
11
- export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onChange, options, required, size, startIcon, value, warning, }: InputSelectProps) => JSX.Element;
11
+ export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, required, size, startIcon, value, warning, }: InputSelectProps) => JSX.Element;
@@ -17,4 +17,4 @@ export interface InputTextProps extends InputProps {
17
17
  /** value of the InputText */
18
18
  value?: string;
19
19
  }
20
- export declare const DotInputText: ({ autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onChange, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;
20
+ export declare const DotInputText: ({ autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onBlur, onChange, onFocus, onKeyDown, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;