hrm_ui_lib 2.0.3 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/styles.css +525 -0
- package/assets/styles/styles.scss +3 -1
- package/components/Alert/Alert.js +11 -52
- package/components/Alert/consts.js +12 -14
- package/components/Alert/index.js +1 -52
- package/components/Alert/types.js +1 -1
- package/components/Avatar/Avatar.js +21 -117
- package/components/Avatar/AvatarGroup.js +18 -117
- package/components/Avatar/index.js +2 -64
- package/components/Avatar/types.js +1 -1
- package/components/Badge/Badge.js +5 -22
- package/components/Badge/index.js +1 -6
- package/components/Badge/types.js +1 -1
- package/components/Breadcrumb/Breadcrumb.js +6 -23
- package/components/Breadcrumb/index.js +1 -2
- package/components/Breadcrumb/types.js +1 -1
- package/components/Button/Button.js +29 -52
- package/components/Button/consts.js +12 -14
- package/components/Button/index.js +1 -52
- package/components/Button/types.js +1 -1
- package/components/Checkbox/Checkbox.js +45 -52
- package/components/Checkbox/index.js +1 -52
- package/components/Checkbox/types.js +1 -1
- package/components/Chips/Chips.js +23 -65
- package/components/Chips/consts.js +10 -12
- package/components/Chips/index.js +1 -11
- package/components/Chips/types.js +5 -7
- package/components/Collapse/CollapseGroup/CollapseGroup.js +22 -73
- package/components/Collapse/CollapseItem/CollapseItem.js +11 -86
- package/components/Collapse/index.js +2 -16
- package/components/Collapse/types.js +1 -1
- package/components/Container/Container.js +4 -9
- package/components/Container/index.js +1 -2
- package/components/Container/types.js +1 -1
- package/components/Copy/Copy.js +15 -93
- package/components/Copy/index.js +1 -54
- package/components/Copy/types.js +1 -1
- package/components/Counter/Counter.js +54 -134
- package/components/Counter/index.js +1 -61
- package/components/Counter/types.js +1 -1
- package/components/DatePicker/CustomHeader/CustomHeader.js +16 -191
- package/components/DatePicker/CustomHeader/helpers.js +10 -16
- package/components/DatePicker/RangeDatePicker/RangeDatePicker.js +7 -129
- package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js +71 -172
- package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js +86 -265
- package/components/DatePicker/RangeDatePicker/index.js +1 -124
- package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.js +8 -128
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js +45 -202
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js +44 -206
- package/components/DatePicker/SimpleDatePicker/index.js +1 -123
- package/components/DatePicker/TimePicker/MobileModalContent.js +33 -123
- package/components/DatePicker/TimePicker/TimePicker.js +7 -75
- package/components/DatePicker/TimePicker/TimePickerDesktop.js +42 -128
- package/components/DatePicker/TimePicker/TimePickerMobile.js +27 -125
- package/components/DatePicker/TimePicker/consts.js +5 -8
- package/components/DatePicker/TimePicker/helpers.js +9 -19
- package/components/DatePicker/TimePicker/index.js +1 -70
- package/components/DatePicker/hooks.js +33 -2171
- package/components/DatePicker/index.js +3 -134
- package/components/DatePicker/localization.js +43 -6
- package/components/DatePicker/types.js +5 -7
- package/components/Divider/Divider.js +8 -15
- package/components/Divider/index.js +1 -3
- package/components/Divider/types.js +1 -1
- package/components/Empty/Empty.js +9 -83
- package/components/Empty/index.js +1 -54
- package/components/Empty/types.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/DropzoneFileUpload.js +67 -52
- package/components/FileUpload/DropzoneFileUpload/ErrorItem.js +21 -52
- package/components/FileUpload/DropzoneFileUpload/FilePreview.js +23 -52
- package/components/FileUpload/DropzoneFileUpload/PreviewItem.js +30 -52
- package/components/FileUpload/DropzoneFileUpload/helpers.js +79 -52
- package/components/FileUpload/DropzoneFileUpload/index.js +1 -52
- package/components/FileUpload/FileUpload.js +69 -192
- package/components/FileUpload/UploadItems.js +22 -101
- package/components/FileUpload/index.js +3 -61
- package/components/FileUpload/types.js +6 -10
- package/components/FormContainer/FormContainer.js +43 -136
- package/components/FormContainer/index.js +1 -55
- package/components/FormContainer/types.js +1 -1
- package/components/FormField/FormField.js +17 -112
- package/components/FormField/index.js +1 -56
- package/components/FormField/types.js +1 -1
- package/components/Heading/Heading.js +5 -27
- package/components/Heading/index.js +1 -5
- package/components/Heading/types.js +1 -1
- package/components/Image/Image.js +12 -32
- package/components/Image/index.js +1 -2
- package/components/Image/types.js +1 -1
- package/components/Input/Input.js +68 -236
- package/components/Input/index.js +1 -58
- package/components/Input/types.js +1 -1
- package/components/Link/Link.js +14 -40
- package/components/Link/index.js +1 -3
- package/components/Link/types.js +1 -1
- package/components/Menu/Menu.js +47 -161
- package/components/Menu/NestedMenu.js +47 -173
- package/components/Menu/index.js +2 -72
- package/components/Menu/types.js +1 -1
- package/components/Modal/Modal.js +70 -52
- package/components/Modal/ModalConfirmation.js +30 -137
- package/components/Modal/ModalContent.js +10 -52
- package/components/Modal/index.js +2 -53
- package/components/Modal/types.js +1 -1
- package/components/More/More.js +19 -85
- package/components/More/index.js +1 -53
- package/components/More/types.js +1 -1
- package/components/Pagination/Pagination.js +15 -56
- package/components/Pagination/consts.js +5 -7
- package/components/Pagination/index.js +1 -10
- package/components/Pagination/types.js +1 -1
- package/components/Popover/Popover.js +41 -52
- package/components/Popover/PopoverDesktop.js +16 -69
- package/components/Popover/PopoverMobile.js +8 -52
- package/components/Popover/index.js +1 -52
- package/components/Popover/types.js +1 -1
- package/components/Progress/Progress.js +21 -56
- package/components/Progress/index.js +1 -2
- package/components/Progress/types.js +1 -1
- package/components/ProgressStep/ProgressStep.js +9 -38
- package/components/ProgressStep/Step.js +51 -98
- package/components/ProgressStep/consts.js +7 -9
- package/components/ProgressStep/index.js +1 -12
- package/components/ProgressStep/types.js +5 -7
- package/components/Radio/Radio.js +19 -56
- package/components/Radio/RadioGroup.js +21 -111
- package/components/Radio/index.js +2 -55
- package/components/Radio/types.js +1 -1
- package/components/SVGIcons/IconAdd.js +7 -28
- package/components/SVGIcons/IconAddCircle.js +7 -31
- package/components/SVGIcons/IconAddCircleFilled.js +7 -31
- package/components/SVGIcons/IconAddFilled.js +7 -28
- package/components/SVGIcons/IconAlert.js +7 -31
- package/components/SVGIcons/IconAlertBadge.js +7 -31
- package/components/SVGIcons/IconAlertBadgeFilled.js +7 -31
- package/components/SVGIcons/IconAlertFilled.js +7 -31
- package/components/SVGIcons/IconAm.js +6 -57
- package/components/SVGIcons/IconAmd.js +7 -28
- package/components/SVGIcons/IconAmdFilled.js +7 -28
- package/components/SVGIcons/IconApple.js +7 -31
- package/components/SVGIcons/IconArrowDown.js +7 -31
- package/components/SVGIcons/IconArrowDownFilled.js +7 -31
- package/components/SVGIcons/IconArrowDownLeft.js +7 -31
- package/components/SVGIcons/IconArrowDownLeftFilled.js +7 -31
- package/components/SVGIcons/IconArrowDownload.js +7 -31
- package/components/SVGIcons/IconArrowDownloadFilled.js +7 -31
- package/components/SVGIcons/IconArrowEnter.js +7 -28
- package/components/SVGIcons/IconArrowEnterFilled.js +7 -28
- package/components/SVGIcons/IconArrowExit.js +7 -28
- package/components/SVGIcons/IconArrowExitFilled.js +7 -28
- package/components/SVGIcons/IconArrowExportLeftToRight.js +7 -31
- package/components/SVGIcons/IconArrowExportLeftToRightFilled.js +7 -31
- package/components/SVGIcons/IconArrowExportRightToLeft.js +7 -31
- package/components/SVGIcons/IconArrowExportRightToLeftFilled.js +7 -31
- package/components/SVGIcons/IconArrowExportUp.js +7 -31
- package/components/SVGIcons/IconArrowExportUpFilled.js +7 -31
- package/components/SVGIcons/IconArrowImport.js +7 -31
- package/components/SVGIcons/IconArrowImportFilled.js +7 -31
- package/components/SVGIcons/IconArrowLeft.js +7 -31
- package/components/SVGIcons/IconArrowLeftFilled.js +7 -31
- package/components/SVGIcons/IconArrowRepeatAll.js +7 -31
- package/components/SVGIcons/IconArrowRepeatAllFilled.js +7 -31
- package/components/SVGIcons/IconArrowReset.js +7 -31
- package/components/SVGIcons/IconArrowResetFilled.js +7 -31
- package/components/SVGIcons/IconArrowRight.js +7 -31
- package/components/SVGIcons/IconArrowRightFilled.js +7 -31
- package/components/SVGIcons/IconArrowSort.js +7 -28
- package/components/SVGIcons/IconArrowSortFilled.js +7 -28
- package/components/SVGIcons/IconArrowSync.js +7 -28
- package/components/SVGIcons/IconArrowSyncFilled.js +7 -28
- package/components/SVGIcons/IconArrowUp.js +7 -31
- package/components/SVGIcons/IconArrowUpFilled.js +7 -31
- package/components/SVGIcons/IconArrowUpLeft.js +7 -31
- package/components/SVGIcons/IconArrowUpLeftFilled.js +7 -31
- package/components/SVGIcons/IconArrowUpRight.js +7 -31
- package/components/SVGIcons/IconArrowUpRightFilled.js +7 -31
- package/components/SVGIcons/IconAttach.js +7 -31
- package/components/SVGIcons/IconAttachFilled.js +7 -31
- package/components/SVGIcons/IconBeach.js +7 -28
- package/components/SVGIcons/IconBeachFilled.js +7 -28
- package/components/SVGIcons/IconBook.js +7 -31
- package/components/SVGIcons/IconBookFilled.js +7 -31
- package/components/SVGIcons/IconBookmark.js +7 -31
- package/components/SVGIcons/IconBookmarkFilled.js +7 -31
- package/components/SVGIcons/IconBriefcase.js +7 -31
- package/components/SVGIcons/IconBriefcaseFilled.js +7 -31
- package/components/SVGIcons/IconBuilding.js +7 -54
- package/components/SVGIcons/IconBuildingBank.js +7 -28
- package/components/SVGIcons/IconBuildingBankFilled.js +7 -28
- package/components/SVGIcons/IconBuildingFilled.js +7 -31
- package/components/SVGIcons/IconBulletListAdd.js +7 -31
- package/components/SVGIcons/IconBulletListAddFilled.js +7 -31
- package/components/SVGIcons/IconCalculator.js +7 -31
- package/components/SVGIcons/IconCalculatorFilled.js +7 -31
- package/components/SVGIcons/IconCalendarClock.js +7 -28
- package/components/SVGIcons/IconCalendarClockFilled.js +7 -28
- package/components/SVGIcons/IconCalendarDay.js +7 -31
- package/components/SVGIcons/IconCalendarDayFilled.js +7 -31
- package/components/SVGIcons/IconCalendarEmpty.js +7 -28
- package/components/SVGIcons/IconCalendarLeft.js +7 -28
- package/components/SVGIcons/IconCalendarLeftFilled.js +7 -28
- package/components/SVGIcons/IconCalendarRight.js +7 -28
- package/components/SVGIcons/IconCalendarRightFilled.js +7 -28
- package/components/SVGIcons/IconCall.js +7 -31
- package/components/SVGIcons/IconCallFilled.js +7 -31
- package/components/SVGIcons/IconCard.js +7 -28
- package/components/SVGIcons/IconCardFilled.js +7 -28
- package/components/SVGIcons/IconCaretDown.js +7 -28
- package/components/SVGIcons/IconCaretDownFilled.js +7 -28
- package/components/SVGIcons/IconCaretDownRight.js +7 -28
- package/components/SVGIcons/IconCaretDownRightFilled.js +7 -28
- package/components/SVGIcons/IconCaretLeft.js +7 -28
- package/components/SVGIcons/IconCaretLeftFilled.js +7 -28
- package/components/SVGIcons/IconCaretRight.js +7 -28
- package/components/SVGIcons/IconCaretRightFilled.js +7 -28
- package/components/SVGIcons/IconCaretUp.js +7 -28
- package/components/SVGIcons/IconCaretUpFilled.js +7 -28
- package/components/SVGIcons/IconChat.js +7 -28
- package/components/SVGIcons/IconChatFilled.js +7 -28
- package/components/SVGIcons/IconChatMultiple.js +7 -28
- package/components/SVGIcons/IconChatMultipleFilled.js +7 -28
- package/components/SVGIcons/IconCheckboxArrowRight.js +7 -31
- package/components/SVGIcons/IconCheckboxArrowRightFilled.js +7 -31
- package/components/SVGIcons/IconCheckmark.js +7 -28
- package/components/SVGIcons/IconCheckmarkCircle.js +7 -28
- package/components/SVGIcons/IconCheckmarkCircleFilled.js +7 -28
- package/components/SVGIcons/IconCheckmarkFilled.js +7 -28
- package/components/SVGIcons/IconChevronDoubleLeft.d.ts +4 -0
- package/components/SVGIcons/IconChevronDoubleLeft.js +8 -0
- package/components/SVGIcons/IconChevronDoubleRight.d.ts +4 -0
- package/components/SVGIcons/IconChevronDoubleRight.js +8 -0
- package/components/SVGIcons/IconChevronDown.js +7 -28
- package/components/SVGIcons/IconChevronDownFilled.js +7 -28
- package/components/SVGIcons/IconChevronLeft.js +7 -28
- package/components/SVGIcons/IconChevronLeftFilled.js +7 -28
- package/components/SVGIcons/IconChevronRight.js +7 -28
- package/components/SVGIcons/IconChevronRightFilled.js +7 -28
- package/components/SVGIcons/IconChevronUp.js +7 -28
- package/components/SVGIcons/IconChevronUpDown.js +7 -31
- package/components/SVGIcons/IconChevronUpDownFilled.js +7 -31
- package/components/SVGIcons/IconChevronUpFilled.js +7 -28
- package/components/SVGIcons/IconClipboardDay.js +7 -28
- package/components/SVGIcons/IconClock.js +7 -31
- package/components/SVGIcons/IconClockDismiss.js +7 -28
- package/components/SVGIcons/IconClockDismissFilled.js +7 -28
- package/components/SVGIcons/IconClockFilled.js +7 -31
- package/components/SVGIcons/IconComment.js +7 -31
- package/components/SVGIcons/IconCommentFilled.js +7 -31
- package/components/SVGIcons/IconContractCard.js +7 -28
- package/components/SVGIcons/IconContractCardFilled.js +7 -28
- package/components/SVGIcons/IconCopy.js +7 -28
- package/components/SVGIcons/IconCopyFilled.js +7 -28
- package/components/SVGIcons/IconCubeTree.js +7 -28
- package/components/SVGIcons/IconCubeTreeFilled.js +7 -31
- package/components/SVGIcons/IconDatabase.js +7 -31
- package/components/SVGIcons/IconDatabaseFilled.js +7 -31
- package/components/SVGIcons/IconDelete.js +7 -28
- package/components/SVGIcons/IconDeleteFilled.js +7 -28
- package/components/SVGIcons/IconDeviceMeetingRoom.js +7 -28
- package/components/SVGIcons/IconDeviceMeetingRoomFilled.js +7 -28
- package/components/SVGIcons/IconDismiss.js +7 -28
- package/components/SVGIcons/IconDismissCircle.js +7 -31
- package/components/SVGIcons/IconDismissCircleFilled.js +7 -31
- package/components/SVGIcons/IconDismissFilled.js +7 -28
- package/components/SVGIcons/IconDocument.js +7 -28
- package/components/SVGIcons/IconDocumentBulletList.js +7 -31
- package/components/SVGIcons/IconDocumentBulletListFilled.js +7 -31
- package/components/SVGIcons/IconDocumentEdit.js +7 -28
- package/components/SVGIcons/IconDocumentEditFilled.js +7 -28
- package/components/SVGIcons/IconDocumentFilled.js +7 -28
- package/components/SVGIcons/IconDocumentPerson.js +7 -28
- package/components/SVGIcons/IconEdit.js +7 -28
- package/components/SVGIcons/IconEditFilled.js +7 -28
- package/components/SVGIcons/IconErrorCircle.js +7 -28
- package/components/SVGIcons/IconErrorCircleFilled.js +7 -28
- package/components/SVGIcons/IconEur.js +7 -28
- package/components/SVGIcons/IconEurFilled.js +7 -28
- package/components/SVGIcons/IconExpandUpLeft.js +7 -31
- package/components/SVGIcons/IconExpandUpLeftFilled.js +7 -31
- package/components/SVGIcons/IconExpandUpRight.js +7 -31
- package/components/SVGIcons/IconExpandUpRightFilled.js +7 -31
- package/components/SVGIcons/IconEyeOff.js +7 -31
- package/components/SVGIcons/IconEyeOffFilled.js +7 -31
- package/components/SVGIcons/IconEyeOn.js +7 -31
- package/components/SVGIcons/IconEyeOnFilled.js +7 -31
- package/components/SVGIcons/IconFacebook.js +7 -38
- package/components/SVGIcons/IconFilter.js +7 -28
- package/components/SVGIcons/IconFilterFilled.js +7 -28
- package/components/SVGIcons/IconFlag.js +7 -31
- package/components/SVGIcons/IconFlagFilled.js +7 -31
- package/components/SVGIcons/IconFolderLink.js +7 -28
- package/components/SVGIcons/IconFolderLinkFilled.js +7 -28
- package/components/SVGIcons/IconFood.js +7 -28
- package/components/SVGIcons/IconFoodFilled.js +7 -28
- package/components/SVGIcons/IconGb.js +6 -71
- package/components/SVGIcons/IconGlobe.js +7 -28
- package/components/SVGIcons/IconGlobeFilled.js +7 -28
- package/components/SVGIcons/IconGoogle.js +7 -40
- package/components/SVGIcons/IconHandOpenHeart.js +7 -31
- package/components/SVGIcons/IconHandOpenHeartFilled.js +7 -31
- package/components/SVGIcons/IconHeart.js +7 -31
- package/components/SVGIcons/IconHeartFilled.js +7 -31
- package/components/SVGIcons/IconHistory.js +7 -31
- package/components/SVGIcons/IconHistoryFilled.js +7 -31
- package/components/SVGIcons/IconHome.js +7 -31
- package/components/SVGIcons/IconHomeFilled.js +7 -31
- package/components/SVGIcons/IconImage.js +7 -31
- package/components/SVGIcons/IconImageFilled.js +7 -31
- package/components/SVGIcons/IconInfo.js +7 -28
- package/components/SVGIcons/IconInfoFilled.js +7 -28
- package/components/SVGIcons/IconInstagram.js +7 -39
- package/components/SVGIcons/IconKeyReset.js +7 -31
- package/components/SVGIcons/IconKeyResetFilled.js +7 -31
- package/components/SVGIcons/IconLink.js +7 -31
- package/components/SVGIcons/IconLinkFilled.js +7 -31
- package/components/SVGIcons/IconLinkedin.js +7 -31
- package/components/SVGIcons/IconList.js +7 -28
- package/components/SVGIcons/IconListFilled.js +7 -31
- package/components/SVGIcons/IconLocation.js +7 -31
- package/components/SVGIcons/IconLocationFilled.js +7 -31
- package/components/SVGIcons/IconLockClosed.js +7 -31
- package/components/SVGIcons/IconLockClosedFilled.js +7 -31
- package/components/SVGIcons/IconLockOpen.js +7 -31
- package/components/SVGIcons/IconLockOpenFilled.js +7 -31
- package/components/SVGIcons/IconMail.js +7 -31
- package/components/SVGIcons/IconMailAdd.js +7 -31
- package/components/SVGIcons/IconMailAddFilled.js +7 -31
- package/components/SVGIcons/IconMailArrowForward.js +7 -31
- package/components/SVGIcons/IconMailArrowForwardFilled.js +7 -31
- package/components/SVGIcons/IconMailFilled.js +7 -31
- package/components/SVGIcons/IconMailLink.js +7 -31
- package/components/SVGIcons/IconMailLinkFilled.js +7 -31
- package/components/SVGIcons/IconMedium.js +7 -31
- package/components/SVGIcons/IconMore.js +7 -31
- package/components/SVGIcons/IconMoreFilled.js +7 -31
- package/components/SVGIcons/IconMoreVertical.js +7 -31
- package/components/SVGIcons/IconMoreVerticalFilled.js +7 -31
- package/components/SVGIcons/IconNavigation.js +7 -31
- package/components/SVGIcons/IconNavigationFilled.js +7 -31
- package/components/SVGIcons/IconNotebook.js +7 -31
- package/components/SVGIcons/IconNotebookAdd.js +7 -47
- package/components/SVGIcons/IconNotebookAddFilled.js +7 -44
- package/components/SVGIcons/IconNotebookFilled.js +7 -31
- package/components/SVGIcons/IconOnlyEmployee.js +7 -28
- package/components/SVGIcons/IconOpen.js +7 -31
- package/components/SVGIcons/IconOpenFilled.js +7 -31
- package/components/SVGIcons/IconPatient.js +7 -28
- package/components/SVGIcons/IconPatientFilled.js +7 -28
- package/components/SVGIcons/IconPeople.js +7 -28
- package/components/SVGIcons/IconPeopleAdd.js +7 -31
- package/components/SVGIcons/IconPeopleAddFilled.js +7 -31
- package/components/SVGIcons/IconPeopleFilled.js +7 -31
- package/components/SVGIcons/IconPercent.js +7 -33
- package/components/SVGIcons/IconPerson.js +7 -31
- package/components/SVGIcons/IconPersonAccount.js +7 -28
- package/components/SVGIcons/IconPersonAccountFilled.js +7 -28
- package/components/SVGIcons/IconPersonAdd.js +7 -31
- package/components/SVGIcons/IconPersonAddFilled.js +7 -31
- package/components/SVGIcons/IconPersonArrowLeft.js +7 -28
- package/components/SVGIcons/IconPersonArrowLeftFilled.js +7 -28
- package/components/SVGIcons/IconPersonArrowRight.js +7 -28
- package/components/SVGIcons/IconPersonArrowRightFilled.js +7 -28
- package/components/SVGIcons/IconPersonBoard.js +7 -28
- package/components/SVGIcons/IconPersonFilled.js +7 -31
- package/components/SVGIcons/IconPersonMinus.js +7 -28
- package/components/SVGIcons/IconPersonStar.js +7 -31
- package/components/SVGIcons/IconPersonStarFilled.js +7 -31
- package/components/SVGIcons/IconPersonSubtract.js +7 -31
- package/components/SVGIcons/IconPersonSubtractFilled.js +7 -31
- package/components/SVGIcons/IconPhone.js +7 -31
- package/components/SVGIcons/IconPhoneFilled.js +7 -31
- package/components/SVGIcons/IconPlugConnected.js +7 -28
- package/components/SVGIcons/IconPos.js +7 -33
- package/components/SVGIcons/IconPosFilled.js +7 -33
- package/components/SVGIcons/IconProhibited.js +7 -31
- package/components/SVGIcons/IconProhibitedFilled.js +7 -31
- package/components/SVGIcons/IconProjectProduct.js +7 -28
- package/components/SVGIcons/IconQuestion.js +7 -31
- package/components/SVGIcons/IconQuestionFilled.js +7 -31
- package/components/SVGIcons/IconRedo.js +7 -31
- package/components/SVGIcons/IconRedoFilled.js +7 -31
- package/components/SVGIcons/IconRu.js +6 -60
- package/components/SVGIcons/IconRub.js +7 -28
- package/components/SVGIcons/IconRubFilled.js +7 -28
- package/components/SVGIcons/IconSave.js +7 -31
- package/components/SVGIcons/IconSaveFilled.js +7 -31
- package/components/SVGIcons/IconSavings.js +7 -31
- package/components/SVGIcons/IconSavingsFilled.js +7 -31
- package/components/SVGIcons/IconSearch.js +7 -31
- package/components/SVGIcons/IconSearchFilled.js +7 -31
- package/components/SVGIcons/IconSelectAllOff.js +7 -31
- package/components/SVGIcons/IconSelectAllOffFilled.js +7 -31
- package/components/SVGIcons/IconSelectAllOn.js +7 -31
- package/components/SVGIcons/IconSelectAllOnFilled.js +7 -31
- package/components/SVGIcons/IconSend.js +7 -31
- package/components/SVGIcons/IconSendFilled.js +7 -31
- package/components/SVGIcons/IconSettings.js +7 -28
- package/components/SVGIcons/IconSettingsFilled.js +7 -31
- package/components/SVGIcons/IconShare.js +7 -31
- package/components/SVGIcons/IconShareAndroid.js +7 -31
- package/components/SVGIcons/IconShareAndroidFilled.js +7 -31
- package/components/SVGIcons/IconShareFilled.js +7 -31
- package/components/SVGIcons/IconSignOut.js +7 -31
- package/components/SVGIcons/IconSignOutFilled.js +7 -31
- package/components/SVGIcons/IconSpinner.js +7 -31
- package/components/SVGIcons/IconSpinnerFilled.js +7 -31
- package/components/SVGIcons/IconStatus.js +7 -31
- package/components/SVGIcons/IconStatusFilled.js +7 -31
- package/components/SVGIcons/IconSubtract.js +7 -31
- package/components/SVGIcons/IconSubtractCircle.js +7 -31
- package/components/SVGIcons/IconSubtractCircleFilled.js +7 -31
- package/components/SVGIcons/IconSubtractFilled.js +7 -31
- package/components/SVGIcons/IconTableCellEdit.js +7 -35
- package/components/SVGIcons/IconTableCellEditFilled.js +7 -41
- package/components/SVGIcons/IconTelegram.js +7 -40
- package/components/SVGIcons/IconTimer.js +7 -31
- package/components/SVGIcons/IconTimerFilled.js +7 -31
- package/components/SVGIcons/IconTwitter.js +7 -31
- package/components/SVGIcons/IconUndo.js +7 -31
- package/components/SVGIcons/IconUndoFilled.js +7 -31
- package/components/SVGIcons/IconUnitsEmployee.js +7 -28
- package/components/SVGIcons/IconUpload.js +7 -28
- package/components/SVGIcons/IconUsd.js +7 -28
- package/components/SVGIcons/IconUsdFilled.js +7 -28
- package/components/SVGIcons/IconUserMinus.js +7 -31
- package/components/SVGIcons/IconVideo.js +7 -28
- package/components/SVGIcons/IconVideoFilled.js +7 -28
- package/components/SVGIcons/IconWallet.js +7 -31
- package/components/SVGIcons/IconWalletFilled.js +7 -31
- package/components/SVGIcons/IconWarning.js +7 -28
- package/components/SVGIcons/IconWarningFilled.js +7 -28
- package/components/SVGIcons/IconYoutube.js +7 -31
- package/components/SVGIcons/index.d.ts +2 -0
- package/components/SVGIcons/index.js +302 -303
- package/components/SVGIcons/types.js +1 -1
- package/components/Select/ButtonSelect/ButtonSelect.js +42 -195
- package/components/Select/FilterSelect/FilterDropdown.js +14 -95
- package/components/Select/FilterSelect/FilterGroupDropdown.js +18 -82
- package/components/Select/FilterSelect/FilterSelect.js +69 -199
- package/components/Select/MultiSelect/DesktopWrapper.js +18 -55
- package/components/Select/MultiSelect/MobileWrapper.js +12 -77
- package/components/Select/MultiSelect/MultiBase/MultiBase.js +60 -211
- package/components/Select/MultiSelect/MultiSelect.js +66 -244
- package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js +94 -264
- package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js +76 -251
- package/components/Select/MultiSelect/OptionsWrapper.js +64 -175
- package/components/Select/NestedSelect/NestedSelect.js +55 -197
- package/components/Select/ProfileDropdown/index.js +12 -82
- package/components/Select/Select/Select.js +85 -254
- package/components/Select/Select/SelectDesktop/index.js +66 -219
- package/components/Select/Select/SelectMobile/MobileTopContent.js +17 -90
- package/components/Select/Select/SelectMobile/index.js +49 -194
- package/components/Select/Select/helpers.js +8 -9
- package/components/Select/SharedComponents/Actions.js +13 -115
- package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js +8 -43
- package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js +27 -130
- package/components/Select/SharedComponents/ContentTop.js +70 -177
- package/components/Select/SharedComponents/Footer.js +10 -97
- package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js +49 -161
- package/components/Select/SharedComponents/Loading.js +5 -16
- package/components/Select/SharedComponents/index.js +6 -92
- package/components/Select/constants.js +7 -9
- package/components/Select/index.js +6 -114
- package/components/Select/localization.js +28 -30
- package/components/Select/types.js +1 -1
- package/components/SideSheet/Footer/Footer.js +13 -99
- package/components/SideSheet/SideSheet.js +55 -208
- package/components/SideSheet/index.js +1 -56
- package/components/SideSheet/types.js +1 -1
- package/components/Snackbar/Snackbar.js +29 -123
- package/components/Snackbar/consts.js +11 -13
- package/components/Snackbar/index.js +1 -54
- package/components/Snackbar/types.js +1 -1
- package/components/Status/Status.js +16 -51
- package/components/Status/index.js +1 -8
- package/components/Status/types.js +1 -1
- package/components/Stepper/Stepper.js +28 -44
- package/components/Stepper/index.js +1 -3
- package/components/Stepper/types.js +1 -1
- package/components/Switcher/Switcher.js +17 -114
- package/components/Switcher/index.js +1 -55
- package/components/Switcher/types.js +1 -1
- package/components/Tab/Tab.js +18 -35
- package/components/Tab/TabItem.js +11 -52
- package/components/Tab/index.js +1 -11
- package/components/Tab/types.js +1 -1
- package/components/Table/Header.js +19 -121
- package/components/Table/IndeterminateCheckbox.js +13 -76
- package/components/Table/Row.js +16 -92
- package/components/Table/Table.js +60 -160
- package/components/Table/index.js +1 -61
- package/components/Table/types.js +1 -1
- package/components/Table/utils.js +17 -76
- package/components/TableV2/AdvancedPagination.d.ts +8 -0
- package/components/TableV2/AdvancedPagination.js +62 -0
- package/components/TableV2/ColumnHeader.d.ts +9 -0
- package/components/TableV2/ColumnHeader.js +32 -0
- package/components/TableV2/ColumnSettings.d.ts +9 -0
- package/components/TableV2/ColumnSettings.js +33 -0
- package/components/TableV2/IndeterminateCheckbox.d.ts +13 -0
- package/components/TableV2/IndeterminateCheckbox.js +16 -0
- package/components/TableV2/Table.d.ts +3 -0
- package/components/TableV2/Table.js +123 -0
- package/components/TableV2/constants/index.d.ts +6 -0
- package/components/TableV2/constants/index.js +27 -0
- package/components/TableV2/hooks/useTableColumnSettings.d.ts +2 -0
- package/components/TableV2/hooks/useTableColumnSettings.js +17 -0
- package/components/TableV2/hooks/useTableControl.d.ts +11 -0
- package/components/TableV2/hooks/useTableControl.js +182 -0
- package/components/TableV2/index.d.ts +3 -0
- package/components/TableV2/index.js +3 -0
- package/components/TableV2/loadTableSettings.d.ts +2 -0
- package/components/TableV2/loadTableSettings.js +9 -0
- package/components/TableV2/types.d.ts +70 -0
- package/components/TableV2/types.js +1 -0
- package/components/Text/Text.js +5 -34
- package/components/Text/index.js +1 -5
- package/components/Text/types.js +1 -1
- package/components/Textarea/Textarea.js +36 -140
- package/components/Textarea/index.js +1 -56
- package/components/Textarea/types.js +1 -1
- package/components/Tooltip/Tooltip.js +49 -99
- package/components/Tooltip/index.js +1 -18
- package/components/Tooltip/types.js +11 -13
- package/consts/index.js +86 -65
- package/context/FormContextProvider.js +4 -10
- package/context/index.js +2 -5
- package/context/types.js +6 -10
- package/helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js +4 -12
- package/helperComponents/AnimatePresenceWrapper/index.js +1 -3
- package/helperComponents/CodeBlock/CodeBlock.js +4 -178
- package/helperComponents/CodeBlock/index.js +1 -3
- package/helperComponents/ErrorMessage/ErrorMessage.js +7 -26
- package/helperComponents/ErrorMessage/index.js +1 -8
- package/helperComponents/ErrorMessage/types.js +1 -1
- package/helperComponents/GoToWebPage/GoToWebPage.js +5 -66
- package/helperComponents/IconDynamicComponent/IconDynamicComponent.js +11 -25
- package/helperComponents/IconDynamicComponent/constants.js +10 -31
- package/helperComponents/IconDynamicComponent/index.js +1 -3
- package/helperComponents/Label/Label.js +8 -28
- package/helperComponents/Label/index.js +1 -6
- package/helperComponents/Label/types.js +1 -1
- package/helperComponents/Loader/Loader.js +4 -14
- package/helperComponents/Loader/index.js +1 -2
- package/helperComponents/Loader/types.js +1 -1
- package/helperComponents/OptionItem/OptionItem.js +27 -148
- package/helperComponents/OptionItem/index.js +1 -64
- package/helperComponents/OptionItem/types.js +1 -1
- package/helperComponents/index.js +6 -65
- package/helpers/check-authorization.js +57 -111
- package/helpers/download-file.js +7 -9
- package/helpers/format-date.js +14 -42
- package/helpers/get-module-prefix.js +3 -5
- package/helpers/index.js +7 -59
- package/helpers/isDeepEqual.js +11 -17
- package/helpers/locale.js +10 -15
- package/helpers/storage.js +17 -18
- package/hooks/index.js +12 -21
- package/hooks/useChangePositionsOnScroll.js +28 -32
- package/hooks/useDispatchEventOnScroll.js +8 -13
- package/hooks/useFormContext.js +3 -8
- package/hooks/useFormProps.js +3 -8
- package/hooks/useGetElemPositions.js +14 -16
- package/hooks/useGetElemSizes.js +11 -13
- package/hooks/useGetHasBottomSpace.js +13 -24
- package/hooks/useGetIsMobile.js +33 -45
- package/hooks/useGetTooltipPosition.js +66 -82
- package/hooks/useGetTooltipStyles.js +45 -87
- package/hooks/useHideBodyScroll.js +25 -34
- package/hooks/useHideOnScroll.js +19 -24
- package/hooks/useOnOutsideClick.js +33 -46
- package/hooks/useScreenSize.js +24 -34
- package/index.d.ts +1 -0
- package/index.js +46 -453
- package/package.json +5 -1
- package/type/file-upload.js +6 -8
- package/type/index.js +4 -4
- package/type/locale.js +12 -14
- package/type/notification.js +7 -9
- package/type/status-code.js +7 -9
- package/utils/helpers.js +63 -77
- /package/{Alert-V_kH4Snn.js → Alert-sShHxUYN.js} +0 -0
|
@@ -1,29 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { noop } from '../../utils/helpers
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { noop } from '../../utils/helpers';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var children = props.children,
|
|
8
|
-
_props$className = props.className,
|
|
9
|
-
className = _props$className === void 0 ? '' : _props$className,
|
|
10
|
-
_props$size = props.size,
|
|
11
|
-
size = _props$size === void 0 ? 'small' : _props$size,
|
|
12
|
-
_props$lineHeight = props.lineHeight,
|
|
13
|
-
lineHeight = _props$lineHeight === void 0 ? 'large' : _props$lineHeight,
|
|
14
|
-
_props$type = props.type,
|
|
15
|
-
As = _props$type === void 0 ? 'h1' : _props$type,
|
|
16
|
-
_props$weight = props.weight,
|
|
17
|
-
weight = _props$weight === void 0 ? 'regular' : _props$weight,
|
|
18
|
-
_props$onClick = props.onClick,
|
|
19
|
-
onClick = _props$onClick === void 0 ? noop : _props$onClick,
|
|
20
|
-
_props$dataId = props.dataId,
|
|
21
|
-
dataId = _props$dataId === void 0 ? '' : _props$dataId;
|
|
22
|
-
return /*#__PURE__*/React.createElement(As, {
|
|
23
|
-
dataid: dataId,
|
|
24
|
-
onClick: onClick,
|
|
25
|
-
className: classNames('heading', size && "heading-".concat(size), weight, lineHeight && "lh-".concat(lineHeight), className)
|
|
26
|
-
}, children);
|
|
4
|
+
export const Heading = (props) => {
|
|
5
|
+
const { children, className = '', size = 'small', lineHeight = 'large', type: As = 'h1', weight = 'regular', onClick = noop, dataId = '' } = props;
|
|
6
|
+
return (_jsx(As, { dataid: dataId, onClick: onClick, className: classNames('heading', size && `heading-${size}`, weight, lineHeight && `lh-${lineHeight}`, className), children: children }));
|
|
27
7
|
};
|
|
28
|
-
|
|
29
|
-
export { Heading };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|
|
@@ -1,33 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
ratio = props.ratio;
|
|
14
|
-
return isBackgroundImage ? /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: "image image--bg ".concat(className),
|
|
16
|
-
style: {
|
|
17
|
-
backgroundImage: "".concat(imagePath ? "url(".concat(imagePath, ")") : ''),
|
|
18
|
-
backgroundSize: backgroundSize,
|
|
19
|
-
aspectRatio: ratio
|
|
20
|
-
}
|
|
21
|
-
}) : /*#__PURE__*/React.createElement("img", {
|
|
22
|
-
className: "image ".concat(className),
|
|
23
|
-
src: imagePath,
|
|
24
|
-
alt: name,
|
|
25
|
-
style: {
|
|
26
|
-
aspectRatio: ratio,
|
|
27
|
-
width: isFullWidth ? '100%' : '',
|
|
28
|
-
height: isFullHeight ? '100%' : ''
|
|
29
|
-
}
|
|
30
|
-
});
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export const Image = (props) => {
|
|
3
|
+
const { name, imagePath = 'static/media/src/assets/images/image-placeholder.png', isBackgroundImage, backgroundSize, className = '', isFullWidth, isFullHeight, ratio } = props;
|
|
4
|
+
return isBackgroundImage ? (_jsx("div", { className: `image image--bg ${className}`, style: {
|
|
5
|
+
backgroundImage: `${imagePath ? `url(${imagePath})` : ''}`,
|
|
6
|
+
backgroundSize: backgroundSize,
|
|
7
|
+
aspectRatio: ratio
|
|
8
|
+
} })) : (_jsx("img", { className: `image ${className}`, src: imagePath, alt: name, style: {
|
|
9
|
+
aspectRatio: ratio,
|
|
10
|
+
width: isFullWidth ? '100%' : '',
|
|
11
|
+
height: isFullHeight ? '100%' : ''
|
|
12
|
+
} }));
|
|
31
13
|
};
|
|
32
|
-
|
|
33
|
-
export { Image };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
import 'react';
|
|
1
|
+
export * from './Image';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|
|
@@ -1,243 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
13
|
import React, { useMemo } from 'react';
|
|
5
14
|
import InputMask from 'react-input-mask';
|
|
6
15
|
import classNames from 'classnames';
|
|
7
16
|
import { NumericFormat } from 'react-number-format';
|
|
8
|
-
import { Label } from '../../helperComponents
|
|
9
|
-
import {
|
|
10
|
-
import '
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
import '../../hooks/useHideOnScroll.js';
|
|
47
|
-
import '../Link/Link.js';
|
|
48
|
-
import '../Popover/PopoverDesktop.js';
|
|
49
|
-
import '../SVGIcons/IconInfo.js';
|
|
50
|
-
import '@babel/runtime/helpers/typeof';
|
|
51
|
-
import '../SVGIcons/IconDismissFilled.js';
|
|
52
|
-
import '../SVGIcons/IconDelete.js';
|
|
53
|
-
import '../FileUpload/DropzoneFileUpload/FilePreview.js';
|
|
54
|
-
import '../Progress/Progress.js';
|
|
55
|
-
import '../SVGIcons/IconArrowDownloadFilled.js';
|
|
56
|
-
import '../../helpers/download-file.js';
|
|
57
|
-
import '../Button/consts.js';
|
|
58
|
-
|
|
59
|
-
var _excluded = ["datePlaceHolderText", "className", "size", "error", "hasError", "label", "mask", "maskChar", "maskPlaceholder", "currentValue", "name", "leftIconProps", "rightIconProps", "disabled", "required", "readonly", "placeholder", "type", "helperText", "successMessage", "maxCount", "setFieldValue", "handleChange", "dataId", "isValid", "allowLeadingZeros", "thousandSeparator", "allowNegative", "hideCounter", "labelAddons", "witUpperCase", "isAllowed", "onChange", "handleBlurEvent"];
|
|
60
|
-
var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
|
|
61
|
-
var datePlaceHolderText = _ref.datePlaceHolderText,
|
|
62
|
-
className = _ref.className,
|
|
63
|
-
_ref$size = _ref.size,
|
|
64
|
-
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
65
|
-
error = _ref.error,
|
|
66
|
-
hasError = _ref.hasError,
|
|
67
|
-
label = _ref.label,
|
|
68
|
-
mask = _ref.mask,
|
|
69
|
-
maskChar = _ref.maskChar,
|
|
70
|
-
maskPlaceholder = _ref.maskPlaceholder,
|
|
71
|
-
currentValue = _ref.currentValue,
|
|
72
|
-
name = _ref.name,
|
|
73
|
-
leftIconProps = _ref.leftIconProps,
|
|
74
|
-
rightIconProps = _ref.rightIconProps,
|
|
75
|
-
disabled = _ref.disabled,
|
|
76
|
-
required = _ref.required,
|
|
77
|
-
readonly = _ref.readonly,
|
|
78
|
-
placeholder = _ref.placeholder,
|
|
79
|
-
_ref$type = _ref.type,
|
|
80
|
-
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
81
|
-
helperText = _ref.helperText,
|
|
82
|
-
successMessage = _ref.successMessage,
|
|
83
|
-
maxCount = _ref.maxCount,
|
|
84
|
-
setFieldValue = _ref.setFieldValue,
|
|
85
|
-
handleChange = _ref.handleChange,
|
|
86
|
-
_ref$dataId = _ref.dataId,
|
|
87
|
-
dataId = _ref$dataId === void 0 ? '' : _ref$dataId,
|
|
88
|
-
isValid = _ref.isValid,
|
|
89
|
-
allowLeadingZeros = _ref.allowLeadingZeros,
|
|
90
|
-
_ref$thousandSeparato = _ref.thousandSeparator,
|
|
91
|
-
thousandSeparator = _ref$thousandSeparato === void 0 ? '' : _ref$thousandSeparato,
|
|
92
|
-
_ref$allowNegative = _ref.allowNegative,
|
|
93
|
-
allowNegative = _ref$allowNegative === void 0 ? false : _ref$allowNegative,
|
|
94
|
-
_ref$hideCounter = _ref.hideCounter,
|
|
95
|
-
hideCounter = _ref$hideCounter === void 0 ? false : _ref$hideCounter,
|
|
96
|
-
labelAddons = _ref.labelAddons,
|
|
97
|
-
_ref$witUpperCase = _ref.witUpperCase,
|
|
98
|
-
witUpperCase = _ref$witUpperCase === void 0 ? false : _ref$witUpperCase,
|
|
99
|
-
isAllowed = _ref.isAllowed,
|
|
100
|
-
onChange = _ref.onChange,
|
|
101
|
-
handleBlurEvent = _ref.handleBlurEvent,
|
|
102
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
103
|
-
var isErrorVisible = hasError !== undefined ? hasError : !!error;
|
|
104
|
-
var placeHolder = label === placeholder ? '' : placeholder || datePlaceHolderText;
|
|
105
|
-
var changeHandler = function changeHandler(event) {
|
|
106
|
-
var eventValue = event.target.value;
|
|
107
|
-
var valueWithoutSeparator = type === 'numeric' ? eventValue.replace(new RegExp(thousandSeparator, 'g'), '') : eventValue;
|
|
108
|
-
if (eventValue.length - 1 === maxCount) {
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
if (onChange) {
|
|
112
|
-
onChange(event);
|
|
113
|
-
}
|
|
114
|
-
if (setFieldValue && name) {
|
|
115
|
-
setFieldValue(name, valueWithoutSeparator);
|
|
116
|
-
}
|
|
117
|
-
if (handleChange) {
|
|
118
|
-
handleChange(event, !witUpperCase ? valueWithoutSeparator : valueWithoutSeparator.toUpperCase());
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
var currentLength = useMemo(function () {
|
|
122
|
-
if (currentValue) {
|
|
123
|
-
return currentValue.length;
|
|
124
|
-
}
|
|
125
|
-
if (rest && rest.value && typeof rest.value === 'string') {
|
|
126
|
-
return rest.value.length;
|
|
127
|
-
}
|
|
128
|
-
return 0;
|
|
129
|
-
}, [rest, currentValue]);
|
|
130
|
-
var onBlurCallback = function onBlurCallback(e) {
|
|
131
|
-
var _rest$onBlur;
|
|
132
|
-
rest === null || rest === void 0 || (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
|
|
133
|
-
handleBlurEvent === null || handleBlurEvent === void 0 || handleBlurEvent(e);
|
|
134
|
-
};
|
|
135
|
-
var input = mask ?
|
|
136
|
-
/*#__PURE__*/
|
|
137
|
-
// @ts-ignore
|
|
138
|
-
React.createElement(InputMask, _extends({
|
|
139
|
-
name: name,
|
|
140
|
-
mask: mask
|
|
17
|
+
import { Label, ErrorMessage } from '../../helperComponents';
|
|
18
|
+
import { Text } from '../Text';
|
|
19
|
+
import IconCheckmarkCircleFilled from '../SVGIcons/IconCheckmarkCircleFilled';
|
|
20
|
+
export const Input = React.forwardRef((_a, ref) => {
|
|
21
|
+
var { datePlaceHolderText, className, size = 'medium', error, hasError, label, mask, maskChar, maskPlaceholder, currentValue, name, leftIconProps, rightIconProps, disabled, required, readonly, placeholder, type = 'text', helperText, successMessage, maxCount, setFieldValue, handleChange, dataId = '', isValid, allowLeadingZeros, thousandSeparator = '', allowNegative = false, hideCounter = false, labelAddons, witUpperCase = false, isAllowed, onChange, handleBlurEvent } = _a, rest = __rest(_a, ["datePlaceHolderText", "className", "size", "error", "hasError", "label", "mask", "maskChar", "maskPlaceholder", "currentValue", "name", "leftIconProps", "rightIconProps", "disabled", "required", "readonly", "placeholder", "type", "helperText", "successMessage", "maxCount", "setFieldValue", "handleChange", "dataId", "isValid", "allowLeadingZeros", "thousandSeparator", "allowNegative", "hideCounter", "labelAddons", "witUpperCase", "isAllowed", "onChange", "handleBlurEvent"]);
|
|
22
|
+
const isErrorVisible = hasError !== undefined ? hasError : !!error;
|
|
23
|
+
const placeHolder = label === placeholder ? '' : placeholder || datePlaceHolderText;
|
|
24
|
+
const changeHandler = (event) => {
|
|
25
|
+
const eventValue = event.target.value;
|
|
26
|
+
const valueWithoutSeparator = type === 'numeric' ? eventValue.replace(new RegExp(thousandSeparator, 'g'), '') : eventValue;
|
|
27
|
+
if (eventValue.length - 1 === maxCount) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
if (onChange) {
|
|
31
|
+
onChange(event);
|
|
32
|
+
}
|
|
33
|
+
if (setFieldValue && name) {
|
|
34
|
+
setFieldValue(name, valueWithoutSeparator);
|
|
35
|
+
}
|
|
36
|
+
if (handleChange) {
|
|
37
|
+
handleChange(event, !witUpperCase ? valueWithoutSeparator : valueWithoutSeparator.toUpperCase());
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const currentLength = useMemo(() => {
|
|
41
|
+
if (currentValue) {
|
|
42
|
+
return currentValue.length;
|
|
43
|
+
}
|
|
44
|
+
if (rest && rest.value && typeof rest.value === 'string') {
|
|
45
|
+
return rest.value.length;
|
|
46
|
+
}
|
|
47
|
+
return 0;
|
|
48
|
+
}, [rest, currentValue]);
|
|
49
|
+
const onBlurCallback = (e) => {
|
|
50
|
+
var _a;
|
|
51
|
+
(_a = rest === null || rest === void 0 ? void 0 : rest.onBlur) === null || _a === void 0 ? void 0 : _a.call(rest, e);
|
|
52
|
+
handleBlurEvent === null || handleBlurEvent === void 0 ? void 0 : handleBlurEvent(e);
|
|
53
|
+
};
|
|
54
|
+
const input = mask ? (
|
|
141
55
|
// @ts-ignore
|
|
142
|
-
,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
onBlur: onBlurCallback,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
// @ts-ignore
|
|
161
|
-
React.createElement(NumericFormat, _extends({}, rest, {
|
|
162
|
-
name: name,
|
|
163
|
-
onChange: changeHandler,
|
|
164
|
-
placeholder: placeHolder,
|
|
165
|
-
readOnly: readonly,
|
|
166
|
-
allowLeadingZeros: allowLeadingZeros,
|
|
167
|
-
thousandSeparator: thousandSeparator,
|
|
168
|
-
allowNegative: allowNegative,
|
|
169
|
-
maxLength: maxCount,
|
|
170
|
-
inputMode: 'numeric',
|
|
171
|
-
disabled: disabled,
|
|
172
|
-
isAllowed: isAllowed,
|
|
173
|
-
onBlur: onBlurCallback
|
|
174
|
-
}, currentValue !== undefined ? {
|
|
175
|
-
value: currentValue
|
|
176
|
-
} : {})) :
|
|
177
|
-
/*#__PURE__*/
|
|
178
|
-
// @ts-ignore
|
|
179
|
-
React.createElement("input", _extends({
|
|
180
|
-
readOnly: readonly,
|
|
181
|
-
disabled: disabled,
|
|
182
|
-
name: name,
|
|
183
|
-
ref: _ref2,
|
|
184
|
-
type: type,
|
|
185
|
-
placeholder: placeHolder,
|
|
186
|
-
"data-id": dataId
|
|
187
|
-
}, rest, {
|
|
188
|
-
onBlur: onBlurCallback,
|
|
189
|
-
onChange: changeHandler
|
|
190
|
-
}, currentValue !== undefined ? {
|
|
191
|
-
value: currentValue
|
|
192
|
-
} : {}));
|
|
193
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
194
|
-
className: classNames("input input--".concat(size), className, {
|
|
195
|
-
'input--icon-left': leftIconProps,
|
|
196
|
-
'input--icon-right': rightIconProps,
|
|
197
|
-
'input--invalid': isErrorVisible || !!error,
|
|
198
|
-
'input--valid': isValid,
|
|
199
|
-
'input--disabled': disabled
|
|
200
|
-
})
|
|
201
|
-
}, /*#__PURE__*/React.createElement(Label, {
|
|
202
|
-
text: label,
|
|
203
|
-
required: required,
|
|
204
|
-
disabled: disabled,
|
|
205
|
-
labelAddons: labelAddons,
|
|
206
|
-
dataId: dataId
|
|
207
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
208
|
-
className: "input__inner"
|
|
209
|
-
}, input, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
|
|
210
|
-
size: "small"
|
|
211
|
-
}, leftIconProps, {
|
|
212
|
-
className: classNames('input__icon', 'input__icon--left', _defineProperty({}, leftIconProps.className || '', !!leftIconProps.className))
|
|
213
|
-
})) : null, rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({
|
|
214
|
-
size: "small"
|
|
215
|
-
}, rightIconProps, {
|
|
216
|
-
className: classNames('input__icon', 'input__icon--right', _defineProperty({}, rightIconProps.className || '', !!rightIconProps.className))
|
|
217
|
-
})) : null), error || successMessage || helperText || maxCount ? /*#__PURE__*/React.createElement("div", {
|
|
218
|
-
className: "input__message mt-8"
|
|
219
|
-
}, isErrorVisible && error ? /*#__PURE__*/React.createElement(ErrorMessage, {
|
|
220
|
-
message: error,
|
|
221
|
-
icon: "infoFilled",
|
|
222
|
-
dataId: dataId
|
|
223
|
-
}) : null, successMessage ? /*#__PURE__*/React.createElement(Text, {
|
|
224
|
-
size: "small",
|
|
225
|
-
type: "success",
|
|
226
|
-
className: "flexbox align-items--center"
|
|
227
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconCheckmarkCircleFilled, {
|
|
228
|
-
type: "success",
|
|
229
|
-
size: "xsmall"
|
|
230
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
231
|
-
className: "ml-4"
|
|
232
|
-
}, successMessage))) : null, helperText && !successMessage && !(isErrorVisible || error) ? /*#__PURE__*/React.createElement(Text, {
|
|
233
|
-
size: "small",
|
|
234
|
-
type: disabled ? 'disabled' : 'secondary'
|
|
235
|
-
}, helperText) : null, maxCount && !hideCounter && !hasError ? /*#__PURE__*/React.createElement(Text, {
|
|
236
|
-
size: "small",
|
|
237
|
-
type: disabled ? 'disabled' : 'secondary',
|
|
238
|
-
className: "input__counter"
|
|
239
|
-
}, "".concat(currentLength, "/").concat(maxCount)) : null) : null);
|
|
56
|
+
_jsx(InputMask, Object.assign({ name: name, mask: mask,
|
|
57
|
+
// @ts-ignore
|
|
58
|
+
ref: () => ref && ref() }, rest, { placeholder: placeHolder, onBlur: onBlurCallback, onChange: changeHandler, disabled: disabled, "data-id": dataId, className: `${isErrorVisible ? 'with-error-styles' : ''}` }, (currentValue ? { value: currentValue } : {}), { maskChar: maskChar, maskPlaceholder: maskPlaceholder }))) : type === 'numeric' ? (
|
|
59
|
+
// @ts-ignore
|
|
60
|
+
_jsx(NumericFormat, Object.assign({}, rest, { name: name, onChange: changeHandler, placeholder: placeHolder, readOnly: readonly, allowLeadingZeros: allowLeadingZeros, thousandSeparator: thousandSeparator, allowNegative: allowNegative, maxLength: maxCount, inputMode: 'numeric', disabled: disabled, isAllowed: isAllowed, onBlur: onBlurCallback }, (currentValue !== undefined ? { value: currentValue } : {})))) : (
|
|
61
|
+
// @ts-ignore
|
|
62
|
+
_jsx("input", Object.assign({ readOnly: readonly, disabled: disabled, name: name, ref: ref, type: type, placeholder: placeHolder, "data-id": dataId }, rest, { onBlur: onBlurCallback, onChange: changeHandler }, (currentValue !== undefined ? { value: currentValue } : {}))));
|
|
63
|
+
return (_jsxs("div", { className: classNames(`input input--${size}`, className, {
|
|
64
|
+
'input--icon-left': leftIconProps,
|
|
65
|
+
'input--icon-right': rightIconProps,
|
|
66
|
+
'input--invalid': isErrorVisible || !!error,
|
|
67
|
+
'input--valid': isValid,
|
|
68
|
+
'input--disabled': disabled
|
|
69
|
+
}), children: [_jsx(Label, { text: label, required: required, disabled: disabled, labelAddons: labelAddons, dataId: dataId }), _jsxs("div", { className: "input__inner", children: [input, (leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.Component) ? (_jsx(leftIconProps.Component, Object.assign({ size: "small" }, leftIconProps, { className: classNames('input__icon', 'input__icon--left', {
|
|
70
|
+
[leftIconProps.className || '']: !!leftIconProps.className
|
|
71
|
+
}) }))) : null, (rightIconProps === null || rightIconProps === void 0 ? void 0 : rightIconProps.Component) ? (_jsx(rightIconProps.Component, Object.assign({ size: "small" }, rightIconProps, { className: classNames('input__icon', 'input__icon--right', {
|
|
72
|
+
[rightIconProps.className || '']: !!rightIconProps.className
|
|
73
|
+
}) }))) : null] }), error || successMessage || helperText || maxCount ? (_jsxs("div", { className: "input__message mt-8", children: [isErrorVisible && error ? (_jsx(ErrorMessage, { message: error, icon: "infoFilled", dataId: dataId })) : null, successMessage ? (_jsx(Text, { size: "small", type: "success", className: "flexbox align-items--center", children: _jsxs(_Fragment, { children: [_jsx(IconCheckmarkCircleFilled, { type: "success", size: "xsmall" }), _jsx("span", { className: "ml-4", children: successMessage })] }) })) : null, helperText && !successMessage && !(isErrorVisible || error) ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null, maxCount && !hideCounter && !hasError ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', className: "input__counter", children: `${currentLength}/${maxCount}` })) : null] })) : null] }));
|
|
240
74
|
});
|
|
241
75
|
Input.displayName = 'FormInput';
|
|
242
|
-
|
|
243
|
-
export { Input };
|
|
@@ -1,58 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import '@babel/runtime/helpers/extends';
|
|
4
|
-
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import 'react';
|
|
6
|
-
import 'react-input-mask';
|
|
7
|
-
import 'classnames';
|
|
8
|
-
import 'react-number-format';
|
|
9
|
-
import '../../helperComponents/Label/Label.js';
|
|
10
|
-
import '../Text/Text.js';
|
|
11
|
-
import '../../utils/helpers.js';
|
|
12
|
-
import 'dayjs';
|
|
13
|
-
import '../../helperComponents/ErrorMessage/ErrorMessage.js';
|
|
14
|
-
import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
|
|
15
|
-
import '../../helperComponents/IconDynamicComponent/constants.js';
|
|
16
|
-
import '@babel/runtime/helpers/slicedToArray';
|
|
17
|
-
import '@babel/runtime/helpers/toConsumableArray';
|
|
18
|
-
import '../../consts/index.js';
|
|
19
|
-
import '../../type/file-upload.js';
|
|
20
|
-
import '../../hooks/useScreenSize.js';
|
|
21
|
-
import 'react-hook-form';
|
|
22
|
-
import '../../Alert-V_kH4Snn.js';
|
|
23
|
-
import '../Alert/consts.js';
|
|
24
|
-
import '../../helperComponents/Loader/Loader.js';
|
|
25
|
-
import 'react-dropzone';
|
|
26
|
-
import '../SVGIcons/IconUpload.js';
|
|
27
|
-
import '../FileUpload/types.js';
|
|
28
|
-
import '../../helpers/format-date.js';
|
|
29
|
-
import '../../helpers/locale.js';
|
|
30
|
-
import '../../type/locale.js';
|
|
31
|
-
import '../../helpers/storage.js';
|
|
32
|
-
import 'react-toastify';
|
|
33
|
-
import '../../hooks/useGetIsMobile.js';
|
|
34
|
-
import 'framer-motion';
|
|
35
|
-
import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
|
|
36
|
-
import '../../hooks/useOnOutsideClick.js';
|
|
37
|
-
import '../../hooks/useHideBodyScroll.js';
|
|
38
|
-
import '../SVGIcons/IconDismiss.js';
|
|
39
|
-
import '../Tooltip/types.js';
|
|
40
|
-
import '../Tooltip/Tooltip.js';
|
|
41
|
-
import '../../hooks/useGetTooltipStyles.js';
|
|
42
|
-
import '../../hooks/useGetElemSizes.js';
|
|
43
|
-
import '../../hooks/useGetElemPositions.js';
|
|
44
|
-
import '../../hooks/useGetTooltipPosition.js';
|
|
45
|
-
import '../../hooks/useHideOnScroll.js';
|
|
46
|
-
import 'react-syntax-highlighter';
|
|
47
|
-
import '../Link/Link.js';
|
|
48
|
-
import '../Popover/PopoverDesktop.js';
|
|
49
|
-
import '../SVGIcons/IconInfo.js';
|
|
50
|
-
import '@babel/runtime/helpers/typeof';
|
|
51
|
-
import '../SVGIcons/IconDismissFilled.js';
|
|
52
|
-
import '../SVGIcons/IconDelete.js';
|
|
53
|
-
import '../FileUpload/DropzoneFileUpload/FilePreview.js';
|
|
54
|
-
import '../Progress/Progress.js';
|
|
55
|
-
import '../SVGIcons/IconArrowDownloadFilled.js';
|
|
56
|
-
import '../../helpers/download-file.js';
|
|
57
|
-
import '../Button/consts.js';
|
|
58
|
-
import '../SVGIcons/IconCheckmarkCircleFilled.js';
|
|
1
|
+
export * from './Input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|
package/components/Link/Link.js
CHANGED
|
@@ -1,42 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
className: className
|
|
17
|
-
}, beforeLink, /*#__PURE__*/React.createElement("a", {
|
|
18
|
-
onClick: function onClick(e) {
|
|
19
|
-
if (onclick) {
|
|
20
|
-
e.preventDefault();
|
|
21
|
-
onclick();
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
href: url,
|
|
25
|
-
className: 'link',
|
|
26
|
-
"data-id": dataId ? "".concat(dataId, "-link") : '',
|
|
27
|
-
target: target
|
|
28
|
-
}, children), afterLink) : /*#__PURE__*/React.createElement("a", {
|
|
29
|
-
onClick: function onClick(e) {
|
|
30
|
-
if (onclick) {
|
|
31
|
-
e.preventDefault();
|
|
32
|
-
onclick();
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
href: url,
|
|
36
|
-
className: classNames("link ".concat(className)),
|
|
37
|
-
"data-id": dataId ? "".concat(dataId, "-link") : '',
|
|
38
|
-
target: target
|
|
39
|
-
}, children);
|
|
3
|
+
export const Link = (props) => {
|
|
4
|
+
const { children, afterLink, beforeLink, className = '', url, dataId = '', target, onclick } = props;
|
|
5
|
+
return beforeLink || afterLink ? (_jsxs("span", { className: className, children: [beforeLink, _jsx("a", { onClick: (e) => {
|
|
6
|
+
if (onclick) {
|
|
7
|
+
e.preventDefault();
|
|
8
|
+
onclick();
|
|
9
|
+
}
|
|
10
|
+
}, href: url, className: 'link', "data-id": dataId ? `${dataId}-link` : '', target: target, children: children }), afterLink] })) : (_jsx("a", { onClick: (e) => {
|
|
11
|
+
if (onclick) {
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
onclick();
|
|
14
|
+
}
|
|
15
|
+
}, href: url, className: classNames(`link ${className}`), "data-id": dataId ? `${dataId}-link` : '', target: target, children: children }));
|
|
40
16
|
};
|
|
41
|
-
|
|
42
|
-
export { Link };
|
package/components/Link/index.js
CHANGED
package/components/Link/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|