@zohodesk/dot 1.0.0-temp-206.2 → 1.0.0-temp-200.3
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/es/ActionButton/ActionButton.js +3 -3
- package/es/ActionButton/__tests__/ActionButton.spec.js +1 -1
- package/es/AlphabeticList/AlphabeticList.js +3 -3
- package/es/AlphabeticList/__tests__/AlphabeticList.spec.js +1 -1
- package/es/Attachment/Attachment.js +4 -4
- package/es/Attachment/Attachment.module.css +7 -3
- package/es/Attachment/__tests__/Attachment.spec.js +1 -1
- package/es/AttachmentViewer/Attachment.js +60 -1
- package/es/AttachmentViewer/AttachmentImage.js +5 -5
- package/es/AttachmentViewer/AttachmentViewer.js +276 -22
- package/es/AttachmentViewer/AttachmentViewer.module.css +125 -5
- package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js +1 -1
- package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +1 -1
- package/es/AttachmentViewer/utils.js +22 -0
- package/es/ChannelIcon/ChannelIcon.js +5 -5
- package/es/ChannelIcon/__tests__/ChannelIcon.spec.js +1 -1
- package/es/DotProvider/DotProvider.js +2 -2
- package/es/DotProvider/__tests__/DotProvider.spec.js +1 -1
- package/es/DotProvider/hooks/useDotProvider.js +2 -2
- package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +4 -4
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -1
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -1
- package/es/DotProvider/props/propTypes.js +1 -1
- package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +4 -4
- package/es/DotProvider/utils/themeColorAssetsConfig.js +46 -46
- package/es/Drawer/Drawer.js +6 -6
- package/es/Drawer/__tests__/Drawer.spec.js +1 -1
- package/es/Drawer/index.js +1 -1
- package/es/ExternalLink/ExternalLink.js +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +1 -1
- package/es/FlipCard/FlipCard.js +7 -7
- package/es/FlipCard/__tests__/FlipCard.spec.js +1 -1
- package/es/FormAction/FormAction.js +3 -3
- package/es/FormAction/__tests__/FormAction.spec.js +1 -1
- package/es/FreezeLayer/FreezeLayer.js +5 -5
- package/es/FreezeLayer/__tests__/FreezeLayer.spec.js +1 -1
- package/es/FreezeLayer/index.js +2 -2
- package/es/Hooks/Dragger/useDragger.js +5 -5
- package/es/Hooks/useFreezeLayer.js +1 -1
- package/es/IconButton/IconButton.js +3 -3
- package/es/IconButton/__tests__/IconButton.spec.js +1 -1
- package/es/Image/Image.js +3 -3
- package/es/Image/__tests__/Image.spec.js +1 -1
- package/es/ImportantNotes/ImportantNotes.js +3 -3
- package/es/ImportantNotes/__tests__/ImportantNotes.spec.js +1 -1
- package/es/Link/Link.js +4 -4
- package/es/Link/__tests__/Link.spec.js +1 -1
- package/es/Loader/Loader.js +1 -1
- package/es/Loader/__tests__/Loader.spec.js +1 -1
- package/es/Message/Message.js +4 -4
- package/es/Message/__tests__/Message.spec.js +1 -1
- package/es/Message/props/propTypes.js +1 -1
- package/es/MessageBanner/MessageBanner.js +4 -4
- package/es/MessageBanner/__tests__/MessageBanner.spec.js +1 -1
- package/es/NewStar/NewStar.js +3 -3
- package/es/NewStar/__tests__/NewStar.spec.js +1 -1
- package/es/PlusIcon/PlusIcon.js +4 -4
- package/es/PlusIcon/__tests__/PlusIcon.spec.js +1 -1
- package/es/Separator/Separator.js +3 -3
- package/es/Separator/__tests__/Separator.spec.js +1 -1
- package/es/TagWithIcon/TagWithIcon.js +3 -3
- package/es/TagWithIcon/__tests__/TagWithIcon.spec.js +1 -1
- package/es/ToastMessage/ToastMessage.js +4 -4
- package/es/ToastMessage/__tests__/ToastMessage.spec.js +1 -1
- package/es/Upload/Upload.js +4 -4
- package/es/Upload/__tests__/Upload.spec.js +1 -1
- package/es/actions/AutoClose.js +2 -2
- package/es/alert/AlertHeader/AlertHeader.js +5 -5
- package/es/alert/AlertHeader/__tests__/AlertHeader.spec.js +1 -1
- package/es/alert/AlertLookup/AlertLookup.js +7 -7
- package/es/alert/AlertLookup/__tests__/AlertLookup.spec.js +1 -1
- package/es/alert/index.js +2 -2
- package/es/avatar/AvatarClose/AvatarClose.js +3 -3
- package/es/avatar/AvatarClose/__tests__/AvatarClose.spec.js +1 -1
- package/es/avatar/AvatarCollision/AvatarCollision.js +3 -3
- package/es/avatar/AvatarCollision/__tests__/AvatarCollision.spec.js +1 -1
- package/es/avatar/AvatarIcon/AvatarIcon.js +3 -3
- package/es/avatar/AvatarIcon/__tests__/AvatarIcon.spec.js +1 -1
- package/es/avatar/AvatarStatus/AvatarStatus.js +3 -3
- package/es/avatar/AvatarStatus/__tests__/AvatarStatus.spec.js +1 -1
- package/es/avatar/AvatarThread/AvatarThread.js +3 -3
- package/es/avatar/AvatarThread/__tests__/AvatarThread.spec.js +1 -1
- package/es/avatar/AvatarUser/AvatarUser.js +4 -4
- package/es/avatar/AvatarUser/__tests__/AvatarUser.spec.js +1 -1
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
- package/es/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +1 -1
- package/es/avatar/index.js +7 -7
- package/es/common/dot_common.module.css +37 -2
- package/es/deprecated/FreezeLayer/FreezeLayer.js +4 -4
- package/es/deprecated/SelectDropdown/SelectDropdown.js +1 -1
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +4 -4
- package/es/dropdown/ToggleDropDown/__tests__/ToggleDropDown.spec.js +1 -1
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +4 -4
- package/es/emptystate/CommonEmptyState/__tests__/CommonEmptyState.spec.js +1 -1
- package/es/emptystate/EditionPage/EditionPage.js +3 -3
- package/es/emptystate/EditionPage/__tests__/EditionPage.spec.js +1 -1
- package/es/errorstate/Inconvenience/Inconvenience.js +5 -5
- package/es/errorstate/Inconvenience/__tests__/Inconvenience.spec.js +1 -1
- package/es/errorstate/LinkText/LinkText.js +4 -4
- package/es/errorstate/LinkText/__tests__/LinkText.spec.js +1 -1
- package/es/errorstate/NoRequestFound/NoRequestFound.js +5 -5
- package/es/errorstate/NoRequestFound/__tests__/NoRequestFound.spec.js +1 -1
- package/es/errorstate/PermissionPlay/PermissionPlay.js +5 -5
- package/es/errorstate/PermissionPlay/__tests__/PermissionPlay.spec.js +1 -1
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +5 -5
- package/es/errorstate/RequestUrlNotFound/__tests__/RequestUrlNotFound.spec.js +1 -1
- package/es/errorstate/UnableToProcess/UnableToProcess.js +5 -5
- package/es/errorstate/UnableToProcess/__tests__/UnableToProcess.spec.js +1 -1
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +5 -5
- package/es/errorstate/UnauthorizedLogin/__tests__/UnauthorizedLogin.spec.js +1 -1
- package/es/errorstate/WillBack/WillBack.js +4 -4
- package/es/errorstate/WillBack/__tests__/WillBack.spec.js +1 -1
- package/es/errorstate/index.js +8 -8
- package/es/form/fields/CheckBoxField/CheckBoxField.js +5 -5
- package/es/form/fields/CheckBoxField/__tests__/CheckBoxField.spec.js +1 -1
- package/es/form/fields/CheckBoxField/props/defaultProps.js +1 -1
- package/es/form/fields/CheckBoxField/props/propTypes.js +1 -1
- package/es/form/fields/CurrencyField/CurrencyField.js +5 -5
- package/es/form/fields/CurrencyField/__tests__/CurrencyField.spec.js +1 -1
- package/es/form/fields/CurrencyField/props/defaultProps.js +1 -1
- package/es/form/fields/CurrencyField/props/propTypes.js +1 -1
- package/es/form/fields/DateField/DateField.js +5 -5
- package/es/form/fields/DateField/__tests__/DateField.spec.js +1 -1
- package/es/form/fields/DateField/props/defaultProps.js +1 -1
- package/es/form/fields/DateField/props/propTypes.js +1 -1
- package/es/form/fields/FieldContainer/FieldContainer.js +3 -3
- package/es/form/fields/FieldContainer/__tests__/FieldContainer.spec.js +1 -1
- package/es/form/fields/FieldContainer/props/defaultProps.js +1 -1
- package/es/form/fields/MultiSelectField/MultiSelectField.js +5 -5
- package/es/form/fields/MultiSelectField/__tests__/MultiSelectField.spec.js +1 -1
- package/es/form/fields/MultiSelectField/props/defaultProps.js +1 -1
- package/es/form/fields/MultiSelectField/props/propTypes.js +1 -1
- package/es/form/fields/PhoneField/PhoneField.js +6 -6
- package/es/form/fields/PhoneField/__tests__/PhoneField.spec.js +1 -1
- package/es/form/fields/RadioField/RadioField.js +4 -4
- package/es/form/fields/RadioField/__tests__/RadioField.spec.js +1 -1
- package/es/form/fields/SelectField/SelectField.js +5 -5
- package/es/form/fields/SelectField/__tests__/SelectField.spec.js +1 -1
- package/es/form/fields/SelectField/props/defaultProps.js +1 -1
- package/es/form/fields/SelectField/props/propTypes.js +1 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -5
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +116 -116
- package/es/form/fields/TagsMultiSelect/__tests__/TagsMultiSelect.spec.js +1 -1
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +7 -7
- package/es/form/fields/TagsMultiSelectField/__tests__/TagsMultiSelectField.spec.js +1 -1
- package/es/form/fields/TagsMultiSelectField/props/defaultProps.js +1 -1
- package/es/form/fields/TagsMultiSelectField/props/propTypes.js +1 -1
- package/es/form/fields/TextBoxField/TextBoxField.js +5 -5
- package/es/form/fields/TextBoxField/__tests__/TextBoxField.spec.js +1 -1
- package/es/form/fields/TextBoxField/props/defaultProps.js +1 -1
- package/es/form/fields/TextBoxField/props/propTypes.js +1 -1
- package/es/form/fields/TextEditor/TextEditor.js +6 -11
- package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js +1 -1
- package/es/form/fields/TextEditorField/TextEditorField.js +6 -6
- package/es/form/fields/TextEditorField/__tests__/TextEditorField.spec.js +1 -1
- package/es/form/fields/TextEditorField/props/defaultProps.js +1 -1
- package/es/form/fields/TextEditorField/props/propTypes.js +1 -1
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +5 -5
- package/es/form/fields/TextEditorWrapper/__tests__/TextEditorWrapper.spec.js +1 -1
- package/es/form/fields/TextareaField/TextareaField.js +5 -5
- package/es/form/fields/TextareaField/__tests__/TextareaField.spec.js +1 -1
- package/es/form/fields/TextareaField/props/defaultProps.js +1 -1
- package/es/form/fields/TextareaField/props/propTypes.js +1 -1
- package/es/form/fields/ValidationMessage/ValidationMessage.js +3 -3
- package/es/form/fields/ValidationMessage/__tests__/ValidationMessage.spec.js +1 -1
- package/es/form/fields/index.js +16 -16
- package/es/form/layout/Field/Field.js +3 -3
- package/es/form/layout/Field/__tests__/Field.spec.js +1 -1
- package/es/form/layout/Section/Section.js +2 -2
- package/es/form/layout/Section/__tests__/Section.spec.js +1 -1
- package/es/form/layout/index.js +2 -2
- package/es/index.js +39 -39
- package/es/layout/SetupDetailLayout/SetupDetailLayout.js +3 -3
- package/es/layout/SetupDetailLayout/__tests__/SetupDetailLayout.spec.js +1 -1
- package/es/layout/SetupDetailLayout/index.js +4 -4
- package/es/layout/SubtabLayout/SubtabLayout.js +4 -4
- package/es/layout/SubtabLayout/__tests__/SubtabLayout.spec.js +1 -1
- package/es/layout/SubtabLayout/index.js +4 -4
- package/es/list/AvatarFlip/AvatarFlip.js +4 -4
- package/es/list/AvatarFlip/__tests__/AvatarFlip.spec.js +1 -1
- package/es/list/BluePrintStatus/BluePrintStatus.js +2 -2
- package/es/list/BluePrintStatus/__tests__/BluePrintStatus.spec.js +1 -1
- package/es/list/Comment/Comment.js +3 -3
- package/es/list/Comment/__tests__/Comment.spec.js +1 -1
- package/es/list/DepartmentDropDown/DepartmentDropDown.js +5 -5
- package/es/list/DepartmentDropDown/__tests__/DepartmentDropDown.spec.js +1 -1
- package/es/list/Dot/Dot.js +3 -3
- package/es/list/Dot/__tests__/Dot.spec.js +1 -1
- package/es/list/DotNew/DotNew.js +3 -3
- package/es/list/DotNew/__tests__/DotNew.spec.js +1 -1
- package/es/list/GridStencils/GridStencils.js +2 -2
- package/es/list/GridStencils/__tests__/GridStencils.spec.js +1 -1
- package/es/list/Icons/AddNewIcon.js +2 -2
- package/es/list/Icons/CompleteIcon.js +2 -2
- package/es/list/Icons/DeleteIcon.js +2 -2
- package/es/list/Icons/EditIcon.js +2 -2
- package/es/list/Icons/FloatingIcons.js +3 -3
- package/es/list/Icons/ReadUnreadIcon.js +3 -3
- package/es/list/Icons/SmartIcon.js +2 -2
- package/es/list/Icons/__tests__/AddNewIcon.spec.js +1 -1
- package/es/list/Icons/__tests__/CompleteIcon.spec.js +1 -1
- package/es/list/Icons/__tests__/DeleteIcon.spec.js +1 -1
- package/es/list/Icons/__tests__/EditIcon.spec.js +1 -1
- package/es/list/Icons/__tests__/FloatingIcons.spec.js +1 -1
- package/es/list/Icons/__tests__/ReadUnreadIcon.spec.js +1 -1
- package/es/list/Icons/__tests__/SmartIcon.spec.js +1 -1
- package/es/list/Icons/index.js +7 -7
- package/es/list/ListLayout/ListLayout.js +3 -3
- package/es/list/ListLayout/__tests__/ListLayout.spec.js +1 -1
- package/es/list/ListStencils/ListStencils.js +3 -3
- package/es/list/ListStencils/__tests__/ListStencils.spec.js +1 -1
- package/es/list/SecondaryText/AccountName.js +4 -4
- package/es/list/SecondaryText/ContactName.js +5 -5
- package/es/list/SecondaryText/DepartmentText.js +2 -2
- package/es/list/SecondaryText/Email.js +4 -4
- package/es/list/SecondaryText/HappinessRating.js +2 -2
- package/es/list/SecondaryText/PhoneNumber.js +4 -4
- package/es/list/SecondaryText/PriorityText.js +3 -3
- package/es/list/SecondaryText/SecondaryText.js +3 -3
- package/es/list/SecondaryText/StatusText.js +3 -3
- package/es/list/SecondaryText/TicketId.js +4 -4
- package/es/list/SecondaryText/Website.js +4 -4
- package/es/list/SecondaryText/__tests__/AccountName.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/ContactName.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/DepartmentText.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/Email.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/HappinessRating.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/PhoneNumber.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/PriorityText.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/SecondaryText.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/StatusText.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/TicketId.spec.js +1 -1
- package/es/list/SecondaryText/__tests__/Website.spec.js +1 -1
- package/es/list/SecondaryText/index.js +11 -11
- package/es/list/SecondryPanel/SecondryPanel.js +4 -4
- package/es/list/SecondryPanel/__tests__/SecondryPanel.spec.js +1 -1
- package/es/list/SentimentStatus/SentimentStatus.js +2 -2
- package/es/list/SentimentStatus/__tests__/SentimentStatus.spec.js +1 -1
- package/es/list/Subject/Subject.js +4 -4
- package/es/list/Subject/__tests__/Subject.spec.js +1 -1
- package/es/list/TagNew/TagNew.js +3 -3
- package/es/list/TagNew/__tests__/TagNew.spec.js +1 -1
- package/es/list/Thread/Thread.js +3 -3
- package/es/list/Thread/__tests__/Thread.spec.js +1 -1
- package/es/list/index.js +16 -16
- package/es/list/status/StatusDropdown/StatusDropdown.js +5 -5
- package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +1 -1
- package/es/list/status/StatusListItem/StatusListItem.js +3 -3
- package/es/list/status/StatusListItem/__tests__/StatusListItem.spec.js +1 -1
- package/es/list/status/index.js +2 -2
- package/es/lookup/EmptyPage/EmptyPage.js +3 -3
- package/es/lookup/EmptyPage/__tests__/EmptyPage.spec.js +1 -1
- package/es/lookup/Lookup/Lookup.js +4 -4
- package/es/lookup/Lookup/__tests__/Lookup.spec.js +1 -1
- package/es/lookup/Section/Section.js +2 -2
- package/es/lookup/Section/__tests__/Section.spec.js +1 -1
- package/es/lookup/header/Close/Close.js +3 -3
- package/es/lookup/header/Close/__tests__/Close.spec.js +1 -1
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +8 -8
- package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +1 -1
- package/es/lookup/header/Search/Search.js +4 -4
- package/es/lookup/header/Search/__tests__/Search.spec.js +1 -1
- package/es/lookup/header/TicketHeader/TicketHeader.js +10 -10
- package/es/lookup/header/TicketHeader/__tests__/TicketHeader.spec.js +1 -1
- package/es/lookup/header/Title/Title.js +3 -3
- package/es/lookup/header/Title/__tests__/Titles.spec.js +1 -1
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
- package/es/lookup/header/ViewDropDown/__test__/ViewDropDown.spec.js +1 -1
- package/es/lookup/header/index.js +5 -5
- package/es/lookup/index.js +4 -4
- package/es/setup/header/Button/Button.js +3 -3
- package/es/setup/header/Button/__tests__/Button.spec.js +1 -1
- package/es/setup/header/Link/Link.js +4 -4
- package/es/setup/header/Link/__tests__/Link.spec.js +1 -1
- package/es/setup/header/Search/Search.js +3 -3
- package/es/setup/header/Search/__tests__/Search.spec.js +1 -1
- package/es/setup/header/Views/Views.js +3 -3
- package/es/setup/header/Views/__tests__/Views.spec.js +1 -1
- package/es/setup/header/index.js +4 -4
- package/es/setup/helptips/Description/Description.js +2 -2
- package/es/setup/helptips/Description/__tests__/Description.spec.js +1 -1
- package/es/setup/helptips/Link/Link.js +3 -3
- package/es/setup/helptips/Link/__tests__/Link.spec.js +1 -1
- package/es/setup/helptips/ListGroup/ListGroup.js +2 -2
- package/es/setup/helptips/ListGroup/__tests__/ListGroup.spec.js +1 -1
- package/es/setup/helptips/Title/Title.js +2 -2
- package/es/setup/helptips/Title/__tests__/Title.spec.js +1 -1
- package/es/setup/helptips/index.js +4 -4
- package/es/setup/index.js +3 -3
- package/es/setup/table/Table/Table.js +2 -2
- package/es/setup/table/Table/__tests__/Table.spec.js +1 -1
- package/es/setup/table/TableBody/TableBody.js +2 -2
- package/es/setup/table/TableBody/__tests__/TableBody.spec.js +1 -1
- package/es/setup/table/TableData/TableData.js +3 -3
- package/es/setup/table/TableData/__tests__/TableData.spec.js +1 -1
- package/es/setup/table/TableHead/TableHead.js +3 -3
- package/es/setup/table/TableHead/__tests__/TableHead.spec.js +1 -1
- package/es/setup/table/TableRow/TableRow.js +3 -3
- package/es/setup/table/TableRow/__tests__/TableRow.spec.js +1 -1
- package/es/setup/table/Text/Text.js +4 -4
- package/es/setup/table/Text/__tests__/Text.spec.js +1 -1
- package/es/setup/table/index.js +5 -5
- package/es/svg/PlusIcon.js +2 -2
- package/es/svg/SnippetIcon.js +2 -2
- package/es/svg/TemplateIcon.js +2 -2
- package/es/svg/__tests__/PlusIcon.spec.js +1 -1
- package/es/svg/__tests__/SnippetIcon.spec.js +1 -1
- package/es/svg/__tests__/TemplateIcon.spec.js +1 -1
- package/es/svg/index.js +3 -3
- package/es/v1/ActionButton/ActionButton.js +3 -3
- package/es/v1/AlphabeticList/AlphabeticList.js +3 -3
- package/es/v1/Attachment/Attachment.js +4 -4
- package/es/v1/AttachmentViewer/AttachmentImage.js +5 -5
- package/es/v1/AttachmentViewer/AttachmentViewer.js +11 -11
- package/es/v1/ChannelIcon/ChannelIcon.js +5 -5
- package/es/v1/Drawer/Drawer.js +6 -6
- package/es/v1/ExternalLink/ExternalLink.js +3 -3
- package/es/v1/FlipCard/FlipCard.js +7 -7
- package/es/v1/FormAction/FormAction.js +3 -3
- package/es/v1/FreezeLayer/FreezeLayer.js +5 -5
- package/es/v1/GlobalNotification/GlobalNotification.js +6 -6
- package/es/v1/IconButton/IconButton.js +3 -3
- package/es/v1/Image/Image.js +3 -3
- package/es/v1/ImportantNotes/ImportantNotes.js +3 -3
- package/es/v1/Link/Link.js +4 -4
- package/es/v1/Loader/Loader.js +1 -1
- package/es/v1/Message/Message.js +4 -4
- package/es/v1/Message/props/propTypes.js +1 -1
- package/es/v1/MessageBanner/MessageBanner.js +4 -4
- package/es/v1/NewStar/NewStar.js +3 -3
- package/es/v1/PlusIcon/PlusIcon.js +4 -4
- package/es/v1/Separator/Separator.js +3 -3
- package/es/v1/TagWithIcon/TagWithIcon.js +3 -3
- package/es/v1/ToastMessage/ToastMessage.js +4 -4
- package/es/v1/Upload/Upload.js +4 -4
- package/es/v1/actions/AutoClose.js +2 -2
- package/es/v1/alert/AlertClose/AlertClose.js +2 -2
- package/es/v1/alert/AlertHeader/AlertHeader.js +7 -7
- package/es/v1/alert/AlertLookup/AlertLookup.js +7 -7
- package/es/v1/alert/alertIcons/AlarmAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/AlertIcons.js +9 -9
- package/es/v1/alert/alertIcons/DangerAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/ErrorAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/InfoAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/NotificationAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/SuccessAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/WarningAlertIcon.js +3 -3
- package/es/v1/alert/alertIcons/index.js +8 -8
- package/es/v1/alert/index.js +2 -2
- package/es/v1/avatar/AvatarClose/AvatarClose.js +3 -3
- package/es/v1/avatar/AvatarCollision/AvatarCollision.js +3 -3
- package/es/v1/avatar/AvatarIcon/AvatarIcon.js +3 -3
- package/es/v1/avatar/AvatarStatus/AvatarStatus.js +3 -3
- package/es/v1/avatar/AvatarThread/AvatarThread.js +3 -3
- package/es/v1/avatar/AvatarUser/AvatarUser.js +4 -4
- package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
- package/es/v1/avatar/index.js +7 -7
- package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +4 -4
- package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js +4 -4
- package/es/v1/emptystate/EditionPage/EditionPage.js +3 -3
- package/es/v1/errorstate/Inconvenience/Inconvenience.js +4 -4
- package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -4
- package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -4
- package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -4
- package/es/v1/errorstate/UrlNotFound/UrlNotFound.js +4 -4
- package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js +4 -4
- package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +5 -5
- package/es/v1/form/fields/CheckBoxField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/CheckBoxField/props/propTypes.js +1 -1
- package/es/v1/form/fields/CurrencyField/CurrencyField.js +5 -5
- package/es/v1/form/fields/CurrencyField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/CurrencyField/props/propTypes.js +1 -1
- package/es/v1/form/fields/DateField/DateField.js +5 -5
- package/es/v1/form/fields/DateField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/DateField/props/propTypes.js +1 -1
- package/es/v1/form/fields/FieldContainer/FieldContainer.js +3 -3
- package/es/v1/form/fields/FieldContainer/props/defaultProps.js +1 -1
- package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +5 -5
- package/es/v1/form/fields/MultiSelectField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/MultiSelectField/props/propTypes.js +1 -1
- package/es/v1/form/fields/PhoneField/PhoneField.js +6 -6
- package/es/v1/form/fields/RadioField/RadioField.js +5 -5
- package/es/v1/form/fields/SelectField/SelectField.js +5 -5
- package/es/v1/form/fields/SelectField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/SelectField/props/propTypes.js +1 -1
- package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -5
- package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +7 -7
- package/es/v1/form/fields/TagsMultiSelectField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/TagsMultiSelectField/props/propTypes.js +1 -1
- package/es/v1/form/fields/TextBoxField/TextBoxField.js +5 -5
- package/es/v1/form/fields/TextBoxField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/TextBoxField/props/propTypes.js +1 -1
- package/es/v1/form/fields/TextEditor/TextEditor.js +4 -4
- package/es/v1/form/fields/TextEditorField/TextEditorField.js +6 -6
- package/es/v1/form/fields/TextEditorField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/TextEditorField/props/propTypes.js +1 -1
- package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +5 -5
- package/es/v1/form/fields/TextareaField/TextareaField.js +5 -5
- package/es/v1/form/fields/TextareaField/props/defaultProps.js +1 -1
- package/es/v1/form/fields/TextareaField/props/propTypes.js +1 -1
- package/es/v1/form/fields/ValidationMessage/ValidationMessage.js +3 -3
- package/es/v1/form/fields/index.js +16 -16
- package/es/v1/form/layout/Field/Field.js +3 -3
- package/es/v1/form/layout/Section/Section.js +2 -2
- package/es/v1/form/layout/index.js +2 -2
- package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js +3 -3
- package/es/v1/layout/SetupDetailLayout/index.js +4 -4
- package/es/v1/layout/SubtabLayout/SubtabLayout.js +4 -4
- package/es/v1/layout/SubtabLayout/index.js +4 -4
- package/es/v1/list/AvatarFlip/AvatarFlip.js +4 -4
- package/es/v1/list/BluePrintStatus/BluePrintStatus.js +2 -2
- package/es/v1/list/Comment/Comment.js +3 -3
- package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js +5 -5
- package/es/v1/list/Dot/Dot.js +3 -3
- package/es/v1/list/DotNew/DotNew.js +3 -3
- package/es/v1/list/GridStencils/GridStencils.js +2 -2
- package/es/v1/list/Icons/AddNewIcon.js +2 -2
- package/es/v1/list/Icons/CompleteIcon.js +2 -2
- package/es/v1/list/Icons/DeleteIcon.js +2 -2
- package/es/v1/list/Icons/EditIcon.js +2 -2
- package/es/v1/list/Icons/FloatingIcons.js +3 -3
- package/es/v1/list/Icons/ReadUnreadIcon.js +3 -3
- package/es/v1/list/Icons/SmartIcon.js +2 -2
- package/es/v1/list/Icons/index.js +7 -7
- package/es/v1/list/ListLayout/ListLayout.js +3 -3
- package/es/v1/list/ListStencils/ListStencils.js +3 -3
- package/es/v1/list/SecondaryText/AccountName.js +4 -4
- package/es/v1/list/SecondaryText/ContactName.js +5 -5
- package/es/v1/list/SecondaryText/DepartmentText.js +2 -2
- package/es/v1/list/SecondaryText/Email.js +4 -4
- package/es/v1/list/SecondaryText/HappinessRating.js +2 -2
- package/es/v1/list/SecondaryText/PhoneNumber.js +4 -4
- package/es/v1/list/SecondaryText/PriorityText.js +3 -3
- package/es/v1/list/SecondaryText/SecondaryText.js +3 -3
- package/es/v1/list/SecondaryText/StatusText.js +3 -3
- package/es/v1/list/SecondaryText/TicketId.js +4 -4
- package/es/v1/list/SecondaryText/Website.js +4 -4
- package/es/v1/list/SecondaryText/index.js +11 -11
- package/es/v1/list/SecondryPanel/SecondryPanel.js +4 -4
- package/es/v1/list/SentimentStatus/SentimentStatus.js +2 -2
- package/es/v1/list/Subject/Subject.js +4 -4
- package/es/v1/list/TagNew/TagNew.js +3 -3
- package/es/v1/list/Thread/Thread.js +3 -3
- package/es/v1/list/index.js +16 -16
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +5 -5
- package/es/v1/list/status/StatusListItem/StatusListItem.js +3 -3
- package/es/v1/list/status/index.js +2 -2
- package/es/v1/lookup/EmptyPage/EmptyPage.js +3 -3
- package/es/v1/lookup/Lookup/Lookup.js +4 -4
- package/es/v1/lookup/Section/Section.js +2 -2
- package/es/v1/lookup/header/Close/Close.js +3 -3
- package/es/v1/lookup/header/ModuleHeader/ModuleHeader.js +8 -8
- package/es/v1/lookup/header/Search/Search.js +4 -4
- package/es/v1/lookup/header/TicketHeader/TicketHeader.js +10 -10
- package/es/v1/lookup/header/Title/Title.js +3 -3
- package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
- package/es/v1/lookup/header/index.js +5 -5
- package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -6
- package/es/v1/notification/DesktopNotification/props/defaultProps.js +1 -1
- package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -5
- package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +1 -1
- package/es/v1/setup/header/Button/Button.js +3 -3
- package/es/v1/setup/header/Link/Link.js +4 -4
- package/es/v1/setup/header/Search/Search.js +3 -3
- package/es/v1/setup/header/Views/Views.js +3 -3
- package/es/v1/setup/header/index.js +4 -4
- package/es/v1/setup/helptips/Description/Description.js +2 -2
- package/es/v1/setup/helptips/Link/Link.js +3 -3
- package/es/v1/setup/helptips/ListGroup/ListGroup.js +2 -2
- package/es/v1/setup/helptips/Title/Title.js +2 -2
- package/es/v1/setup/helptips/index.js +4 -4
- package/es/v1/setup/index.js +3 -3
- package/es/v1/setup/table/Table/Table.js +2 -2
- package/es/v1/setup/table/TableBody/TableBody.js +2 -2
- package/es/v1/setup/table/TableData/TableData.js +3 -3
- package/es/v1/setup/table/TableHead/TableHead.js +3 -3
- package/es/v1/setup/table/TableRow/TableRow.js +3 -3
- package/es/v1/setup/table/Text/Text.js +4 -4
- package/es/v1/setup/table/index.js +5 -5
- package/es/v1/svg/PlusIcon.js +2 -2
- package/es/v1/svg/SnippetIcon.js +2 -2
- package/es/v1/svg/TemplateIcon.js +2 -2
- package/es/v1/svg/index.js +3 -3
- package/es/version2/AlertClose/AlertClose.js +2 -2
- package/es/version2/AlertClose/__tests__/AlertClose.spec.js +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.js +6 -6
- package/es/version2/GlobalNotification/__tests__/GlobalNotification.spec.js +1 -1
- package/es/version2/alertIcons/AlarmAlertIcon.js +3 -3
- package/es/version2/alertIcons/AlertIcons.js +9 -9
- package/es/version2/alertIcons/DangerAlertIcon.js +3 -3
- package/es/version2/alertIcons/ErrorAlertIcon.js +3 -3
- package/es/version2/alertIcons/InfoAlertIcon.js +3 -3
- package/es/version2/alertIcons/NotificationAlertIcon.js +3 -3
- package/es/version2/alertIcons/SuccessAlertIcon.js +3 -3
- package/es/version2/alertIcons/WarningAlertIcon.js +3 -3
- package/es/version2/alertIcons/__tests__/AlarmAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/AlertIcons.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/DangerAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/ErrorAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/InfoAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/NotificationAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/SuccessAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/__tests__/WarningAlertIcon.spec.js +1 -1
- package/es/version2/alertIcons/index.js +8 -8
- package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -4
- package/es/version2/errorstate/Inconvenience/__tests__/Inconvenience.spec.js +1 -1
- package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -4
- package/es/version2/errorstate/OopsSomethingMiss/__tests__/OopsSomethingMiss.spec.js +1 -1
- package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -4
- package/es/version2/errorstate/UnableToProcessRequest/__tests__/UnableToProcessRequest.spec.js +1 -1
- package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -4
- package/es/version2/errorstate/UnauthorizedLogin/__tests__/UnauthorizedLogin.spec.js +1 -1
- package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -4
- package/es/version2/errorstate/UrlNotFound/__tests__/UrlNotFound.spec.js +1 -1
- package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -4
- package/es/version2/errorstate/WillBeRightBack/__tests__/WillBeRightBack.spec.js +1 -1
- package/es/version2/errorstate/index.js +6 -6
- package/es/version2/index.js +8 -8
- package/es/version2/lookup/AlertHeader/AlertHeader.js +7 -7
- package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +1 -1
- package/es/version2/lookup/AlertLookup/AlertLookup.js +7 -7
- package/es/version2/lookup/AlertLookup/__tests__/AlertLookup.spec.js +1 -1
- package/es/version2/lookup/index.js +2 -2
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +6 -6
- package/es/version2/notification/DesktopNotification/__tests__/DesktopNotification.spec.js +1 -1
- package/es/version2/notification/DesktopNotification/props/defaultProps.js +1 -1
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -5
- package/es/version2/notification/DesktopNotificationHeader/__tests__/DesktopNotificationHeader.spec.js +1 -1
- package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js +1 -1
- package/es/version2/notification/index.js +3 -3
- package/lib/Attachment/Attachment.module.css +7 -3
- package/lib/AttachmentViewer/Attachment.js +78 -1
- package/lib/AttachmentViewer/AttachmentViewer.js +262 -16
- package/lib/AttachmentViewer/AttachmentViewer.module.css +125 -5
- package/lib/AttachmentViewer/utils.js +24 -0
- package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +3 -3
- package/lib/DotProvider/utils/themeColorAssetsConfig.js +45 -45
- package/lib/common/dot_common.module.css +37 -2
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +116 -116
- package/lib/form/fields/TextEditor/TextEditor.js +2 -7
- package/package.json +2 -2
- package/result.json +1 -1
- package/unittest/index.html +2 -2
- /package/images/{audio_thumbnail.png → audio_thumbnail_old.png} +0 -0
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
8
8
|
import DateWidget from '@zohodesk/components/lib/DateTime/DateWidget';
|
|
9
|
-
import ValidationMessage from
|
|
9
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
10
10
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
11
|
-
import FieldContainer from
|
|
11
|
+
import FieldContainer from "../FieldContainer/FieldContainer";
|
|
12
12
|
/**** CSS ****/
|
|
13
13
|
|
|
14
|
-
import style from
|
|
14
|
+
import style from "../Fields.module.css";
|
|
15
15
|
export default class DateField extends PureComponent {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super(props);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { FieldCommonPropTypes } from
|
|
2
|
+
import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|
|
5
5
|
datePattern: PropTypes.string,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import { Container } from '@zohodesk/components/lib/Layout';
|
|
@@ -10,7 +10,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
|
|
|
10
10
|
import { Icon } from '@zohodesk/icons';
|
|
11
11
|
/**** CSS ****/
|
|
12
12
|
|
|
13
|
-
import style from
|
|
13
|
+
import style from "../Fields.module.css";
|
|
14
14
|
export default class FieldContainer extends PureComponent {
|
|
15
15
|
constructor(props) {
|
|
16
16
|
super(props);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import FieldContainer from
|
|
3
|
+
import FieldContainer from "../FieldContainer";
|
|
4
4
|
describe('FieldContainer', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
8
8
|
import MultiSelect from '@zohodesk/components/lib/MultiSelect/MultiSelect';
|
|
9
|
-
import ValidationMessage from
|
|
9
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
10
10
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
11
|
-
import FieldContainer from
|
|
11
|
+
import FieldContainer from "../FieldContainer/FieldContainer";
|
|
12
12
|
/** CSS */
|
|
13
13
|
|
|
14
|
-
import style from
|
|
14
|
+
import style from "../Fields.module.css";
|
|
15
15
|
export default class MultiSelectField extends PureComponent {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super(props);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import MultiSelectField from
|
|
3
|
+
import MultiSelectField from "../MultiSelectField";
|
|
4
4
|
describe('MultiSelectField', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { FieldCommonPropTypes } from
|
|
2
|
+
import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
animationStyle: PropTypes.string,
|
|
5
5
|
borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import { Icon } from '@zohodesk/icons';
|
|
8
8
|
import { Container, Box } from '@zohodesk/components/lib/Layout';
|
|
9
|
-
import TextBoxField from
|
|
10
|
-
import Link from
|
|
9
|
+
import TextBoxField from "../TextBoxField/TextBoxField";
|
|
10
|
+
import Link from "../../../Link/Link";
|
|
11
11
|
/**** CSS ****/
|
|
12
12
|
|
|
13
|
-
import style from
|
|
14
|
-
import { formatPhoneUrl } from
|
|
13
|
+
import style from "../Fields.module.css";
|
|
14
|
+
import { formatPhoneUrl } from "../../../utils/General";
|
|
15
15
|
export default class PhoneField extends PureComponent {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super(props);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import Icon from '@zohodesk/icons/es/Icon';
|
|
8
8
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
9
9
|
import Radio from '@zohodesk/components/lib/Radio/Radio';
|
|
10
|
-
import ValidationMessage from
|
|
10
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
11
11
|
/** Css */
|
|
12
12
|
|
|
13
|
-
import style from
|
|
13
|
+
import style from "../Fields.module.css";
|
|
14
14
|
export default class RadioField extends PureComponent {
|
|
15
15
|
constructor(props) {
|
|
16
16
|
super(props);
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
8
8
|
import Select from '@zohodesk/components/lib/Select/Select';
|
|
9
|
-
import ValidationMessage from
|
|
9
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
10
10
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
11
|
-
import FieldContainer from
|
|
11
|
+
import FieldContainer from "../FieldContainer/FieldContainer";
|
|
12
12
|
/**** props ****/
|
|
13
13
|
|
|
14
14
|
/** CSS */
|
|
15
15
|
|
|
16
|
-
import style from
|
|
16
|
+
import style from "../Fields.module.css";
|
|
17
17
|
export default class SelectField extends PureComponent {
|
|
18
18
|
constructor(props) {
|
|
19
19
|
super(props);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { FieldCommonPropTypes } from
|
|
2
|
+
import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
animationStyle: PropTypes.string,
|
|
5
5
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
import { Container, Box } from '@zohodesk/components/lib/Layout';
|
|
5
5
|
import Tag from '@zohodesk/components/lib/Tag/Tag';
|
|
6
6
|
import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
|
|
@@ -8,13 +8,13 @@ import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
|
|
|
8
8
|
import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
|
|
9
9
|
import Loader from '@zohodesk/svg/lib/Loader/Loader';
|
|
10
10
|
import DropDownSeparator from '@zohodesk/components/lib/DropDown/DropDownSeparator';
|
|
11
|
-
import CommonEmptyState from
|
|
11
|
+
import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
|
|
12
12
|
import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
|
|
13
13
|
import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
|
|
14
14
|
import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
|
|
15
|
-
import { stopBubbling } from
|
|
15
|
+
import { stopBubbling } from "../../../utils/General";
|
|
16
16
|
import { scrollTo, findScrollEnd } from '@zohodesk/components/lib/utils/Common.js';
|
|
17
|
-
import style from
|
|
17
|
+
import style from "./TagsMultiSelect.module.css";
|
|
18
18
|
export default class TagsMultiSelect extends React.Component {
|
|
19
19
|
constructor(props) {
|
|
20
20
|
super(props);
|
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.tag {
|
|
5
|
-
max-width: 100% ;
|
|
6
|
-
}
|
|
7
|
-
[dir=ltr] .moreLess, [dir=ltr] .tag {
|
|
8
|
-
margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
|
|
9
|
-
}
|
|
10
|
-
[dir=rtl] .moreLess, [dir=rtl] .tag {
|
|
11
|
-
margin: 0 0 var(--zd_size6) var(--zd_size6) ;
|
|
12
|
-
}
|
|
13
|
-
.input {
|
|
14
|
-
height: var(--zd_size20) ;
|
|
15
|
-
width: 100% ;
|
|
16
|
-
margin-bottom: var(--zd_size4) ;
|
|
17
|
-
}
|
|
18
|
-
.viewpopNew {
|
|
19
|
-
max-height: var(--zd_size250) ;
|
|
20
|
-
}
|
|
21
|
-
.tagDiv {
|
|
22
|
-
max-height: var(--zd_size160) ;
|
|
23
|
-
margin-top: var(--zd_size5) ;
|
|
24
|
-
}
|
|
25
|
-
.hasBorder {
|
|
26
|
-
transition: border var(--zd_transition2) linear 0s;
|
|
27
|
-
border-bottom-style: solid;
|
|
28
|
-
border-bottom-width: 1px;
|
|
29
|
-
}
|
|
30
|
-
.borderColor_transparent {
|
|
31
|
-
border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
|
|
32
|
-
}
|
|
33
|
-
.borderColor_transparent:hover {
|
|
34
|
-
border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
|
|
35
|
-
}
|
|
36
|
-
.borderColor_transparent.active {
|
|
37
|
-
border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
|
|
38
|
-
}
|
|
39
|
-
.borderColor_default {
|
|
40
|
-
border-bottom-color: var(--zdt_tagsmultiselect_default_border);
|
|
41
|
-
}
|
|
42
|
-
.borderColor_default:hover {
|
|
43
|
-
border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
|
|
44
|
-
}
|
|
45
|
-
.borderColor_default.active {
|
|
46
|
-
border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
|
|
47
|
-
}
|
|
48
|
-
.borderColor_dark {
|
|
49
|
-
border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
|
|
50
|
-
}
|
|
51
|
-
.borderColor_dark:hover {
|
|
52
|
-
border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
|
|
53
|
-
}
|
|
54
|
-
.borderColor_dark.active {
|
|
55
|
-
border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
|
|
56
|
-
}
|
|
57
|
-
.moreLess {
|
|
58
|
-
color: var(--zdt_tagsmultiselect_more_text);
|
|
59
|
-
font-size: var(--zd_font_size13) ;
|
|
60
|
-
cursor: pointer;
|
|
61
|
-
}
|
|
62
|
-
.moreLess:hover {
|
|
63
|
-
color: var(--zdt_tagsmultiselect_more_hover_text);
|
|
64
|
-
}
|
|
65
|
-
.inputWrapper {
|
|
66
|
-
position: relative;
|
|
67
|
-
max-width: 100% ;
|
|
68
|
-
min-width: var(--zd_size5) ;
|
|
69
|
-
font-size: 0 ;
|
|
70
|
-
}
|
|
71
|
-
.newTagLabel {
|
|
72
|
-
color: var(--zdt_tagsmultiselect_labelt_text);
|
|
73
|
-
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
74
|
-
}
|
|
75
|
-
[dir=ltr] .newTagLabel {
|
|
76
|
-
margin-right: var(--zd_size5) ;
|
|
77
|
-
}
|
|
78
|
-
[dir=rtl] .newTagLabel {
|
|
79
|
-
margin-left: var(--zd_size5) ;
|
|
80
|
-
}
|
|
81
|
-
.dotted {
|
|
82
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
83
|
-
}
|
|
84
|
-
.dropdown {
|
|
85
|
-
margin-top: var(--zd_size1) ;
|
|
86
|
-
}
|
|
87
|
-
.custmSpan {
|
|
88
|
-
height: var(--zd_size25) ;
|
|
89
|
-
display: inline-block;
|
|
90
|
-
vertical-align: middle;
|
|
91
|
-
opacity: 0;
|
|
92
|
-
overflow: hidden;
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
max-width: 100% ;
|
|
95
|
-
visibility: hidden;
|
|
96
|
-
}
|
|
97
|
-
[dir=ltr] .custmSpan {
|
|
98
|
-
padding-right: var(--zd_size28) ;
|
|
99
|
-
}
|
|
100
|
-
[dir=rtl] .custmSpan {
|
|
101
|
-
padding-left: var(--zd_size28) ;
|
|
102
|
-
}
|
|
103
|
-
.custmInp {
|
|
104
|
-
position: absolute;
|
|
105
|
-
top: 0 ;
|
|
106
|
-
width: 100% ;
|
|
107
|
-
}
|
|
108
|
-
[dir=ltr] .custmInp {
|
|
109
|
-
left: 0 ;
|
|
110
|
-
}
|
|
111
|
-
[dir=rtl] .custmInp {
|
|
112
|
-
right: 0 ;
|
|
113
|
-
}
|
|
114
|
-
.newTagText {
|
|
115
|
-
color: var(--zdt_tagsmultiselect_more_text);
|
|
116
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
position: relative;
|
|
3
|
+
}
|
|
4
|
+
.tag {
|
|
5
|
+
max-width: 100% ;
|
|
6
|
+
}
|
|
7
|
+
[dir=ltr] .moreLess, [dir=ltr] .tag {
|
|
8
|
+
margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
|
|
9
|
+
}
|
|
10
|
+
[dir=rtl] .moreLess, [dir=rtl] .tag {
|
|
11
|
+
margin: 0 0 var(--zd_size6) var(--zd_size6) ;
|
|
12
|
+
}
|
|
13
|
+
.input {
|
|
14
|
+
height: var(--zd_size20) ;
|
|
15
|
+
width: 100% ;
|
|
16
|
+
margin-bottom: var(--zd_size4) ;
|
|
17
|
+
}
|
|
18
|
+
.viewpopNew {
|
|
19
|
+
max-height: var(--zd_size250) ;
|
|
20
|
+
}
|
|
21
|
+
.tagDiv {
|
|
22
|
+
max-height: var(--zd_size160) ;
|
|
23
|
+
margin-top: var(--zd_size5) ;
|
|
24
|
+
}
|
|
25
|
+
.hasBorder {
|
|
26
|
+
transition: border var(--zd_transition2) linear 0s;
|
|
27
|
+
border-bottom-style: solid;
|
|
28
|
+
border-bottom-width: 1px;
|
|
29
|
+
}
|
|
30
|
+
.borderColor_transparent {
|
|
31
|
+
border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
|
|
32
|
+
}
|
|
33
|
+
.borderColor_transparent:hover {
|
|
34
|
+
border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
|
|
35
|
+
}
|
|
36
|
+
.borderColor_transparent.active {
|
|
37
|
+
border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
|
|
38
|
+
}
|
|
39
|
+
.borderColor_default {
|
|
40
|
+
border-bottom-color: var(--zdt_tagsmultiselect_default_border);
|
|
41
|
+
}
|
|
42
|
+
.borderColor_default:hover {
|
|
43
|
+
border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
|
|
44
|
+
}
|
|
45
|
+
.borderColor_default.active {
|
|
46
|
+
border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
|
|
47
|
+
}
|
|
48
|
+
.borderColor_dark {
|
|
49
|
+
border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
|
|
50
|
+
}
|
|
51
|
+
.borderColor_dark:hover {
|
|
52
|
+
border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
|
|
53
|
+
}
|
|
54
|
+
.borderColor_dark.active {
|
|
55
|
+
border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
|
|
56
|
+
}
|
|
57
|
+
.moreLess {
|
|
58
|
+
color: var(--zdt_tagsmultiselect_more_text);
|
|
59
|
+
font-size: var(--zd_font_size13) ;
|
|
60
|
+
cursor: pointer;
|
|
61
|
+
}
|
|
62
|
+
.moreLess:hover {
|
|
63
|
+
color: var(--zdt_tagsmultiselect_more_hover_text);
|
|
64
|
+
}
|
|
65
|
+
.inputWrapper {
|
|
66
|
+
position: relative;
|
|
67
|
+
max-width: 100% ;
|
|
68
|
+
min-width: var(--zd_size5) ;
|
|
69
|
+
font-size: 0 ;
|
|
70
|
+
}
|
|
71
|
+
.newTagLabel {
|
|
72
|
+
color: var(--zdt_tagsmultiselect_labelt_text);
|
|
73
|
+
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
74
|
+
}
|
|
75
|
+
[dir=ltr] .newTagLabel {
|
|
76
|
+
margin-right: var(--zd_size5) ;
|
|
77
|
+
}
|
|
78
|
+
[dir=rtl] .newTagLabel {
|
|
79
|
+
margin-left: var(--zd_size5) ;
|
|
80
|
+
}
|
|
81
|
+
.dotted {
|
|
82
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
83
|
+
}
|
|
84
|
+
.dropdown {
|
|
85
|
+
margin-top: var(--zd_size1) ;
|
|
86
|
+
}
|
|
87
|
+
.custmSpan {
|
|
88
|
+
height: var(--zd_size25) ;
|
|
89
|
+
display: inline-block;
|
|
90
|
+
vertical-align: middle;
|
|
91
|
+
opacity: 0;
|
|
92
|
+
overflow: hidden;
|
|
93
|
+
white-space: nowrap;
|
|
94
|
+
max-width: 100% ;
|
|
95
|
+
visibility: hidden;
|
|
96
|
+
}
|
|
97
|
+
[dir=ltr] .custmSpan {
|
|
98
|
+
padding-right: var(--zd_size28) ;
|
|
99
|
+
}
|
|
100
|
+
[dir=rtl] .custmSpan {
|
|
101
|
+
padding-left: var(--zd_size28) ;
|
|
102
|
+
}
|
|
103
|
+
.custmInp {
|
|
104
|
+
position: absolute;
|
|
105
|
+
top: 0 ;
|
|
106
|
+
width: 100% ;
|
|
107
|
+
}
|
|
108
|
+
[dir=ltr] .custmInp {
|
|
109
|
+
left: 0 ;
|
|
110
|
+
}
|
|
111
|
+
[dir=rtl] .custmInp {
|
|
112
|
+
right: 0 ;
|
|
113
|
+
}
|
|
114
|
+
.newTagText {
|
|
115
|
+
color: var(--zdt_tagsmultiselect_more_text);
|
|
116
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import TagsMultiSelect from
|
|
3
|
+
import TagsMultiSelect from "../TagsMultiSelect";
|
|
4
4
|
describe('TagsMultiSelect', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
import { Box } from '@zohodesk/components/lib/Layout';
|
|
5
5
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
6
6
|
import Popup from '@zohodesk/components/lib/Popup/Popup';
|
|
7
|
-
import ValidationMessage from
|
|
8
|
-
import TagsMultiSelect from
|
|
9
|
-
import FieldContainer from
|
|
7
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
8
|
+
import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
|
|
9
|
+
import FieldContainer from "../FieldContainer/FieldContainer";
|
|
10
10
|
/**** css ****/
|
|
11
11
|
|
|
12
|
-
import fieldStyle from
|
|
13
|
-
import style from
|
|
12
|
+
import fieldStyle from "../Fields.module.css";
|
|
13
|
+
import style from "./TagsMultiSelectField.module.css";
|
|
14
14
|
|
|
15
15
|
const TagsMultiSelectField = props => {
|
|
16
16
|
const [selectedSuggestionIndex, updateSelectedSuggestionIndex] = useState(0);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import TagsMultiSelectField from
|
|
3
|
+
import TagsMultiSelectField from "../TagsMultiSelectField";
|
|
4
4
|
describe('TagsMultiSelectField', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { FieldCommonPropTypes } from
|
|
2
|
+
import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
fieldProperties: PropTypes.shape({
|
|
5
5
|
id: PropTypes.string.isRequired,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import { defaultProps } from
|
|
4
|
-
import { propTypes } from
|
|
3
|
+
import { defaultProps } from "./props/defaultProps";
|
|
4
|
+
import { propTypes } from "./props/propTypes";
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
8
8
|
import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
|
|
9
|
-
import ValidationMessage from
|
|
9
|
+
import ValidationMessage from "../ValidationMessage/ValidationMessage";
|
|
10
10
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
11
|
-
import FieldContainer from
|
|
11
|
+
import FieldContainer from "../FieldContainer/FieldContainer";
|
|
12
12
|
/**** CSS ****/
|
|
13
13
|
|
|
14
|
-
import style from
|
|
14
|
+
import style from "../Fields.module.css";
|
|
15
15
|
export default class TextBoxField extends PureComponent {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super(props);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldCommonPropTypes } from
|
|
1
|
+
import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|