@innovaccer/design-system 2.5.0 → 2.7.0-0

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 (462) hide show
  1. package/.eslintrc.json +54 -0
  2. package/.github/workflows/chromatic.yml +5 -0
  3. package/.github/workflows/main.yml +2 -2
  4. package/.github/workflows/pull_request.yml +2 -2
  5. package/.github/workflows/test.yml +1 -1
  6. package/.husky/commit-msg +4 -0
  7. package/.prettierrc +2 -2
  8. package/.storybook/main.js +4 -0
  9. package/.vscode/settings.json +11 -0
  10. package/CHANGELOG.md +78 -0
  11. package/CONTRIBUTING.md +180 -98
  12. package/commitlint.config.js +1 -0
  13. package/core/accessibility/utils/index.ts +5 -0
  14. package/core/accessibility/utils/isEnterKey.ts +5 -0
  15. package/core/accessibility/utils/isSpaceKey.ts +5 -0
  16. package/core/accessibility/utils/useAccessibilityProps.ts +33 -0
  17. package/core/common.type.tsx +22 -0
  18. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +17 -9
  19. package/core/components/atoms/_chip/index.tsx +19 -3
  20. package/core/components/atoms/avatar/Avatar.tsx +4 -14
  21. package/core/components/atoms/avatar/__stories__/variants/Appearance.story.tsx +3 -2
  22. package/core/components/atoms/avatar/__tests__/Avatar.test.tsx +14 -9
  23. package/core/components/atoms/avatarGroup/AvatarGroup.tsx +3 -5
  24. package/core/components/atoms/badge/Badge.tsx +2 -12
  25. package/core/components/atoms/badge/__tests__/Badge.test.tsx +22 -7
  26. package/core/components/atoms/badge/_stories_/variants/Appearance.story.tsx +3 -2
  27. package/core/components/atoms/badge/_stories_/variants/Subtle.story.tsx +3 -2
  28. package/core/components/atoms/button/Button.tsx +10 -7
  29. package/core/components/atoms/button/__stories__/Alert.story.tsx +8 -1
  30. package/core/components/atoms/button/__stories__/Cancel.story.tsx +4 -1
  31. package/core/components/atoms/button/__stories__/IconButtonGroup.story.tsx +12 -3
  32. package/core/components/atoms/button/__stories__/IconButtonSecondary.story.tsx +6 -1
  33. package/core/components/atoms/button/__stories__/IconLeftSecondary.story.tsx +4 -1
  34. package/core/components/atoms/button/__stories__/IconRightSecondary.story.tsx +4 -1
  35. package/core/components/atoms/button/__stories__/IconTransparent.story.tsx +4 -1
  36. package/core/components/atoms/button/__stories__/LabelButtonGroup.story.tsx +14 -3
  37. package/core/components/atoms/button/__stories__/LargeIconExpanded.story.tsx +4 -1
  38. package/core/components/atoms/button/__stories__/LoadingPrimary.story.tsx +4 -1
  39. package/core/components/atoms/button/__stories__/Primary.story.tsx +5 -2
  40. package/core/components/atoms/button/__stories__/SplitButton.story.tsx +6 -1
  41. package/core/components/atoms/button/__stories__/Transparent.story.tsx +8 -1
  42. package/core/components/atoms/button/__stories__/index.story.tsx +12 -2
  43. package/core/components/atoms/button/__stories__/variants/Appearance.story.tsx +6 -2
  44. package/core/components/atoms/button/__stories__/variants/Expanded.story.tsx +6 -2
  45. package/core/components/atoms/button/__stories__/variants/Size.story.tsx +4 -0
  46. package/core/components/atoms/button/__stories__/variants/icon/Icon.story.tsx +15 -0
  47. package/core/components/atoms/button/__stories__/variants/icon/IconLeft.story.tsx +6 -2
  48. package/core/components/atoms/button/__stories__/variants/icon/IconRight.story.tsx +6 -2
  49. package/core/components/atoms/button/__stories__/variants/state/Alert.story.tsx +7 -17
  50. package/core/components/atoms/button/__stories__/variants/state/Basic.story.tsx +9 -17
  51. package/core/components/atoms/button/__stories__/variants/state/Primary.story.tsx +7 -17
  52. package/core/components/atoms/button/__stories__/variants/state/Transparent.story.tsx +13 -17
  53. package/core/components/atoms/button/__tests__/Button.test.tsx +1 -1
  54. package/core/components/atoms/button/__tests__/__snapshots__/Button.test.tsx.snap +0 -137
  55. package/core/components/atoms/card/__stories__/empty.story.tsx +1 -1
  56. package/core/components/atoms/card/__stories__/nested.story.tsx +1 -1
  57. package/core/components/atoms/card/__stories__/scroll.story.tsx +1 -1
  58. package/core/components/atoms/checkbox/Checkbox.tsx +8 -9
  59. package/core/components/atoms/checkbox/__stories__/variants/Size.story.tsx +2 -2
  60. package/core/components/atoms/chip/Chip.tsx +3 -2
  61. package/core/components/atoms/chip/__stories__/variants/Selection.story.tsx +17 -0
  62. package/core/components/atoms/chip/__stories__/variants/Type.story.tsx +2 -2
  63. package/core/components/atoms/chip/__tests__/Chip.test.tsx +7 -0
  64. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +11 -5
  65. package/core/components/atoms/chipGroup/__tests__/chipGroup.test.tsx +2 -2
  66. package/core/components/atoms/chipGroup/_stories_/index.story.tsx +2 -2
  67. package/core/components/atoms/collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap +8 -0
  68. package/core/components/atoms/divider/Divider.tsx +44 -0
  69. package/core/components/atoms/divider/__stories__/BasicDividerInCard.story.tsx +74 -0
  70. package/core/components/atoms/divider/__stories__/HeaderDividerInCard.story.tsx +35 -0
  71. package/core/components/atoms/divider/__stories__/IndentedDivider.story.tsx +49 -0
  72. package/core/components/atoms/divider/__stories__/Vertical.story.tsx +51 -0
  73. package/core/components/atoms/divider/__stories__/index.story.tsx +91 -0
  74. package/core/components/atoms/divider/__stories__/variants/HorizontalDivider.story.tsx +27 -0
  75. package/core/components/atoms/divider/__tests__/Divider.test.tsx +50 -0
  76. package/core/components/atoms/divider/__tests__/__snapshots__/Divider.test.tsx.snap +53 -0
  77. package/core/components/atoms/divider/index.tsx +2 -0
  78. package/core/components/atoms/dropdown/Dropdown.tsx +18 -17
  79. package/core/components/atoms/dropdown/DropdownButton.tsx +2 -2
  80. package/core/components/atoms/dropdown/DropdownList.tsx +18 -7
  81. package/core/components/atoms/dropdown/Loading.tsx +1 -1
  82. package/core/components/atoms/dropdown/__stories__/CustomSearchPlaceholder.story.tsx +45 -0
  83. package/core/components/atoms/dropdown/__stories__/_common_/types.tsx +3 -0
  84. package/core/components/atoms/dropdown/__stories__/variants/Size.story.tsx +2 -2
  85. package/core/components/atoms/dropdown/__stories__/variants/controlledDropdown/MultiSelect.story.tsx +28 -18
  86. package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +12 -1
  87. package/core/components/atoms/dropdown/__tests__/Loading.test.tsx +0 -1
  88. package/core/components/atoms/dropdown/option/DefaultOption.tsx +3 -0
  89. package/core/components/atoms/dropdown/option/IconOption.tsx +3 -0
  90. package/core/components/atoms/dropdown/option/IconWithMetaOption.tsx +3 -0
  91. package/core/components/atoms/dropdown/option/MetaOption.tsx +3 -0
  92. package/core/components/atoms/dropdown/option/index.tsx +1 -1
  93. package/core/components/atoms/editable/Editable.tsx +3 -0
  94. package/core/components/atoms/heading/Heading.tsx +4 -4
  95. package/core/components/atoms/heading/__stories__/variants/Appearance.story.tsx +3 -2
  96. package/core/components/atoms/heading/__tests__/Heading.test.tsx +4 -3
  97. package/core/components/atoms/icon/Icon.tsx +16 -5
  98. package/core/components/atoms/icon/__stories__/variants/Image.story.tsx +6 -1
  99. package/core/components/atoms/icon/__tests__/__snapshots__/Icon.test.tsx.snap +74 -0
  100. package/core/components/atoms/input/Input.tsx +17 -7
  101. package/core/components/atoms/input/__stories__/BasicInput.story.tsx +2 -1
  102. package/core/components/atoms/input/__stories__/InputWithCaption.story.tsx +91 -9
  103. package/core/components/atoms/input/__stories__/InputWithLabel.story.tsx +11 -3
  104. package/core/components/atoms/input/__stories__/LabelPosition.story.tsx +46 -4
  105. package/core/components/atoms/input/__stories__/RequiredVsOptional.story.tsx +12 -8
  106. package/core/components/atoms/input/__stories__/variants/controlledInput.story.tsx +46 -0
  107. package/core/components/atoms/input/__stories__/variants/types/BasicInput.story.tsx +2 -2
  108. package/core/components/atoms/input/__stories__/variants/types/IconLeft.story.tsx +2 -10
  109. package/core/components/atoms/input/__stories__/variants/types/WithLabel.story.tsx +1 -9
  110. package/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap +19 -0
  111. package/core/components/atoms/label/Label.tsx +1 -1
  112. package/core/components/atoms/legend/Legend.tsx +5 -2
  113. package/core/components/atoms/legend/__stories__/variants/labelAppearance.story.tsx +2 -2
  114. package/core/components/atoms/link/Link.tsx +4 -4
  115. package/core/components/atoms/message/Message.tsx +12 -12
  116. package/core/components/atoms/message/__stories__/index.story.tsx +1 -1
  117. package/core/components/atoms/message/__stories__/variants/Appearance.story.tsx +1 -1
  118. package/core/components/atoms/message/__stories__/variants/AppearanceTitle.story.tsx +1 -1
  119. package/core/components/atoms/message/__tests__/Message.test.tsx +1 -6
  120. package/core/components/atoms/message/__tests__/__snapshots__/Message.test.tsx.snap +0 -45
  121. package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +2 -2
  122. package/core/components/atoms/metricInput/MetricInput.tsx +17 -7
  123. package/core/components/atoms/metricInput/__stories__/DefaultMetric.story.tsx +8 -2
  124. package/core/components/atoms/metricInput/__stories__/WithPrefix.story.tsx +6 -2
  125. package/core/components/atoms/metricInput/__stories__/index.story.tsx +1 -0
  126. package/core/components/atoms/metricInput/__stories__/variants/Controlled.story.tsx +2 -0
  127. package/core/components/atoms/metricInput/__stories__/variants/Size.story.tsx +2 -2
  128. package/core/components/atoms/metricInput/__stories__/withSuffix.story.tsx +6 -2
  129. package/core/components/atoms/metricInput/__tests__/__snapshots__/MetricInput.test.tsx.snap +20 -4
  130. package/core/components/atoms/multiSlider/Handle.tsx +3 -0
  131. package/core/components/atoms/multiSlider/SliderUtils.tsx +1 -4
  132. package/core/components/atoms/multiSlider/index.tsx +9 -4
  133. package/core/components/atoms/outsideClick/OutsideClick.tsx +1 -2
  134. package/core/components/atoms/paragraph/Paragraph.tsx +2 -2
  135. package/core/components/atoms/paragraph/__stories__/variants/Appearance.story.tsx +2 -2
  136. package/core/components/atoms/paragraph/__tests__/Paragraph.test.tsx +2 -2
  137. package/core/components/atoms/pills/Pills.tsx +2 -12
  138. package/core/components/atoms/pills/__stories__/variants/Appearance.story.tsx +3 -2
  139. package/core/components/atoms/pills/__stories__/variants/Subtle.story.tsx +3 -2
  140. package/core/components/atoms/pills/__tests__/Pills.test.tsx +3 -2
  141. package/core/components/atoms/placeholderImage/PlaceholderImage.tsx +2 -2
  142. package/core/components/atoms/placeholderImage/__stories__/variants/Size.story.tsx +2 -2
  143. package/core/components/atoms/placeholderParagraph/PlaceholderParagraph.tsx +2 -2
  144. package/core/components/atoms/placeholderParagraph/__stories__/variants/Size.story.tsx +2 -2
  145. package/core/components/atoms/popperWrapper/PopperWrapper.tsx +2 -6
  146. package/core/components/atoms/progressRing/ProgressRing.tsx +2 -2
  147. package/core/components/atoms/progressRing/__stories__/variants/Size.story.tsx +1 -1
  148. package/core/components/atoms/radio/Radio.tsx +4 -5
  149. package/core/components/atoms/rangeSlider/RangeSlider.tsx +1 -2
  150. package/core/components/atoms/rangeSlider/__stories__/index.story.tsx +1 -2
  151. package/core/components/atoms/rangeSlider/__stories__/variants/Controlled.story.tsx +1 -2
  152. package/core/components/atoms/rangeSlider/__stories__/variants/CustomLabels.story.tsx +1 -2
  153. package/core/components/atoms/spinner/Spinner.tsx +4 -4
  154. package/core/components/atoms/spinner/__stories__/variants/Appearance.story.tsx +2 -2
  155. package/core/components/atoms/spinner/__stories__/variants/Size.story.tsx +1 -1
  156. package/core/components/atoms/statusHint/StatusHint.tsx +5 -3
  157. package/core/components/atoms/statusHint/__stories__/variants/Appearance.story.tsx +3 -2
  158. package/core/components/atoms/statusHint/__tests__/StatusHint.test.tsx +3 -2
  159. package/core/components/atoms/subheading/Subheading.tsx +2 -2
  160. package/core/components/atoms/subheading/__stories__/variants/Appearance.story.tsx +3 -2
  161. package/core/components/atoms/subheading/__tests__/Subheading.test.tsx +3 -2
  162. package/core/components/atoms/switchInput/Switch.tsx +14 -9
  163. package/core/components/atoms/switchInput/__stories__/DefaultSwitch.story.tsx +4 -1
  164. package/core/components/atoms/switchInput/__stories__/OffState.story.tsx +4 -1
  165. package/core/components/atoms/switchInput/__stories__/index.story.tsx +26 -3
  166. package/core/components/atoms/switchInput/__stories__/variants/Size.story.tsx +10 -1
  167. package/core/components/atoms/switchInput/__stories__/variants/State.story.tsx +9 -2
  168. package/core/components/atoms/text/Text.tsx +4 -4
  169. package/core/components/atoms/text/__stories__/variants/Appearance.story.tsx +2 -2
  170. package/core/components/atoms/text/__tests__/Text.test.tsx +2 -3
  171. package/core/components/atoms/textarea/__stories__/TextareaWithCaption.story.tsx +9 -3
  172. package/core/components/atoms/textarea/__stories__/defaultTextarea.story.tsx +10 -2
  173. package/core/components/atoms/textarea/__stories__/index.story.tsx +1 -0
  174. package/core/components/atoms/textarea/__stories__/variants/Disable.story.tsx +1 -0
  175. package/core/components/atoms/toast/ActionButton.tsx +2 -2
  176. package/core/components/atoms/toast/Toast.tsx +11 -6
  177. package/core/components/atoms/toast/__stories__/index.story.tsx +2 -6
  178. package/core/components/atoms/toast/__stories__/variants/Appearance.story.tsx +3 -2
  179. package/core/components/atoms/toast/__stories__/variants/ToastMessage.story.tsx +3 -2
  180. package/core/components/atoms/toast/__stories__/variants/ToastWithAction.story.tsx +3 -2
  181. package/core/components/atoms/toast/__tests__/Toast.test.tsx +1 -1
  182. package/core/components/atoms/toast/__tests__/__snapshots__/Toast.test.tsx.snap +24 -125
  183. package/core/components/css-utilities/Schema.tsx +1 -1
  184. package/core/components/css-utilities/Spacing/Schema.tsx +1 -1
  185. package/core/components/molecules/chatMessage/Box.tsx +3 -0
  186. package/core/components/molecules/chipInput/ChipInput.tsx +3 -0
  187. package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +14 -2
  188. package/core/components/molecules/dropzone/Dropzone.tsx +6 -3
  189. package/core/components/molecules/dropzone/DropzoneBase.tsx +22 -38
  190. package/core/components/molecules/dropzone/FileSelectorUtils.tsx +1 -1
  191. package/core/components/molecules/dropzone/__stories__/index.story.tsx +151 -41
  192. package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +2 -2
  193. package/core/components/molecules/dropzone/utils.tsx +6 -4
  194. package/core/components/molecules/editableChipInput/EditableChipInput.tsx +9 -5
  195. package/core/components/molecules/editableChipInput/__stories__/Uncontrolled.story.tsx +1 -1
  196. package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +12 -4
  197. package/core/components/molecules/editableDropdown/EditableDropdown.tsx +2 -2
  198. package/core/components/molecules/editableInput/EditableInput.tsx +13 -4
  199. package/core/components/molecules/emptyState/EmptyState.tsx +9 -5
  200. package/core/components/molecules/emptyState/__stories__/pageNotLoadedWithSVG.story.tsx +26 -26
  201. package/core/components/molecules/fileList/FileListItem.tsx +3 -2
  202. package/core/components/molecules/fileUploader/FileUploaderItem.tsx +3 -2
  203. package/core/components/molecules/fileUploader/FileUploaderStatus.tsx +1 -1
  204. package/core/components/molecules/fileUploader/__stories__/_common_/types.tsx +3 -0
  205. package/core/components/molecules/fileUploader/__stories__/index.story.tsx +3 -222
  206. package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +5 -7
  207. package/core/components/molecules/inputMask/InputMask.tsx +212 -146
  208. package/core/components/molecules/inputMask/__stories__/index.story.tsx +24 -0
  209. package/core/components/molecules/inputMask/__tests__/__snapshots__/InputMask.test.tsx.snap +1 -0
  210. package/core/components/molecules/modal/Modal.tsx +4 -6
  211. package/core/components/molecules/modal/__stories__/Confirmation.story.tsx +1 -1
  212. package/core/components/molecules/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +5 -1
  213. package/core/components/molecules/placeholder/Placeholder.tsx +2 -2
  214. package/core/components/molecules/popover/Popover.tsx +2 -9
  215. package/core/components/molecules/sidesheet/Sidesheet.tsx +5 -7
  216. package/core/components/molecules/sidesheet/__stories__/variants/CustomHeader.story.tsx +172 -0
  217. package/core/components/molecules/stepper/Step.tsx +2 -0
  218. package/core/components/molecules/tabs/Tabs.tsx +2 -0
  219. package/core/components/molecules/tabs/TabsWrapper.tsx +2 -0
  220. package/core/components/molecules/tabs/__stories__/CustomLabels.story.tsx +1 -1
  221. package/core/components/molecules/tooltip/Tooltip.tsx +4 -4
  222. package/core/components/molecules/verificationCodeInput/VerificationCodeInput.tsx +8 -4
  223. package/core/components/molecules/verificationCodeInput/__stories__/index.story.tsx +3 -1
  224. package/core/components/molecules/verificationCodeInput/__tests__/__snapshots__/VerificationCodeInput.test.tsx.snap +1 -0
  225. package/core/components/organisms/calendar/Calendar.tsx +130 -8
  226. package/core/components/organisms/calendar/__stories__/variants/firstDayOfWeek.story.tsx +2 -2
  227. package/core/components/organisms/calendar/__tests__/Calendar.test.tsx +27 -0
  228. package/core/components/organisms/calendar/utility.ts +3 -3
  229. package/core/components/organisms/choiceList/ChoiceList.tsx +12 -12
  230. package/core/components/organisms/datePicker/DatePicker.tsx +31 -16
  231. package/core/components/organisms/datePicker/Trigger.tsx +1 -5
  232. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +4518 -4479
  233. package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +9 -10
  234. package/core/components/organisms/dateRangePicker/SingleInputTrigger.tsx +0 -1
  235. package/core/components/organisms/dateRangePicker/Trigger.tsx +2 -2
  236. package/core/components/organisms/dateRangePicker/__stories__/variants/monthsInView.story.tsx +2 -2
  237. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +112 -40
  238. package/core/components/organisms/grid/Cell.tsx +23 -19
  239. package/core/components/organisms/grid/Grid.tsx +3 -4
  240. package/core/components/organisms/grid/GridBody.tsx +0 -1
  241. package/core/components/organisms/grid/GridContext.ts +1 -1
  242. package/core/components/organisms/grid/GridRow.tsx +4 -0
  243. package/core/components/organisms/grid/__stories__/_common_/editableSchema.tsx +1 -3
  244. package/core/components/organisms/grid/__stories__/_common_/fetchData.ts +3 -3
  245. package/core/components/organisms/grid/__stories__/_common_/loaderSchema.ts +0 -2
  246. package/core/components/organisms/grid/__stories__/_common_/schema.tsx +1 -3
  247. package/core/components/organisms/grid/__stories__/_common_/simpleLoaderSchema.ts +0 -2
  248. package/core/components/organisms/grid/__stories__/_common_/statusSchema.ts +0 -2
  249. package/core/components/organisms/horizontalNav/HorizontalNav.tsx +2 -0
  250. package/core/components/organisms/inlineMessage/InlineMessage.tsx +5 -7
  251. package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +3 -2
  252. package/core/components/organisms/inlineMessage/__tests__/__snapshots__/InlineMessage.test.tsx.snap +30 -40
  253. package/core/components/organisms/list/__stories__/_common_/types.tsx +3 -0
  254. package/core/components/organisms/list/__stories__/index.story.tsx +0 -16
  255. package/core/components/organisms/navigation/VerticalNavigation.tsx +4 -0
  256. package/core/components/organisms/table/Table.tsx +3 -2
  257. package/core/components/organisms/table/__stories__/CompressedTable.story.tsx +1 -1
  258. package/core/components/organisms/table/__stories__/DataTable.story.tsx +1 -1
  259. package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +1 -1
  260. package/core/components/organisms/table/__stories__/PinnedColumn.story.tsx +1 -1
  261. package/core/components/organisms/table/__stories__/ResourceTable.story.tsx +4 -3
  262. package/core/components/organisms/table/__stories__/Selection.story.tsx +2 -2
  263. package/core/components/organisms/table/__stories__/StandardTable.story.tsx +1 -1
  264. package/core/components/organisms/table/__stories__/TableAsDescriptionList.story.tsx +2 -2
  265. package/core/components/organisms/table/__stories__/TableAsOptionList.story.tsx +2 -2
  266. package/core/components/organisms/table/__stories__/TightStory.story.tsx +1 -1
  267. package/core/components/organisms/table/__stories__/_common_/types.tsx +3 -0
  268. package/core/components/organisms/table/__stories__/syncTable.story.tsx +14 -6
  269. package/core/components/organisms/table/__stories__/variants/showHead.story.tsx +2 -2
  270. package/core/components/organisms/table/__stories__/variants/showMenu.story.tsx +2 -2
  271. package/core/components/organisms/table/__stories__/variants/size.story.tsx +2 -2
  272. package/core/components/organisms/table/__stories__/variants/type.story.tsx +2 -2
  273. package/core/components/organisms/table/__stories__/variants/withCheckbox.story.tsx +2 -2
  274. package/core/components/organisms/table/__stories__/variants/withHeader.story.tsx +0 -2
  275. package/core/components/organisms/table/__stories__/variants/withPagination.story.tsx +2 -2
  276. package/core/components/organisms/timePicker/TimePicker.tsx +4 -8
  277. package/core/components/organisms/timePicker/__tests__/__snapshots__/TimePicker.test.tsx.snap +14 -2
  278. package/core/components/organisms/verticalNav/MenuItem.tsx +2 -0
  279. package/core/components/organisms/verticalNav/__stories__/schema.tsx +0 -2
  280. package/core/components/organisms/verticalNav/__tests__/VerticalNav.test.tsx +1 -2
  281. package/core/components/patterns/datePicker/datePickerWithPresets.story.tsx +126 -0
  282. package/core/components/patterns/dateRangePicker/withCustomPopover.story.tsx +8 -8
  283. package/core/components/patterns/forms/CreatePassword.story.tsx +1 -1
  284. package/core/components/patterns/forms/VerificationCodeInput.story.tsx +2 -2
  285. package/core/components/patterns/table/Table with Header/tableWithHeader.story.jsx +7 -7
  286. package/core/global.d.ts +9 -0
  287. package/core/index.tsx +2 -1
  288. package/core/index.type.tsx +1 -0
  289. package/core/utils/Keys.ts +4 -0
  290. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +562 -541
  291. package/core/utils/docPage/generateImports.tsx +2 -3
  292. package/core/utils/docPage/index.tsx +52 -37
  293. package/core/utils/docPage/sandbox.tsx +14 -7
  294. package/core/utils/overlayHelper.ts +7 -3
  295. package/core/utils/testHelper.ts +2 -2
  296. package/core/utils/types.tsx +1 -1
  297. package/core/utils/validators.ts +37 -34
  298. package/css/dist/index.css +1550 -1415
  299. package/css/dist/index.css.map +1 -1
  300. package/css/src/components/Legend.css +7 -7
  301. package/css/src/components/ProgressBar.css +1 -1
  302. package/css/src/components/avatarGroup.css +1 -1
  303. package/css/src/components/backdrop.css +12 -6
  304. package/css/src/components/badge.css +52 -52
  305. package/css/src/components/button.css +95 -94
  306. package/css/src/components/calendar.css +137 -126
  307. package/css/src/components/card.css +0 -1
  308. package/css/src/components/cardSubdued.css +3 -5
  309. package/css/src/components/chat.css +1 -1
  310. package/css/src/components/checkbox.css +71 -70
  311. package/css/src/components/chip.css +20 -17
  312. package/css/src/components/chipGroup.css +5 -5
  313. package/css/src/components/chipInput.css +1 -1
  314. package/css/src/components/choiceList.css +4 -4
  315. package/css/src/components/dateRangePicker.css +13 -13
  316. package/css/src/components/divider.css +20 -0
  317. package/css/src/components/dropdown.css +61 -61
  318. package/css/src/components/dropdownButton.css +36 -36
  319. package/css/src/components/dropzone.css +16 -20
  320. package/css/src/components/editableChipInput.css +10 -9
  321. package/css/src/components/editableDropdown.css +1 -1
  322. package/css/src/components/editableInput.css +1 -1
  323. package/css/src/components/emptyState.css +15 -15
  324. package/css/src/components/fileList.css +44 -45
  325. package/css/src/components/fullscreenModal.css +4 -3
  326. package/css/src/components/grid.css +217 -199
  327. package/css/src/components/horizontalNav.css +0 -1
  328. package/css/src/components/icon.css +1 -7
  329. package/css/src/components/inlineMessage.css +2 -1
  330. package/css/src/components/input.css +62 -62
  331. package/css/src/components/link.css +1 -1
  332. package/css/src/components/list.css +10 -10
  333. package/css/src/components/message.css +64 -70
  334. package/css/src/components/metaList.css +26 -26
  335. package/css/src/components/metricInput.css +3 -4
  336. package/css/src/components/modal.css +1 -1
  337. package/css/src/components/navigation.css +3 -3
  338. package/css/src/components/pageHeader.css +1 -2
  339. package/css/src/components/pagination.css +36 -36
  340. package/css/src/components/pills.css +19 -19
  341. package/css/src/components/placeholder.css +10 -5
  342. package/css/src/components/popover.css +2 -2
  343. package/css/src/components/progressRing.css +1 -1
  344. package/css/src/components/radio.css +74 -74
  345. package/css/src/components/slider.css +5 -5
  346. package/css/src/components/statusHints.css +15 -15
  347. package/css/src/components/switch.css +66 -41
  348. package/css/src/components/table.css +15 -15
  349. package/css/src/components/tabs.css +53 -53
  350. package/css/src/components/textarea.css +1 -1
  351. package/css/src/components/toast.css +51 -56
  352. package/css/src/components/verificationCodeInput.css +5 -6
  353. package/css/src/components/verticalNav.css +1 -2
  354. package/css/src/core/base.css +3 -0
  355. package/css/src/core/typography.css +1 -1
  356. package/css/src/core/utilities.css +1 -1
  357. package/css/src/tokens/index.css +63 -63
  358. package/css/src/utils/align.css +1 -1
  359. package/css/src/utils/background.css +1 -1
  360. package/css/src/utils/cursor.css +1 -1
  361. package/css/src/utils/display.css +1 -1
  362. package/css/src/utils/flex.css +1 -1
  363. package/css/src/utils/grid.css +1 -1
  364. package/css/src/utils/overflow.css +1 -1
  365. package/css/src/utils/position.css +1 -1
  366. package/css/src/utils/spacing.css +1 -1
  367. package/css/src/utils/utility.css +13 -13
  368. package/css/src/variables/index.css +6 -3
  369. package/dist/core/accessibility/utils/index.d.ts +4 -0
  370. package/dist/core/accessibility/utils/isEnterKey.d.ts +3 -0
  371. package/dist/core/accessibility/utils/isSpaceKey.d.ts +3 -0
  372. package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +18 -0
  373. package/dist/core/common.type.d.ts +12 -0
  374. package/dist/core/components/atoms/avatar/Avatar.d.ts +4 -4
  375. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -3
  376. package/dist/core/components/atoms/badge/Badge.d.ts +2 -2
  377. package/dist/core/components/atoms/button/Button.d.ts +6 -6
  378. package/dist/core/components/atoms/checkbox/Checkbox.d.ts +3 -3
  379. package/dist/core/components/atoms/chip/Chip.d.ts +2 -2
  380. package/dist/core/components/atoms/divider/Divider.d.ts +15 -0
  381. package/dist/core/components/atoms/divider/index.d.ts +2 -0
  382. package/dist/core/components/atoms/dropdown/Dropdown.d.ts +18 -17
  383. package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +2 -2
  384. package/dist/core/components/atoms/dropdown/DropdownList.d.ts +4 -3
  385. package/dist/core/components/atoms/dropdown/option/index.d.ts +1 -1
  386. package/dist/core/components/atoms/heading/Heading.d.ts +4 -4
  387. package/dist/core/components/atoms/icon/Icon.d.ts +5 -3
  388. package/dist/core/components/atoms/input/Input.d.ts +4 -4
  389. package/dist/core/components/atoms/legend/Legend.d.ts +2 -2
  390. package/dist/core/components/atoms/link/Link.d.ts +4 -4
  391. package/dist/core/components/atoms/message/Message.d.ts +2 -2
  392. package/dist/core/components/atoms/metricInput/MetricInput.d.ts +3 -3
  393. package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
  394. package/dist/core/components/atoms/multiSlider/index.d.ts +3 -3
  395. package/dist/core/components/atoms/paragraph/Paragraph.d.ts +2 -2
  396. package/dist/core/components/atoms/pills/Pills.d.ts +2 -2
  397. package/dist/core/components/atoms/placeholderImage/PlaceholderImage.d.ts +2 -2
  398. package/dist/core/components/atoms/placeholderParagraph/PlaceholderParagraph.d.ts +2 -2
  399. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +51 -51
  400. package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +2 -2
  401. package/dist/core/components/atoms/radio/Radio.d.ts +4 -4
  402. package/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts +1 -1
  403. package/dist/core/components/atoms/spinner/Spinner.d.ts +4 -4
  404. package/dist/core/components/atoms/statusHint/StatusHint.d.ts +2 -2
  405. package/dist/core/components/atoms/subheading/Subheading.d.ts +2 -2
  406. package/dist/core/components/atoms/switchInput/Switch.d.ts +7 -6
  407. package/dist/core/components/atoms/text/Text.d.ts +4 -4
  408. package/dist/core/components/atoms/toast/ActionButton.d.ts +2 -2
  409. package/dist/core/components/atoms/toast/Toast.d.ts +2 -2
  410. package/dist/core/components/molecules/dropzone/Dropzone.d.ts +3 -3
  411. package/dist/core/components/molecules/dropzone/DropzoneBase.d.ts +1 -1
  412. package/dist/core/components/molecules/dropzone/utils.d.ts +5 -3
  413. package/dist/core/components/molecules/emptyState/EmptyState.d.ts +4 -4
  414. package/dist/core/components/molecules/fileList/FileListItem.d.ts +1 -1
  415. package/dist/core/components/molecules/fileUploader/FileUploaderItem.d.ts +1 -1
  416. package/dist/core/components/molecules/fileUploader/FileUploaderStatus.d.ts +1 -1
  417. package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts +4 -7
  418. package/dist/core/components/molecules/inputMask/InputMask.d.ts +10 -2
  419. package/dist/core/components/molecules/modal/Modal.d.ts +3 -6
  420. package/dist/core/components/molecules/placeholder/Placeholder.d.ts +2 -2
  421. package/dist/core/components/molecules/popover/Popover.d.ts +0 -1
  422. package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +3 -6
  423. package/dist/core/components/molecules/tooltip/Tooltip.d.ts +3 -3
  424. package/dist/core/components/organisms/calendar/Calendar.d.ts +31 -0
  425. package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +5 -6
  426. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +2 -0
  427. package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +24 -0
  428. package/dist/core/components/organisms/grid/Cell.d.ts +1 -1
  429. package/dist/core/components/organisms/grid/Grid.d.ts +3 -3
  430. package/dist/core/components/organisms/grid/GridContext.d.ts +1 -1
  431. package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts +2 -2
  432. package/dist/core/components/organisms/table/Table.d.ts +2 -2
  433. package/dist/core/components/patterns/datePicker/datePickerWithPresets.story.d.ts +15 -0
  434. package/dist/core/components/patterns/dateRangePicker/withCustomPopover.story.d.ts +5 -1
  435. package/dist/core/index.d.ts +1 -0
  436. package/dist/core/index.type.d.ts +1 -0
  437. package/dist/core/utils/docPage/generateImports.d.ts +1 -1
  438. package/dist/core/utils/overlayHelper.d.ts +1 -1
  439. package/dist/core/utils/types.d.ts +1 -1
  440. package/dist/index.esm.js +1039 -729
  441. package/dist/index.js +532 -371
  442. package/dist/index.js.map +1 -1
  443. package/dist/index.umd.js +1 -1
  444. package/dist/index.umd.js.br +0 -0
  445. package/dist/index.umd.js.gz +0 -0
  446. package/dts.config.js +11 -2
  447. package/package.json +32 -27
  448. package/tsconfig.json +3 -16
  449. package/tsconfig.type.json +2 -1
  450. package/types/index.d.ts +2217 -0
  451. package/types/{innovaccer-design-system/tsconfig.json → tsconfig.json} +1 -1
  452. package/types/{innovaccer-design-system/tslint.json → tslint.json} +0 -0
  453. package/types/types-tests.tsx +936 -0
  454. package/.husky/prepare-commit-msg +0 -6
  455. package/core/components/atoms/button/__stories__/variants/state/Success.story.tsx +0 -99
  456. package/core/components/atoms/message/__stories__/default.story.tsx +0 -16
  457. package/core/components/atoms/toast/__stories__/DefaultToast.story.tsx +0 -16
  458. package/core/components/molecules/dropzone/__stories__/variants/DropzoneWithFileList.story.tsx +0 -176
  459. package/core/components/molecules/fileUploader/__stories__/variants/FileUploaderList.story.tsx +0 -80
  460. package/tslint.json +0 -30
  461. package/types/innovaccer-design-system/index.d.ts +0 -39
  462. package/types/innovaccer-design-system/innovaccer-design-system-tests.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  import { BaseProps } from "../../../utils/types";
