@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.
- package/.eslintrc.json +54 -0
- package/.github/workflows/chromatic.yml +5 -0
- package/.github/workflows/main.yml +2 -2
- package/.github/workflows/pull_request.yml +2 -2
- package/.github/workflows/test.yml +1 -1
- package/.husky/commit-msg +4 -0
- package/.prettierrc +2 -2
- package/.storybook/main.js +4 -0
- package/.vscode/settings.json +11 -0
- package/CHANGELOG.md +78 -0
- package/CONTRIBUTING.md +180 -98
- package/commitlint.config.js +1 -0
- package/core/accessibility/utils/index.ts +5 -0
- package/core/accessibility/utils/isEnterKey.ts +5 -0
- package/core/accessibility/utils/isSpaceKey.ts +5 -0
- package/core/accessibility/utils/useAccessibilityProps.ts +33 -0
- package/core/common.type.tsx +22 -0
- package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +17 -9
- package/core/components/atoms/_chip/index.tsx +19 -3
- package/core/components/atoms/avatar/Avatar.tsx +4 -14
- package/core/components/atoms/avatar/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/avatar/__tests__/Avatar.test.tsx +14 -9
- package/core/components/atoms/avatarGroup/AvatarGroup.tsx +3 -5
- package/core/components/atoms/badge/Badge.tsx +2 -12
- package/core/components/atoms/badge/__tests__/Badge.test.tsx +22 -7
- package/core/components/atoms/badge/_stories_/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/badge/_stories_/variants/Subtle.story.tsx +3 -2
- package/core/components/atoms/button/Button.tsx +10 -7
- package/core/components/atoms/button/__stories__/Alert.story.tsx +8 -1
- package/core/components/atoms/button/__stories__/Cancel.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/IconButtonGroup.story.tsx +12 -3
- package/core/components/atoms/button/__stories__/IconButtonSecondary.story.tsx +6 -1
- package/core/components/atoms/button/__stories__/IconLeftSecondary.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/IconRightSecondary.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/IconTransparent.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/LabelButtonGroup.story.tsx +14 -3
- package/core/components/atoms/button/__stories__/LargeIconExpanded.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/LoadingPrimary.story.tsx +4 -1
- package/core/components/atoms/button/__stories__/Primary.story.tsx +5 -2
- package/core/components/atoms/button/__stories__/SplitButton.story.tsx +6 -1
- package/core/components/atoms/button/__stories__/Transparent.story.tsx +8 -1
- package/core/components/atoms/button/__stories__/index.story.tsx +12 -2
- package/core/components/atoms/button/__stories__/variants/Appearance.story.tsx +6 -2
- package/core/components/atoms/button/__stories__/variants/Expanded.story.tsx +6 -2
- package/core/components/atoms/button/__stories__/variants/Size.story.tsx +4 -0
- package/core/components/atoms/button/__stories__/variants/icon/Icon.story.tsx +15 -0
- package/core/components/atoms/button/__stories__/variants/icon/IconLeft.story.tsx +6 -2
- package/core/components/atoms/button/__stories__/variants/icon/IconRight.story.tsx +6 -2
- package/core/components/atoms/button/__stories__/variants/state/Alert.story.tsx +7 -17
- package/core/components/atoms/button/__stories__/variants/state/Basic.story.tsx +9 -17
- package/core/components/atoms/button/__stories__/variants/state/Primary.story.tsx +7 -17
- package/core/components/atoms/button/__stories__/variants/state/Transparent.story.tsx +13 -17
- package/core/components/atoms/button/__tests__/Button.test.tsx +1 -1
- package/core/components/atoms/button/__tests__/__snapshots__/Button.test.tsx.snap +0 -137
- package/core/components/atoms/card/__stories__/empty.story.tsx +1 -1
- package/core/components/atoms/card/__stories__/nested.story.tsx +1 -1
- package/core/components/atoms/card/__stories__/scroll.story.tsx +1 -1
- package/core/components/atoms/checkbox/Checkbox.tsx +8 -9
- package/core/components/atoms/checkbox/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/chip/Chip.tsx +3 -2
- package/core/components/atoms/chip/__stories__/variants/Selection.story.tsx +17 -0
- package/core/components/atoms/chip/__stories__/variants/Type.story.tsx +2 -2
- package/core/components/atoms/chip/__tests__/Chip.test.tsx +7 -0
- package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +11 -5
- package/core/components/atoms/chipGroup/__tests__/chipGroup.test.tsx +2 -2
- package/core/components/atoms/chipGroup/_stories_/index.story.tsx +2 -2
- package/core/components/atoms/collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap +8 -0
- package/core/components/atoms/divider/Divider.tsx +44 -0
- package/core/components/atoms/divider/__stories__/BasicDividerInCard.story.tsx +74 -0
- package/core/components/atoms/divider/__stories__/HeaderDividerInCard.story.tsx +35 -0
- package/core/components/atoms/divider/__stories__/IndentedDivider.story.tsx +49 -0
- package/core/components/atoms/divider/__stories__/Vertical.story.tsx +51 -0
- package/core/components/atoms/divider/__stories__/index.story.tsx +91 -0
- package/core/components/atoms/divider/__stories__/variants/HorizontalDivider.story.tsx +27 -0
- package/core/components/atoms/divider/__tests__/Divider.test.tsx +50 -0
- package/core/components/atoms/divider/__tests__/__snapshots__/Divider.test.tsx.snap +53 -0
- package/core/components/atoms/divider/index.tsx +2 -0
- package/core/components/atoms/dropdown/Dropdown.tsx +18 -17
- package/core/components/atoms/dropdown/DropdownButton.tsx +2 -2
- package/core/components/atoms/dropdown/DropdownList.tsx +18 -7
- package/core/components/atoms/dropdown/Loading.tsx +1 -1
- package/core/components/atoms/dropdown/__stories__/CustomSearchPlaceholder.story.tsx +45 -0
- package/core/components/atoms/dropdown/__stories__/_common_/types.tsx +3 -0
- package/core/components/atoms/dropdown/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/dropdown/__stories__/variants/controlledDropdown/MultiSelect.story.tsx +28 -18
- package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +12 -1
- package/core/components/atoms/dropdown/__tests__/Loading.test.tsx +0 -1
- package/core/components/atoms/dropdown/option/DefaultOption.tsx +3 -0
- package/core/components/atoms/dropdown/option/IconOption.tsx +3 -0
- package/core/components/atoms/dropdown/option/IconWithMetaOption.tsx +3 -0
- package/core/components/atoms/dropdown/option/MetaOption.tsx +3 -0
- package/core/components/atoms/dropdown/option/index.tsx +1 -1
- package/core/components/atoms/editable/Editable.tsx +3 -0
- package/core/components/atoms/heading/Heading.tsx +4 -4
- package/core/components/atoms/heading/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/heading/__tests__/Heading.test.tsx +4 -3
- package/core/components/atoms/icon/Icon.tsx +16 -5
- package/core/components/atoms/icon/__stories__/variants/Image.story.tsx +6 -1
- package/core/components/atoms/icon/__tests__/__snapshots__/Icon.test.tsx.snap +74 -0
- package/core/components/atoms/input/Input.tsx +17 -7
- package/core/components/atoms/input/__stories__/BasicInput.story.tsx +2 -1
- package/core/components/atoms/input/__stories__/InputWithCaption.story.tsx +91 -9
- package/core/components/atoms/input/__stories__/InputWithLabel.story.tsx +11 -3
- package/core/components/atoms/input/__stories__/LabelPosition.story.tsx +46 -4
- package/core/components/atoms/input/__stories__/RequiredVsOptional.story.tsx +12 -8
- package/core/components/atoms/input/__stories__/variants/controlledInput.story.tsx +46 -0
- package/core/components/atoms/input/__stories__/variants/types/BasicInput.story.tsx +2 -2
- package/core/components/atoms/input/__stories__/variants/types/IconLeft.story.tsx +2 -10
- package/core/components/atoms/input/__stories__/variants/types/WithLabel.story.tsx +1 -9
- package/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap +19 -0
- package/core/components/atoms/label/Label.tsx +1 -1
- package/core/components/atoms/legend/Legend.tsx +5 -2
- package/core/components/atoms/legend/__stories__/variants/labelAppearance.story.tsx +2 -2
- package/core/components/atoms/link/Link.tsx +4 -4
- package/core/components/atoms/message/Message.tsx +12 -12
- package/core/components/atoms/message/__stories__/index.story.tsx +1 -1
- package/core/components/atoms/message/__stories__/variants/Appearance.story.tsx +1 -1
- package/core/components/atoms/message/__stories__/variants/AppearanceTitle.story.tsx +1 -1
- package/core/components/atoms/message/__tests__/Message.test.tsx +1 -6
- package/core/components/atoms/message/__tests__/__snapshots__/Message.test.tsx.snap +0 -45
- package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +2 -2
- package/core/components/atoms/metricInput/MetricInput.tsx +17 -7
- package/core/components/atoms/metricInput/__stories__/DefaultMetric.story.tsx +8 -2
- package/core/components/atoms/metricInput/__stories__/WithPrefix.story.tsx +6 -2
- package/core/components/atoms/metricInput/__stories__/index.story.tsx +1 -0
- package/core/components/atoms/metricInput/__stories__/variants/Controlled.story.tsx +2 -0
- package/core/components/atoms/metricInput/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/metricInput/__stories__/withSuffix.story.tsx +6 -2
- package/core/components/atoms/metricInput/__tests__/__snapshots__/MetricInput.test.tsx.snap +20 -4
- package/core/components/atoms/multiSlider/Handle.tsx +3 -0
- package/core/components/atoms/multiSlider/SliderUtils.tsx +1 -4
- package/core/components/atoms/multiSlider/index.tsx +9 -4
- package/core/components/atoms/outsideClick/OutsideClick.tsx +1 -2
- package/core/components/atoms/paragraph/Paragraph.tsx +2 -2
- package/core/components/atoms/paragraph/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/paragraph/__tests__/Paragraph.test.tsx +2 -2
- package/core/components/atoms/pills/Pills.tsx +2 -12
- package/core/components/atoms/pills/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/pills/__stories__/variants/Subtle.story.tsx +3 -2
- package/core/components/atoms/pills/__tests__/Pills.test.tsx +3 -2
- package/core/components/atoms/placeholderImage/PlaceholderImage.tsx +2 -2
- package/core/components/atoms/placeholderImage/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/placeholderParagraph/PlaceholderParagraph.tsx +2 -2
- package/core/components/atoms/placeholderParagraph/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/popperWrapper/PopperWrapper.tsx +2 -6
- package/core/components/atoms/progressRing/ProgressRing.tsx +2 -2
- package/core/components/atoms/progressRing/__stories__/variants/Size.story.tsx +1 -1
- package/core/components/atoms/radio/Radio.tsx +4 -5
- package/core/components/atoms/rangeSlider/RangeSlider.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/index.story.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/variants/Controlled.story.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/variants/CustomLabels.story.tsx +1 -2
- package/core/components/atoms/spinner/Spinner.tsx +4 -4
- package/core/components/atoms/spinner/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/spinner/__stories__/variants/Size.story.tsx +1 -1
- package/core/components/atoms/statusHint/StatusHint.tsx +5 -3
- package/core/components/atoms/statusHint/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/statusHint/__tests__/StatusHint.test.tsx +3 -2
- package/core/components/atoms/subheading/Subheading.tsx +2 -2
- package/core/components/atoms/subheading/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/subheading/__tests__/Subheading.test.tsx +3 -2
- package/core/components/atoms/switchInput/Switch.tsx +14 -9
- package/core/components/atoms/switchInput/__stories__/DefaultSwitch.story.tsx +4 -1
- package/core/components/atoms/switchInput/__stories__/OffState.story.tsx +4 -1
- package/core/components/atoms/switchInput/__stories__/index.story.tsx +26 -3
- package/core/components/atoms/switchInput/__stories__/variants/Size.story.tsx +10 -1
- package/core/components/atoms/switchInput/__stories__/variants/State.story.tsx +9 -2
- package/core/components/atoms/text/Text.tsx +4 -4
- package/core/components/atoms/text/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/text/__tests__/Text.test.tsx +2 -3
- package/core/components/atoms/textarea/__stories__/TextareaWithCaption.story.tsx +9 -3
- package/core/components/atoms/textarea/__stories__/defaultTextarea.story.tsx +10 -2
- package/core/components/atoms/textarea/__stories__/index.story.tsx +1 -0
- package/core/components/atoms/textarea/__stories__/variants/Disable.story.tsx +1 -0
- package/core/components/atoms/toast/ActionButton.tsx +2 -2
- package/core/components/atoms/toast/Toast.tsx +11 -6
- package/core/components/atoms/toast/__stories__/index.story.tsx +2 -6
- package/core/components/atoms/toast/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/toast/__stories__/variants/ToastMessage.story.tsx +3 -2
- package/core/components/atoms/toast/__stories__/variants/ToastWithAction.story.tsx +3 -2
- package/core/components/atoms/toast/__tests__/Toast.test.tsx +1 -1
- package/core/components/atoms/toast/__tests__/__snapshots__/Toast.test.tsx.snap +24 -125
- package/core/components/css-utilities/Schema.tsx +1 -1
- package/core/components/css-utilities/Spacing/Schema.tsx +1 -1
- package/core/components/molecules/chatMessage/Box.tsx +3 -0
- package/core/components/molecules/chipInput/ChipInput.tsx +3 -0
- package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +14 -2
- package/core/components/molecules/dropzone/Dropzone.tsx +6 -3
- package/core/components/molecules/dropzone/DropzoneBase.tsx +22 -38
- package/core/components/molecules/dropzone/FileSelectorUtils.tsx +1 -1
- package/core/components/molecules/dropzone/__stories__/index.story.tsx +151 -41
- package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +2 -2
- package/core/components/molecules/dropzone/utils.tsx +6 -4
- package/core/components/molecules/editableChipInput/EditableChipInput.tsx +9 -5
- package/core/components/molecules/editableChipInput/__stories__/Uncontrolled.story.tsx +1 -1
- package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +12 -4
- package/core/components/molecules/editableDropdown/EditableDropdown.tsx +2 -2
- package/core/components/molecules/editableInput/EditableInput.tsx +13 -4
- package/core/components/molecules/emptyState/EmptyState.tsx +9 -5
- package/core/components/molecules/emptyState/__stories__/pageNotLoadedWithSVG.story.tsx +26 -26
- package/core/components/molecules/fileList/FileListItem.tsx +3 -2
- package/core/components/molecules/fileUploader/FileUploaderItem.tsx +3 -2
- package/core/components/molecules/fileUploader/FileUploaderStatus.tsx +1 -1
- package/core/components/molecules/fileUploader/__stories__/_common_/types.tsx +3 -0
- package/core/components/molecules/fileUploader/__stories__/index.story.tsx +3 -222
- package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +5 -7
- package/core/components/molecules/inputMask/InputMask.tsx +212 -146
- package/core/components/molecules/inputMask/__stories__/index.story.tsx +24 -0
- package/core/components/molecules/inputMask/__tests__/__snapshots__/InputMask.test.tsx.snap +1 -0
- package/core/components/molecules/modal/Modal.tsx +4 -6
- package/core/components/molecules/modal/__stories__/Confirmation.story.tsx +1 -1
- package/core/components/molecules/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +5 -1
- package/core/components/molecules/placeholder/Placeholder.tsx +2 -2
- package/core/components/molecules/popover/Popover.tsx +2 -9
- package/core/components/molecules/sidesheet/Sidesheet.tsx +5 -7
- package/core/components/molecules/sidesheet/__stories__/variants/CustomHeader.story.tsx +172 -0
- package/core/components/molecules/stepper/Step.tsx +2 -0
- package/core/components/molecules/tabs/Tabs.tsx +2 -0
- package/core/components/molecules/tabs/TabsWrapper.tsx +2 -0
- package/core/components/molecules/tabs/__stories__/CustomLabels.story.tsx +1 -1
- package/core/components/molecules/tooltip/Tooltip.tsx +4 -4
- package/core/components/molecules/verificationCodeInput/VerificationCodeInput.tsx +8 -4
- package/core/components/molecules/verificationCodeInput/__stories__/index.story.tsx +3 -1
- package/core/components/molecules/verificationCodeInput/__tests__/__snapshots__/VerificationCodeInput.test.tsx.snap +1 -0
- package/core/components/organisms/calendar/Calendar.tsx +130 -8
- package/core/components/organisms/calendar/__stories__/variants/firstDayOfWeek.story.tsx +2 -2
- package/core/components/organisms/calendar/__tests__/Calendar.test.tsx +27 -0
- package/core/components/organisms/calendar/utility.ts +3 -3
- package/core/components/organisms/choiceList/ChoiceList.tsx +12 -12
- package/core/components/organisms/datePicker/DatePicker.tsx +31 -16
- package/core/components/organisms/datePicker/Trigger.tsx +1 -5
- package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +4518 -4479
- package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +9 -10
- package/core/components/organisms/dateRangePicker/SingleInputTrigger.tsx +0 -1
- package/core/components/organisms/dateRangePicker/Trigger.tsx +2 -2
- package/core/components/organisms/dateRangePicker/__stories__/variants/monthsInView.story.tsx +2 -2
- package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +112 -40
- package/core/components/organisms/grid/Cell.tsx +23 -19
- package/core/components/organisms/grid/Grid.tsx +3 -4
- package/core/components/organisms/grid/GridBody.tsx +0 -1
- package/core/components/organisms/grid/GridContext.ts +1 -1
- package/core/components/organisms/grid/GridRow.tsx +4 -0
- package/core/components/organisms/grid/__stories__/_common_/editableSchema.tsx +1 -3
- package/core/components/organisms/grid/__stories__/_common_/fetchData.ts +3 -3
- package/core/components/organisms/grid/__stories__/_common_/loaderSchema.ts +0 -2
- package/core/components/organisms/grid/__stories__/_common_/schema.tsx +1 -3
- package/core/components/organisms/grid/__stories__/_common_/simpleLoaderSchema.ts +0 -2
- package/core/components/organisms/grid/__stories__/_common_/statusSchema.ts +0 -2
- package/core/components/organisms/horizontalNav/HorizontalNav.tsx +2 -0
- package/core/components/organisms/inlineMessage/InlineMessage.tsx +5 -7
- package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +3 -2
- package/core/components/organisms/inlineMessage/__tests__/__snapshots__/InlineMessage.test.tsx.snap +30 -40
- package/core/components/organisms/list/__stories__/_common_/types.tsx +3 -0
- package/core/components/organisms/list/__stories__/index.story.tsx +0 -16
- package/core/components/organisms/navigation/VerticalNavigation.tsx +4 -0
- package/core/components/organisms/table/Table.tsx +3 -2
- package/core/components/organisms/table/__stories__/CompressedTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/DataTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/PinnedColumn.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/ResourceTable.story.tsx +4 -3
- package/core/components/organisms/table/__stories__/Selection.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/StandardTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/TableAsDescriptionList.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/TableAsOptionList.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/TightStory.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/_common_/types.tsx +3 -0
- package/core/components/organisms/table/__stories__/syncTable.story.tsx +14 -6
- package/core/components/organisms/table/__stories__/variants/showHead.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/showMenu.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/size.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/type.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/withCheckbox.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/withHeader.story.tsx +0 -2
- package/core/components/organisms/table/__stories__/variants/withPagination.story.tsx +2 -2
- package/core/components/organisms/timePicker/TimePicker.tsx +4 -8
- package/core/components/organisms/timePicker/__tests__/__snapshots__/TimePicker.test.tsx.snap +14 -2
- package/core/components/organisms/verticalNav/MenuItem.tsx +2 -0
- package/core/components/organisms/verticalNav/__stories__/schema.tsx +0 -2
- package/core/components/organisms/verticalNav/__tests__/VerticalNav.test.tsx +1 -2
- package/core/components/patterns/datePicker/datePickerWithPresets.story.tsx +126 -0
- package/core/components/patterns/dateRangePicker/withCustomPopover.story.tsx +8 -8
- package/core/components/patterns/forms/CreatePassword.story.tsx +1 -1
- package/core/components/patterns/forms/VerificationCodeInput.story.tsx +2 -2
- package/core/components/patterns/table/Table with Header/tableWithHeader.story.jsx +7 -7
- package/core/global.d.ts +9 -0
- package/core/index.tsx +2 -1
- package/core/index.type.tsx +1 -0
- package/core/utils/Keys.ts +4 -0
- package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +562 -541
- package/core/utils/docPage/generateImports.tsx +2 -3
- package/core/utils/docPage/index.tsx +52 -37
- package/core/utils/docPage/sandbox.tsx +14 -7
- package/core/utils/overlayHelper.ts +7 -3
- package/core/utils/testHelper.ts +2 -2
- package/core/utils/types.tsx +1 -1
- package/core/utils/validators.ts +37 -34
- package/css/dist/index.css +1550 -1415
- package/css/dist/index.css.map +1 -1
- package/css/src/components/Legend.css +7 -7
- package/css/src/components/ProgressBar.css +1 -1
- package/css/src/components/avatarGroup.css +1 -1
- package/css/src/components/backdrop.css +12 -6
- package/css/src/components/badge.css +52 -52
- package/css/src/components/button.css +95 -94
- package/css/src/components/calendar.css +137 -126
- package/css/src/components/card.css +0 -1
- package/css/src/components/cardSubdued.css +3 -5
- package/css/src/components/chat.css +1 -1
- package/css/src/components/checkbox.css +71 -70
- package/css/src/components/chip.css +20 -17
- package/css/src/components/chipGroup.css +5 -5
- package/css/src/components/chipInput.css +1 -1
- package/css/src/components/choiceList.css +4 -4
- package/css/src/components/dateRangePicker.css +13 -13
- package/css/src/components/divider.css +20 -0
- package/css/src/components/dropdown.css +61 -61
- package/css/src/components/dropdownButton.css +36 -36
- package/css/src/components/dropzone.css +16 -20
- package/css/src/components/editableChipInput.css +10 -9
- package/css/src/components/editableDropdown.css +1 -1
- package/css/src/components/editableInput.css +1 -1
- package/css/src/components/emptyState.css +15 -15
- package/css/src/components/fileList.css +44 -45
- package/css/src/components/fullscreenModal.css +4 -3
- package/css/src/components/grid.css +217 -199
- package/css/src/components/horizontalNav.css +0 -1
- package/css/src/components/icon.css +1 -7
- package/css/src/components/inlineMessage.css +2 -1
- package/css/src/components/input.css +62 -62
- package/css/src/components/link.css +1 -1
- package/css/src/components/list.css +10 -10
- package/css/src/components/message.css +64 -70
- package/css/src/components/metaList.css +26 -26
- package/css/src/components/metricInput.css +3 -4
- package/css/src/components/modal.css +1 -1
- package/css/src/components/navigation.css +3 -3
- package/css/src/components/pageHeader.css +1 -2
- package/css/src/components/pagination.css +36 -36
- package/css/src/components/pills.css +19 -19
- package/css/src/components/placeholder.css +10 -5
- package/css/src/components/popover.css +2 -2
- package/css/src/components/progressRing.css +1 -1
- package/css/src/components/radio.css +74 -74
- package/css/src/components/slider.css +5 -5
- package/css/src/components/statusHints.css +15 -15
- package/css/src/components/switch.css +66 -41
- package/css/src/components/table.css +15 -15
- package/css/src/components/tabs.css +53 -53
- package/css/src/components/textarea.css +1 -1
- package/css/src/components/toast.css +51 -56
- package/css/src/components/verificationCodeInput.css +5 -6
- package/css/src/components/verticalNav.css +1 -2
- package/css/src/core/base.css +3 -0
- package/css/src/core/typography.css +1 -1
- package/css/src/core/utilities.css +1 -1
- package/css/src/tokens/index.css +63 -63
- package/css/src/utils/align.css +1 -1
- package/css/src/utils/background.css +1 -1
- package/css/src/utils/cursor.css +1 -1
- package/css/src/utils/display.css +1 -1
- package/css/src/utils/flex.css +1 -1
- package/css/src/utils/grid.css +1 -1
- package/css/src/utils/overflow.css +1 -1
- package/css/src/utils/position.css +1 -1
- package/css/src/utils/spacing.css +1 -1
- package/css/src/utils/utility.css +13 -13
- package/css/src/variables/index.css +6 -3
- package/dist/core/accessibility/utils/index.d.ts +4 -0
- package/dist/core/accessibility/utils/isEnterKey.d.ts +3 -0
- package/dist/core/accessibility/utils/isSpaceKey.d.ts +3 -0
- package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +18 -0
- package/dist/core/common.type.d.ts +12 -0
- package/dist/core/components/atoms/avatar/Avatar.d.ts +4 -4
- package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -3
- package/dist/core/components/atoms/badge/Badge.d.ts +2 -2
- package/dist/core/components/atoms/button/Button.d.ts +6 -6
- package/dist/core/components/atoms/checkbox/Checkbox.d.ts +3 -3
- package/dist/core/components/atoms/chip/Chip.d.ts +2 -2
- package/dist/core/components/atoms/divider/Divider.d.ts +15 -0
- package/dist/core/components/atoms/divider/index.d.ts +2 -0
- package/dist/core/components/atoms/dropdown/Dropdown.d.ts +18 -17
- package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +2 -2
- package/dist/core/components/atoms/dropdown/DropdownList.d.ts +4 -3
- package/dist/core/components/atoms/dropdown/option/index.d.ts +1 -1
- package/dist/core/components/atoms/heading/Heading.d.ts +4 -4
- package/dist/core/components/atoms/icon/Icon.d.ts +5 -3
- package/dist/core/components/atoms/input/Input.d.ts +4 -4
- package/dist/core/components/atoms/legend/Legend.d.ts +2 -2
- package/dist/core/components/atoms/link/Link.d.ts +4 -4
- package/dist/core/components/atoms/message/Message.d.ts +2 -2
- package/dist/core/components/atoms/metricInput/MetricInput.d.ts +3 -3
- package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
- package/dist/core/components/atoms/multiSlider/index.d.ts +3 -3
- package/dist/core/components/atoms/paragraph/Paragraph.d.ts +2 -2
- package/dist/core/components/atoms/pills/Pills.d.ts +2 -2
- package/dist/core/components/atoms/placeholderImage/PlaceholderImage.d.ts +2 -2
- package/dist/core/components/atoms/placeholderParagraph/PlaceholderParagraph.d.ts +2 -2
- package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +51 -51
- package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +2 -2
- package/dist/core/components/atoms/radio/Radio.d.ts +4 -4
- package/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts +1 -1
- package/dist/core/components/atoms/spinner/Spinner.d.ts +4 -4
- package/dist/core/components/atoms/statusHint/StatusHint.d.ts +2 -2
- package/dist/core/components/atoms/subheading/Subheading.d.ts +2 -2
- package/dist/core/components/atoms/switchInput/Switch.d.ts +7 -6
- package/dist/core/components/atoms/text/Text.d.ts +4 -4
- package/dist/core/components/atoms/toast/ActionButton.d.ts +2 -2
- package/dist/core/components/atoms/toast/Toast.d.ts +2 -2
- package/dist/core/components/molecules/dropzone/Dropzone.d.ts +3 -3
- package/dist/core/components/molecules/dropzone/DropzoneBase.d.ts +1 -1
- package/dist/core/components/molecules/dropzone/utils.d.ts +5 -3
- package/dist/core/components/molecules/emptyState/EmptyState.d.ts +4 -4
- package/dist/core/components/molecules/fileList/FileListItem.d.ts +1 -1
- package/dist/core/components/molecules/fileUploader/FileUploaderItem.d.ts +1 -1
- package/dist/core/components/molecules/fileUploader/FileUploaderStatus.d.ts +1 -1
- package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts +4 -7
- package/dist/core/components/molecules/inputMask/InputMask.d.ts +10 -2
- package/dist/core/components/molecules/modal/Modal.d.ts +3 -6
- package/dist/core/components/molecules/placeholder/Placeholder.d.ts +2 -2
- package/dist/core/components/molecules/popover/Popover.d.ts +0 -1
- package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +3 -6
- package/dist/core/components/molecules/tooltip/Tooltip.d.ts +3 -3
- package/dist/core/components/organisms/calendar/Calendar.d.ts +31 -0
- package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +5 -6
- package/dist/core/components/organisms/datePicker/DatePicker.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +24 -0
- package/dist/core/components/organisms/grid/Cell.d.ts +1 -1
- package/dist/core/components/organisms/grid/Grid.d.ts +3 -3
- package/dist/core/components/organisms/grid/GridContext.d.ts +1 -1
- package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts +2 -2
- package/dist/core/components/organisms/table/Table.d.ts +2 -2
- package/dist/core/components/patterns/datePicker/datePickerWithPresets.story.d.ts +15 -0
- package/dist/core/components/patterns/dateRangePicker/withCustomPopover.story.d.ts +5 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.type.d.ts +1 -0
- package/dist/core/utils/docPage/generateImports.d.ts +1 -1
- package/dist/core/utils/overlayHelper.d.ts +1 -1
- package/dist/core/utils/types.d.ts +1 -1
- package/dist/index.esm.js +1039 -729
- package/dist/index.js +532 -371
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/dts.config.js +11 -2
- package/package.json +32 -27
- package/tsconfig.json +3 -16
- package/tsconfig.type.json +2 -1
- package/types/index.d.ts +2217 -0
- package/types/{innovaccer-design-system/tsconfig.json → tsconfig.json} +1 -1
- package/types/{innovaccer-design-system/tslint.json → tslint.json} +0 -0
- package/types/types-tests.tsx +936 -0
- package/.husky/prepare-commit-msg +0 -6
- package/core/components/atoms/button/__stories__/variants/state/Success.story.tsx +0 -99
- package/core/components/atoms/message/__stories__/default.story.tsx +0 -16
- package/core/components/atoms/toast/__stories__/DefaultToast.story.tsx +0 -16
- package/core/components/molecules/dropzone/__stories__/variants/DropzoneWithFileList.story.tsx +0 -176
- package/core/components/molecules/fileUploader/__stories__/variants/FileUploaderList.story.tsx +0 -80
- package/tslint.json +0 -30
- package/types/innovaccer-design-system/index.d.ts +0 -39
- 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
|
|
2
|
+
export declare type ProgressRingSize = 'small' | 'regular';
|
|
3
3
|
export interface ProgressRingProps extends BaseProps {
|
|
4
|
-
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
|
-
|
|
4
|
-
declare type
|
|
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?:
|
|
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:
|
|
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
|
-
|
|
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
|
|
3
|
-
export declare type
|
|
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:
|
|
6
|
-
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
|
-
|
|
3
|
+
import { MessageAppearance } from "../../../common.type";
|
|
4
4
|
export interface StatusHintProps extends BaseProps {
|
|
5
5
|
children: React.ReactText;
|
|
6
|
-
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
|
-
|
|
3
|
+
import { HeadingAppearance } from "../../../common.type";
|
|
4
4
|
export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElement> {
|
|
5
5
|
children: React.ReactText;
|
|
6
|
-
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
|
-
|
|
4
|
-
export declare type
|
|
5
|
-
declare type
|
|
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?:
|
|
8
|
-
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:
|
|
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
|
|
4
|
-
export declare type
|
|
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:
|
|
10
|
-
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 {
|
|
2
|
+
import { MessageAppearance } from "../../../common.type";
|
|
3
3
|
export interface Props {
|
|
4
|
-
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
|
-
|
|
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:
|
|
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
|
|
4
|
+
export declare type DropZoneType = 'standard' | 'compressed' | 'tight';
|
|
5
5
|
export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
|
|
6
6
|
formatLabel?: string;
|
|
7
|
-
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[]) =>
|
|
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:
|
|
5
|
-
export declare const onDocumentDragOver: (event:
|
|
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
|
-
|
|
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
|
|
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:
|
|
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<
|
|
18
|
-
export declare const textSize: Record<
|
|
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
|
-
|
|
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,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
|
-
|
|
6
|
-
declare type
|
|
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:
|
|
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:
|
|
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
|
-
|
|
16
|
-
|
|
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
|
-
|
|
6
|
-
declare type
|
|
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:
|
|
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 {
|
|
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:
|
|
8
|
+
imageSize: PlaceholderImageSize;
|
|
9
9
|
children?: React.ReactElement<PlaceholderParagraphProps> | React.ReactElement<PlaceholderParagraphProps>[];
|
|
10
10
|
}
|
|
11
11
|
export declare const Placeholder: {
|
|
@@ -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
|
-
|
|
6
|
-
declare type
|
|
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:
|
|
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
|
|
4
|
-
declare type
|
|
5
|
-
export interface TooltipProps extends Omit<PopoverProps,
|
|
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
|
-
|
|
4
|
-
export declare type
|
|
5
|
-
declare type
|
|
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?:
|
|
17
|
-
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 =
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
|
-
|
|
2
|
+
import { MessageAppearance } from "../../../common.type";
|
|
3
3
|
export interface InlineMessageProps extends BaseProps {
|
|
4
|
-
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
|
|
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 &
|
|
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: {
|
package/dist/core/index.d.ts
CHANGED
|
@@ -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:
|
|
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:
|
|
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
|
|
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;
|