2
- export declare type Size = 'small' | 'regular';
2
+ export declare type ProgressRingSize = 'small' | 'regular';
3
3
  export interface ProgressRingProps extends BaseProps {
4
- size: Size;
4
+ size: ProgressRingSize;
5
5
  value: number;
6
6
  max: number;
7
7
  }
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps, OmitNativeProps } from "../../../utils/types";
3
- export declare type Size = 'regular' | 'tiny';
4
- declare type MouseEvent = React.ChangeEvent<HTMLInputElement>;
3
+ import { ChangeEvent } from "../../../common.type";
4
+ export declare type RadioSize = 'regular' | 'tiny';
5
5
  export interface RadioProps extends BaseProps, OmitNativeProps<HTMLInputElement, 'onChange'> {
6
- size?: Size;
6
+ size?: RadioSize;
7
7
  disabled?: boolean;
8
8
  label?: string;
9
9
  helpText?: string;
@@ -11,7 +11,7 @@ export interface RadioProps extends BaseProps, OmitNativeProps<HTMLInputElement,
11
11
  value: string;
12
12
  defaultChecked?: boolean;
13
13
  checked?: boolean;
14
- onChange?: (event: MouseEvent) => void;
14
+ onChange?: (event: ChangeEvent) => void;
15
15
  }
16
16
  export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
17
17
  export default Radio;
@@ -1,5 +1,5 @@
1
1
  import { MultiSliderProps } from "../multiSlider";
2
- export declare type NumberRange = [number, number];
2
+ import { NumberRange } from "../../../common.type";
3
3
  export interface RangeSliderProps extends MultiSliderProps {
4
4
  defaultValue: NumberRange;
5
5
  value?: NumberRange;
@@ -1,9 +1,9 @@
1
1
  import { BaseProps } from "../../../utils/types";
2
- export declare type Appearance = 'primary' | 'secondary' | 'white';
3
- export declare type Size = 'small' | 'medium' | 'large';
2
+ export declare type SpinnerAppearance = 'primary' | 'secondary' | 'white';
3
+ export declare type SpinnerSize = 'small' | 'medium' | 'large';
4
4
  export interface SpinnerProps extends BaseProps {
5
- appearance: Appearance;
6
- size: Size;
5
+ appearance: SpinnerAppearance;
6
+ size: SpinnerSize;
7
7
  }
8
8
  export declare const Spinner: {
9
9
  (props: SpinnerProps): JSX.Element;
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- export declare type Appearance = 'info' | 'alert' | 'warning' | 'success' | 'default';
3
+ import { MessageAppearance } from "../../../common.type";
4
4
  export interface StatusHintProps extends BaseProps {
5
5
  children: React.ReactText;
6
- appearance: Appearance;
6
+ appearance: MessageAppearance;
7
7
  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
8
8
  onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
9
9
  onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { BaseHtmlProps, BaseProps } from "../../../utils/types";
3
- export declare type Appearance = 'default' | 'subtle' | 'disabled' | 'white';
3
+ import { HeadingAppearance } from "../../../common.type";
4
4
  export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElement> {
5
5
  children: React.ReactText;
6
- appearance: Appearance;
6
+ appearance: HeadingAppearance;
7
7
  }
8
8
  export declare const Subheading: {
9
9
  (props: SubheadingProps): JSX.Element;
@@ -1,17 +1,18 @@
1
1
  import * as React from 'react';
2
2
  import { OmitNativeProps, BaseProps } from "../../../utils/types";
3
- export declare type Size = 'regular' | 'tiny' | 'large';
4
- export declare type Appearance = 'primary' | 'alert' | 'success' | 'warning';
5
- declare type MouseEvent = React.ChangeEvent<HTMLInputElement>;
3
+ import { ChangeEvent } from "../../../common.type";
4
+ export declare type SwitchSize = 'regular' | 'tiny' | 'large';
5
+ export declare type SwitchAppearance = 'primary' | 'alert' | 'success' | 'warning';
6
+ declare type KeyboardEvent = React.KeyboardEvent<HTMLInputElement>;
6
7
  export interface SwitchProps extends BaseProps, OmitNativeProps<HTMLInputElement, 'onChange'> {
7
- size?: Size;
8
- appearance?: Appearance;
8
+ size?: SwitchSize;
9
+ appearance?: SwitchAppearance;
9
10
  defaultChecked?: boolean;
10
11
  checked?: boolean;
11
12
  disabled?: boolean;
12
13
  name?: string;
13
14
  value?: string;
14
- onChange?: (event: MouseEvent, selected: boolean) => void;
15
+ onChange?: (event: ChangeEvent | KeyboardEvent, selected: boolean) => void;
15
16
  }
16
17
  export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
17
18
  export default Switch;
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import { BaseHtmlProps, BaseProps } from "../../../utils/types";
3
- export declare type Size = 'small' | 'regular' | 'large';
4
- export declare type Appearance = 'default' | 'white' | 'destructive' | 'subtle' | 'disabled' | 'success' | 'link';
3
+ export declare type TextSize = 'small' | 'regular' | 'large';
4
+ export declare type TextAppearance = 'default' | 'white' | 'destructive' | 'subtle' | 'disabled' | 'success' | 'link';
5
5
  export interface TextProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
6
6
  children: React.ReactText;
7
7
  weight?: 'strong' | 'medium';
8
8
  small?: boolean;
9
- appearance: Appearance;
10
- size: Size;
9
+ appearance: TextAppearance;
10
+ size: TextSize;
11
11
  }
12
12
  export declare const Text: {
13
13
  (props: TextProps): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Appearance } from "./Toast";
2
+ import { MessageAppearance } from "../../../common.type";
3
3
  export interface Props {
4
- appearance: Appearance;
4
+ appearance: MessageAppearance;
5
5
  label: string;
6
6
  onClick?: (e: React.MouseEvent) => void;
7
7
  }
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- export declare type Appearance = 'default' | 'info' | 'success' | 'alert' | 'warning';
3
+ import { MessageAppearance } from "../../../common.type";
4
4
  export declare type Action = {
5
5
  label: string;
6
6
  onClick: (e: React.MouseEvent) => void;
7
7
  };
8
8
  export interface ToastProps extends BaseProps {
9
9
  title: string;
10
- appearance: Appearance;
10
+ appearance: MessageAppearance;
11
11
  message?: string;
12
12
  actions?: Action[];
13
13
  onClose?: () => void;
@@ -1,10 +1,10 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { DropzoneBaseProps } from "./DropzoneBase";
3
3
  import { BaseProps } from "../../../utils/types";
4
- export declare type Type = 'standard' | 'compressed' | 'tight';
4
+ export declare type DropZoneType = 'standard' | 'compressed' | 'tight';
5
5
  export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
6
6
  formatLabel?: string;
7
- type: Type;
7
+ type: DropZoneType;
8
8
  sizeLabel?: string;
9
9
  sampleFileLink?: React.ReactNode;
10
10
  }
@@ -23,7 +23,7 @@ export interface DropzoneBaseProps extends BaseProps {
23
23
  onDragOver?: (event: DragEvent) => void;
24
24
  onDrop?: (event: DragEvent | Event, acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
25
25
  onDropAccepted?: (event: DragEvent | Event, files: File[]) => void;
26
- onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) => any;
26
+ onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) => void;
27
27
  validator?: (file: File) => FileError | FileError[];
28
28
  }
29
29
  export declare const DropzoneBase: {
@@ -1,8 +1,10 @@
1
1
  export declare const accepts: (file: File, acceptedFiles?: string | string[] | undefined) => boolean;
2
2
  export declare const isPropagationStopped: (event: any) => any;
3
3
  export declare const isEvtWithFiles: (event: any) => boolean;
4
- export declare const isKindFile: (item: any) => boolean;
5
- export declare const onDocumentDragOver: (event: any) => void;
4
+ export declare const isKindFile: (item: null | Record<string, unknown>) => boolean;
5
+ export declare const onDocumentDragOver: (event: DragEvent) => void;
6
6
  export declare const isIeOrEdge: (userAgent?: string) => boolean;
7
- export declare const composeEventHandlers: (...fns: any[]) => (event: any, ...args: any[]) => boolean;
7
+ declare type functype = (event: Event, ...args: unknown[]) => void;
8
+ export declare const composeEventHandlers: (...fns: functype[]) => (event: Event, ...args: unknown[]) => boolean;
8
9
  export declare const reducer: (state: any, action: any) => any;
10
+ export {};
@@ -1,12 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import { HeadingProps, TextProps } from "../../../index.type";
3
3
  import { BaseProps } from "../../../utils/types";
4
- declare type Size = 'large' | 'small';
4
+ declare type EmptyStateSize = 'large' | 'small';
5
5
  export interface EmptyStateProps extends BaseProps {
6
6
  imageSrc?: string;
7
7
  title: string;
8
8
  description: string;
9
- size: Size;
9
+ size: EmptyStateSize;
10
10
  children?: React.ReactNode;
11
11
  image?: React.ReactNode;
12
12
  }
@@ -14,8 +14,8 @@ export declare const imageHeight: {
14
14
  large: string;
15
15
  small: string;
16
16
  };
17
- export declare const HeadingSize: Record<Size, HeadingProps['size']>;
18
- export declare const textSize: Record<Size, TextProps['size']>;
17
+ export declare const HeadingSize: Record<EmptyStateSize, HeadingProps['size']>;
18
+ export declare const textSize: Record<EmptyStateSize, TextProps['size']>;
19
19
  export declare const EmptyState: {
20
20
  (props: EmptyStateProps): JSX.Element;
21
21
  displayName: string;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- export declare type FileStatus = 'uploading' | 'completed' | 'error';
3
+ import { FileStatus } from "../../../common.type";
4
4
  export interface FileObject extends BaseProps, Record<string, any> {
5
5
  name: string;
6
6
  size: string;
@@ -1,5 +1,5 @@
1
1
  import { BaseProps } from "../../../utils/types";
2
- export declare type FileStatus = 'uploading' | 'completed' | 'error';
2
+ import { FileStatus } from "../../../common.type";
3
3
  export interface FileItem {
4
4
  file: File;
5
5
  id?: any;
@@ -1,4 +1,4 @@
1
- import { FileStatus } from "./FileUploaderItem";
1
+ import { FileStatus } from "../../../common.type";
2
2
  export interface FileUploaderStatusProps {
3
3
  file: File;
4
4
  progress: number;
@@ -1,13 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- import { OverlayFooterProps } from "../overlayFooter";
4
3
  import { OverlayHeaderProps } from "../overlayHeader";
5
- export declare type Dimension = 'medium' | 'large';
6
- declare type FooterOptions = {
7
- actions: OverlayFooterProps['actions'];
8
- };
4
+ import { FooterOptions } from "../../../common.type";
5
+ export declare type FullScreenDimension = 'medium' | 'large';
9
6
  export interface FullscreenModalProps extends BaseProps {
10
- dimension: Dimension;
7
+ dimension: FullScreenDimension;
11
8
  open: boolean;
12
9
  onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
13
10
  headerOptions?: OverlayHeaderProps;
@@ -29,7 +26,7 @@ declare class FullscreenModal extends React.Component<FullscreenModalProps, Moda
29
26
  dimension: string;
30
27
  };
31
28
  constructor(props: FullscreenModalProps);
32
- onOutsideClickHandler: (event: KeyboardEvent) => void;
29
+ onOutsideClickHandler: (event: Event) => void;
33
30
  onCloseHandler: (event: KeyboardEvent) => void;
34
31
  componentDidMount(): void;
35
32
  componentWillUnmount(): void;
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps, Validators, Mask } from "../../../utils/types";
3
3
  import { InputProps } from "../../../index.type";
4
+ import { getDefaultValue } from "./utilites";
4
5
  export interface MaskProps extends BaseProps {
5
6
  mask: Mask;
6
7
  placeholderChar?: string;
@@ -12,5 +13,12 @@ export interface MaskProps extends BaseProps {
12
13
  clearOnEmptyBlur?: boolean;
13
14
  }
14
15
  export declare type InputMaskProps = InputProps & MaskProps;
15
- export declare const InputMask: React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>>;
16
- export default InputMask;
16
+ declare type InputMaskType = React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>> & {
17
+ utils: {
18
+ getDefaultValue: typeof getDefaultValue;
19
+ };
20
+ };
21
+ declare const X: InputMaskType;
22
+ export { X as InputMask };
23
+ declare const _default: InputMaskType;
24
+ export default _default;
@@ -1,14 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- import { OverlayFooterProps } from "../overlayFooter";
4
3
  import { OverlayHeaderProps } from "../overlayHeader";
5
- export declare type Dimension = 'small' | 'medium' | 'large';
6
- declare type FooterOptions = {
7
- actions: OverlayFooterProps['actions'];
8
- };
4
+ import { FooterOptions } from "../../../common.type";
5
+ export declare type ModalDimension = 'small' | 'medium' | 'large';
9
6
  export interface ModalProps extends BaseProps {
10
7
  backdropClose?: boolean | ((event?: Event, reason?: string) => void);
11
- dimension: Dimension;
8
+ dimension: ModalDimension;
12
9
  open: boolean;
13
10
  onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
14
11
  headerOptions?: OverlayHeaderProps;
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
- import { Size } from "../../atoms/placeholderImage";
3
+ import { PlaceholderImageSize } from "../../atoms/placeholderImage";
4
4
  import { PlaceholderParagraphProps } from "../../atoms/placeholderParagraph";
5
5
  export interface PlaceholderProps extends BaseProps {
6
6
  withImage: boolean;
7
7
  round?: boolean;
8
- imageSize: Size;
8
+ imageSize: PlaceholderImageSize;
9
9
  children?: React.ReactElement<PlaceholderParagraphProps> | React.ReactElement<PlaceholderParagraphProps>[];
10
10
  }
11
11
  export declare const Placeholder: {
@@ -30,7 +30,6 @@ export declare const Popover: {
30
30
  position: string;
31
31
  hideOnReferenceEscape: boolean;
32
32
  customStyle: {};
33
- boundaryElement: HTMLElement;
34
33
  };
35
34
  };
36
35
  export default Popover;
@@ -1,15 +1,12 @@
1
1
  import * as React from 'react';
2
- import { OverlayFooterProps } from "../overlayFooter";
3
2
  import { OverlayHeaderProps } from "../overlayHeader";
4
3
  import { BaseProps } from "../../../utils/types";
5
- export declare type Dimension = 'regular' | 'large';
6
- declare type FooterOptions = {
7
- actions: OverlayFooterProps['actions'];
8
- };
4
+ import { FooterOptions } from "../../../common.type";
5
+ export declare type SidesheetDimension = 'regular' | 'large';
9
6
  export interface SidesheetProps extends BaseProps {
10
7
  headerOptions: Omit<OverlayHeaderProps, 'onClose'>;
11
8
  header?: React.ReactNode;
12
- dimension: Dimension;
9
+ dimension: SidesheetDimension;
13
10
  open: boolean;
14
11
  stickFooter?: boolean;
15
12
  seperator?: boolean;
@@ -1,8 +1,8 @@
1
1
  import { PopoverProps } from "../../../index.type";
2
2
  import { BaseProps } from "../../../utils/types";
3
- declare const propsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
4
- declare type PopperProps = typeof propsList[number];
5
- export interface TooltipProps extends Omit<PopoverProps, PopperProps>, BaseProps {
3
+ declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
4
+ declare type TooltipPopperProps = typeof tooltipPropsList[number];
5
+ export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
6
6
  tooltip: string;
7
7
  children: PopoverProps['trigger'];
8
8
  }
@@ -1,6 +1,31 @@
1
1
  import * as React from 'react';
2
2
  import { BaseProps } from "../../../utils/types";
3
3
  import { Size, Day, View, Events } from "./types";
4
+ declare type OnHover = React.MouseEvent<HTMLSpanElement> | React.MouseEvent<HTMLDivElement>;
5
+ interface hoveredDateProps {
6
+ value: number;
7
+ isToday: boolean;
8
+ isDisabled: boolean;
9
+ todayDate?: Date;
10
+ fullDate: Date;
11
+ date: number;
12
+ month: string;
13
+ year: number;
14
+ dayName: string;
15
+ }
16
+ interface hoveredMonthProps {
17
+ value: string;
18
+ month: string;
19
+ year?: number;
20
+ isCurrentMonth: boolean;
21
+ isDisabled: boolean;
22
+ }
23
+ interface hoveredYearProps {
24
+ value: number;
25
+ year: number;
26
+ isCurrentYear: boolean;
27
+ isDisabled: boolean;
28
+ }
4
29
  export interface SharedProps extends BaseProps {
5
30
  size: Size;
6
31
  monthsInView: number;
@@ -15,6 +40,9 @@ export interface SharedProps extends BaseProps {
15
40
  export declare type CalendarProps = {
16
41
  onDateChange?: (date: Date) => void;
17
42
  onRangeChange?: (startDate: Date | undefined, endDate: Date | undefined) => void;
43
+ onDateHover?: (dateData: hoveredDateProps, evnt: OnHover) => void;
44
+ onMonthHover?: (monthData: hoveredMonthProps, evnt: OnHover) => void;
45
+ onYearHover?: (yearData: hoveredYearProps, evnt: OnHover) => void;
18
46
  date?: Date;
19
47
  rangePicker?: boolean;
20
48
  startDate?: Date;
@@ -53,8 +81,11 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
53
81
  getNavDateInfo: (index: number) => Record<string, any>;
54
82
  getInRangeError: () => boolean;
55
83
  selectYear: (year: number) => () => void;
84
+ yearMouseOverHandler: (year: number, isCurrentYear: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
56
85
  selectMonth: (month: number) => () => void;
86
+ monthMouseOverHandler: (month: number, isCurrentMonth: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
57
87
  selectDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number) => void;
88
+ calculateDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number, isDateHovered: boolean) => Date | undefined;
58
89
  onNavIconClickHandler: (type: string) => () => void;
59
90
  renderJumpButton: (type: string) => JSX.Element;
60
91
  onNavHeadingClickHandler: (currView: View) => () => void;
@@ -1,8 +1,7 @@
1
- import * as React from 'react';
2
1
  import { BaseProps } from "../../../utils/types";
3
- export declare type Alignment = 'horizontal' | 'vertical';
4
- export declare type Size = 'regular' | 'tiny';
5
- declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
2
+ import { ChangeEvent } from "../../../common.type";
3
+ export declare type ChoiceListAlignment = 'horizontal' | 'vertical';
4
+ export declare type ChoiceListSize = 'regular' | 'tiny';
6
5
  export interface Choice {
7
6
  value: string;
8
7
  label?: string;
@@ -13,8 +12,8 @@ export interface Choice {
13
12
  export interface ChoiceListProps extends BaseProps {
14
13
  title?: string;
15
14
  choices: Choice[];
16
- alignment?: Alignment;
17
- size?: Size;
15
+ alignment?: ChoiceListAlignment;
16
+ size?: ChoiceListSize;
18
17
  allowMultiple?: boolean;
19
18
  disabled?: boolean;
20
19
  selected?: string[];
@@ -14,6 +14,8 @@ export declare type DatePickerProps = SharedProps & {
14
14
  inputOptions: Omit<InputMaskProps, 'mask' | 'value' | 'onChange' | 'onBlur' | 'onClear'>;
15
15
  validators: Validators;
16
16
  closeOnSelect: boolean;
17
+ showTodayDate?: boolean;
18
+ children: React.ReactNode;
17
19
  };
18
20
  export interface DatePickerState {
19
21
  init: boolean;
@@ -38,6 +38,30 @@ export interface DateRangePickerState {
38
38
  open: boolean;
39
39
  }
40
40
  export declare class DateRangePicker extends React.Component<DateRangePickerProps, DateRangePickerState> {
41
+ static utils: {
42
+ getCurrentWeek: () => {
43
+ startDate: Date;
44
+ endDate: Date;
45
+ };
46
+ getPreviousWeek: () => {
47
+ startDate: Date;
48
+ endDate: Date;
49
+ };
50
+ getPreviousMonth: () => {
51
+ endDate: Date;
52
+ startDate: Date;
53
+ };
54
+ getPrevious90Days: () => {
55
+ startDate: Date;
56
+ endDate: Date;
57
+ };
58
+ getCustomDates: () => {
59
+ startDate: string;
60
+ endDate: string;
61
+ };
62
+ getCurrentYear: () => number;
63
+ getCurrentMonth: () => number;
64
+ };
41
65
  static defaultProps: {
42
66
  children: JSX.Element;
43
67
  contentAlign: string;
@@ -17,7 +17,7 @@ declare type BodyCellProps = SharedCellProps & {
17
17
  rowIndex: number;
18
18
  expandedState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
19
19
  };
20
- export declare type CellProps = (HeaderCellProps | BodyCellProps) & {
20
+ export declare type CellProps = Partial<HeaderCellProps> & Partial<BodyCellProps> & SharedCellProps & {
21
21
  isHead?: boolean;
22
22
  firstCell: boolean;
23
23
  };
@@ -113,14 +113,14 @@ export interface GridState {
113
113
  }
114
114
  export declare class Grid extends React.Component<GridProps, GridState> {
115
115
  static defaultProps: GridProps;
116
+ gridRef: GridRef;
117
+ isHeadSyncing: boolean;
118
+ isBodySyncing: boolean;
116
119
  constructor(props: GridProps);
117
120
  componentDidMount(): void;
118
121
  forceRerender(): void;
119
122
  componentWillUnmount(): void;
120
123
  componentDidUpdate(prevProps: GridProps, prevState: GridState): void;
121
- gridRef: GridRef;
122
- isHeadSyncing: boolean;
123
- isBodySyncing: boolean;
124
124
  addScrollListeners(): void;
125
125
  removeScrollListeners(): void;
126
126
  syncScroll: (type: string) => () => void;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { GridProps } from "../../../index.type";
3
3
  import { GridRef } from "./Grid";
4
4
  declare type ContextProps = GridProps & {
@@ -1,7 +1,7 @@
1
1
  import { BaseProps } from "../../../utils/types";
2
- export declare type Appearance = 'default' | 'alert' | 'info' | 'success' | 'warning';
2
+ import { MessageAppearance } from "../../../common.type";
3
3
  export interface InlineMessageProps extends BaseProps {
4
- appearance: Appearance;
4
+ appearance: MessageAppearance;
5
5
  description: string;
6
6
  }
7
7
  export declare const InlineMessage: {
@@ -7,7 +7,7 @@ export interface ErrorTemplateProps {
7
7
  errorType?: TableProps['errorType'];
8
8
  }
9
9
  export declare type FilterPosition = 'GRID' | 'HEADER';
10
- interface SyncProps {
10
+ interface TableSyncProps {
11
11
  data: GridProps['data'];
12
12
  schema: GridProps['schema'];
13
13
  loading: GridProps['loading'];
@@ -46,7 +46,7 @@ interface SharedTableProps extends BaseProps {
46
46
  separator?: GridProps['headCellTooltip'];
47
47
  filterPosition: FilterPosition;
48
48
  }
49
- export declare type SyncTableProps = SharedTableProps & SyncProps;
49
+ export declare type SyncTableProps = SharedTableProps & TableSyncProps;
50
50
  export declare type AsyncTableProps = SharedTableProps & AsyncProps;
51
51
  export declare type TableProps = AsyncTableProps & SyncTableProps;
52
52
  interface TableState {
@@ -0,0 +1,15 @@
1
+ import { DatePicker } from "../../../index";
2
+ export declare const WithPresets: () => JSX.Element;
3
+ declare const _default: {
4
+ title: string;
5
+ component: typeof DatePicker;
6
+ parameters: {
7
+ docs: {
8
+ docPage: {
9
+ customCode: string;
10
+ title: string;
11
+ };
12
+ };
13
+ };
14
+ };
15
+ export default _default;
@@ -5,7 +5,11 @@ declare const _default: {
5
5
  title: string;
6
6
  component: typeof DateRangePicker;
7
7
  subcomponents: {
8
- InputMask: React.ForwardRefExoticComponent<import("../../atoms/input").InputProps & import("../../molecules/inputMask").MaskProps & React.RefAttributes<HTMLInputElement>>;
8
+ InputMask: React.ForwardRefExoticComponent<import("../../atoms/input").InputProps & import("../../molecules/inputMask").MaskProps & React.RefAttributes<HTMLInputElement>> & {
9
+ utils: {
10
+ getDefaultValue: (mask: import("../../../utils/types").Mask, placeholderChar: string | undefined) => string;
11
+ };
12
+ };
9
13
  };
10
14
  parameters: {
11
15
  docs: {
@@ -80,4 +80,5 @@ export { FileList } from "./components/molecules/fileList";
80
80
  export { VerificationCodeInput } from "./components/molecules/verificationCodeInput";
81
81
  export { InlineMessage } from "./components/organisms/inlineMessage";
82
82
  export { ChoiceList } from "./components/organisms/choiceList";
83
+ export { Divider } from "./components/atoms/divider";
83
84
  export { version } from "../package.json";
@@ -79,3 +79,4 @@ export { FileListProps } from "./components/molecules/fileList";
79
79
  export { VerificationCodeInputProps } from "./components/molecules/verificationCodeInput";
80
80
  export { InlineMessageProps } from "./components/organisms/inlineMessage";
81
81
  export { ChoiceListProps } from "./components/organisms/choiceList";
82
+ export { DividerProps } from "./components/atoms/divider";
@@ -1,2 +1,2 @@
1
- declare const generateImports: (str: string | undefined, lib: {} | undefined, libName: string) => string;
1
+ declare const generateImports: (str: string | undefined, lib: Record<string, unknown> | undefined, libName: string) => string;
2
2
  export default generateImports;
@@ -6,5 +6,5 @@ interface elementData {
6
6
  elementRef: React.RefObject<HTMLDivElement>;
7
7
  }
8
8
  export declare const getUpdatedZIndex: (ele: elementData) => number | undefined;
9
- export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: Function) => void;
9
+ export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: (event: Event) => void) => void;
10
10
  export {};
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare type SingleOrArray<T> = T | T[];
3
3
  export declare type MakeRequired<T> = Exclude<T, null | undefined>;
4
- export declare type MakeOptional<T extends {}, K extends keyof any> = Omit<T, K> & {
4
+ export declare type MakeOptional<T extends object, K extends keyof any> = Omit<T, K> & {
5
5
  [OK in keyof T & K]?: T[OK];
6
6
  };
7
7
  declare type ValidatorFn<K extends any[] = any[]> = (...values: K) => boolean;