@zohodesk/dot 1.0.0-beta.263 → 1.0.0-beta.265
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/README.md +23 -2
- package/es/ActionButton/ActionButton.js +5 -2
- package/es/AlphabeticList/AlphabeticList.js +10 -0
- package/es/Attachment/Attachment.js +2 -3
- package/es/AttachmentViewer/Attachment.js +1 -0
- package/es/AttachmentViewer/AttachmentImage.js +6 -0
- package/es/AttachmentViewer/AttachmentViewer.js +34 -3
- package/es/AttachmentViewer/utils.js +17 -0
- package/es/ChannelIcon/ChannelIcon.js +5 -2
- package/es/Drawer/Drawer.js +9 -3
- package/es/ExternalLink/ExternalLink.js +7 -4
- package/es/FlipCard/FlipCard.js +7 -2
- package/es/FormAction/FormAction.js +4 -5
- package/es/FreezeLayer/FreezeLayer.js +3 -8
- package/es/FreezeLayer/useFreezeLayer.js +5 -0
- package/es/Hooks/Dragger/props/defaultProps.js +10 -0
- package/es/Hooks/Dragger/props/propTypes.js +11 -0
- package/es/Hooks/Dragger/useDragger.js +90 -61
- package/es/Hooks/Dragger/utils/DraggerUtil.js +3 -42
- package/es/IconButton/IconButton.js +9 -3
- package/es/Image/Image.js +2 -2
- package/es/ImportantNotes/ImportantNotes.js +3 -3
- package/es/Link/Link.js +15 -5
- package/es/Loader/Loader.js +2 -2
- package/es/Message/Message.js +9 -3
- package/es/MessageBanner/MessageBanner.js +2 -3
- package/es/NewStar/NewStar.js +10 -15
- package/es/PlusIcon/PlusIcon.js +3 -3
- package/es/Separator/Separator.js +3 -0
- package/es/TagWithIcon/TagWithIcon.js +1 -0
- package/es/ToastMessage/ToastMessage.js +15 -10
- package/es/Upload/Upload.js +2 -3
- package/es/actions/AutoClose.js +4 -0
- package/es/actions/index.js +3 -0
- package/es/alert/AlertHeader/AlertHeader.js +2 -3
- package/es/alert/AlertLookup/AlertLookup.js +5 -5
- package/es/avatar/AvatarClose/AvatarClose.js +4 -2
- package/es/avatar/AvatarCollision/AvatarCollision.js +4 -2
- package/es/avatar/AvatarIcon/AvatarIcon.js +3 -2
- package/es/avatar/AvatarStatus/AvatarStatus.js +4 -3
- package/es/avatar/AvatarThread/AvatarThread.js +3 -3
- package/es/avatar/AvatarUser/AvatarUser.js +4 -3
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
- package/es/deprecated/FreezeLayer/FreezeLayer.js +10 -3
- package/es/deprecated/SelectDropdown/SelectDropdown.js +8 -2
- package/es/deprecated/utils/General.js +2 -0
- package/es/deprecated/utils/KeyboardApi.js +45 -4
- package/es/docs/generalDocs.js +2 -2
- package/es/docs/lookupDocs.js +1 -2
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +64 -6
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +2 -3
- package/es/emptystate/EditionPage/EditionPage.js +3 -3
- package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
- package/es/errorstate/LinkText/LinkText.js +2 -2
- package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -2
- package/es/errorstate/PermissionPlay/PermissionPlay.js +4 -2
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -2
- package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -2
- package/es/errorstate/WillBack/WillBack.js +4 -2
- package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -5
- package/es/form/fields/CurrencyField/CurrencyField.js +12 -5
- package/es/form/fields/DateField/DateField.js +15 -5
- package/es/form/fields/FieldContainer/FieldContainer.js +6 -4
- package/es/form/fields/FieldContainer/props/defaultProps.js +1 -2
- package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
- package/es/form/fields/MultiSelectField/MultiSelectField.js +15 -12
- package/es/form/fields/PhoneField/PhoneField.js +13 -5
- package/es/form/fields/RadioField/RadioField.js +7 -4
- package/es/form/fields/SelectField/SelectField.js +11 -10
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -3
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +20 -4
- package/es/form/fields/TextBoxField/TextBoxField.js +11 -10
- package/es/form/fields/TextEditor/TextEditor.js +58 -7
- package/es/form/fields/TextEditorField/TextEditorField.js +11 -5
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +12 -4
- package/es/form/fields/TextareaField/TextareaField.js +13 -12
- package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -3
- package/es/form/layout/Field/Field.js +2 -3
- package/es/form/layout/Section/Section.js +3 -2
- package/es/layout/SetupDetailLayout/SetupDetailLayout.js +11 -3
- package/es/layout/SubtabLayout/SubtabLayout.js +6 -3
- package/es/list/AvatarFlip/AvatarFlip.js +2 -3
- package/es/list/BluePrintStatus/BluePrintStatus.js +3 -3
- package/es/list/Comment/Comment.js +3 -3
- package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -2
- package/es/list/Dot/Dot.js +2 -0
- package/es/list/DotNew/DotNew.js +3 -3
- package/es/list/GridStencils/GridStencils.js +2 -3
- package/es/list/Icons/AddNewIcon.js +1 -0
- package/es/list/Icons/CompleteIcon.js +1 -0
- package/es/list/Icons/DeleteIcon.js +1 -0
- package/es/list/Icons/EditIcon.js +1 -0
- package/es/list/Icons/FloatingIcons.js +3 -3
- package/es/list/Icons/ReadUnreadIcon.js +1 -0
- package/es/list/Icons/SmartIcon.js +1 -0
- package/es/list/ListLayout/ListLayout.js +6 -3
- package/es/list/ListStencils/ListStencils.js +4 -4
- package/es/list/SecondaryText/AccountName.js +6 -5
- package/es/list/SecondaryText/ContactName.js +3 -3
- package/es/list/SecondaryText/DepartmentText.js +3 -3
- package/es/list/SecondaryText/Email.js +6 -5
- package/es/list/SecondaryText/HappinessRating.js +3 -4
- package/es/list/SecondaryText/PhoneNumber.js +6 -5
- package/es/list/SecondaryText/PriorityText.js +3 -3
- package/es/list/SecondaryText/SecondaryText.js +4 -3
- package/es/list/SecondaryText/StatusText.js +3 -3
- package/es/list/SecondaryText/TicketId.js +4 -3
- package/es/list/SecondaryText/Website.js +5 -5
- package/es/list/SecondryPanel/SecondryPanel.js +9 -8
- package/es/list/SentimentStatus/SentimentStatus.js +3 -3
- package/es/list/Subject/Subject.js +4 -3
- package/es/list/TagNew/TagNew.js +3 -3
- package/es/list/Thread/Thread.js +3 -3
- package/es/list/UserTime/UserTime.js +3 -3
- package/es/list/status/StatusDropdown/StatusDropdown.js +32 -2
- package/es/list/status/StatusListItem/StatusListItem.js +11 -3
- package/es/lookup/EmptyPage/EmptyPage.js +9 -3
- package/es/lookup/Lookup/Lookup.js +9 -5
- package/es/lookup/Section/Section.js +2 -0
- package/es/lookup/header/Close/Close.js +3 -4
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +4 -6
- package/es/lookup/header/Search/Search.js +21 -6
- package/es/lookup/header/TicketHeader/TicketHeader.js +4 -6
- package/es/lookup/header/Title/Title.js +3 -4
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +12 -6
- package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
- package/es/setup/header/Button/Button.js +3 -3
- package/es/setup/header/Link/Link.js +3 -3
- package/es/setup/header/Search/Search.js +5 -3
- package/es/setup/header/Views/Views.js +3 -3
- package/es/setup/helptips/Description/Description.js +3 -3
- package/es/setup/helptips/Link/Link.js +5 -3
- package/es/setup/helptips/ListGroup/ListGroup.js +5 -3
- package/es/setup/helptips/Title/Title.js +3 -3
- package/es/setup/table/Table/Table.js +2 -3
- package/es/setup/table/TableBody/TableBody.js +2 -3
- package/es/setup/table/TableData/TableData.js +3 -3
- package/es/setup/table/TableHead/TableHead.js +3 -3
- package/es/setup/table/TableRow/TableRow.js +3 -3
- package/es/setup/table/Text/Text.js +4 -3
- package/es/svg/PlusIcon.js +2 -3
- package/es/svg/SnippetIcon.js +2 -3
- package/es/svg/TemplateIcon.js +2 -3
- package/es/utils/General.js +7 -0
- package/es/utils/editorUtils.js +40 -16
- package/es/version2/AlertClose/AlertClose.js +2 -3
- package/es/version2/GlobalNotification/GlobalNotification.js +9 -3
- package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
- package/es/version2/alertIcons/AlertIcons.js +2 -3
- package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
- package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
- package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
- package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
- package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
- package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
- package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -3
- package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -3
- package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -3
- package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
- package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -3
- package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -3
- package/es/version2/lookup/AlertHeader/AlertHeader.js +76 -60
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +20 -0
- package/es/version2/lookup/AlertHeader/props/defaultProps.js +8 -2
- package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -2
- package/es/version2/lookup/AlertLookup/AlertLookup.js +8 -12
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +5 -3
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
- package/lib/ActionButton/ActionButton.js +64 -34
- package/lib/ActionButton/props/propTypes.js +3 -0
- package/lib/AlphabeticList/AlphabeticList.js +53 -21
- package/lib/AlphabeticList/props/propTypes.js +10 -1
- package/lib/Attachment/Attachment.js +41 -19
- package/lib/Attachment/props/propTypes.js +3 -0
- package/lib/AttachmentViewer/Attachment.js +4 -0
- package/lib/AttachmentViewer/AttachmentImage.js +36 -10
- package/lib/AttachmentViewer/AttachmentViewer.js +87 -24
- package/lib/AttachmentViewer/props/propTypes.js +3 -0
- package/lib/AttachmentViewer/utils.js +31 -10
- package/lib/ChannelIcon/ChannelIcon.js +55 -27
- package/lib/ChannelIcon/props/propTypes.js +3 -0
- package/lib/Drawer/Drawer.js +109 -51
- package/lib/Drawer/index.js +4 -0
- package/lib/Drawer/props/propTypes.js +3 -0
- package/lib/ExternalLink/ExternalLink.js +37 -15
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
- package/lib/ExternalLink/props/propTypes.js +3 -0
- package/lib/FlipCard/FlipCard.js +72 -40
- package/lib/FlipCard/props/propTypes.js +3 -0
- package/lib/FormAction/FormAction.js +41 -13
- package/lib/FormAction/props/propTypes.js +3 -0
- package/lib/FreezeLayer/FreezeLayer.js +41 -32
- package/lib/FreezeLayer/css/cssJSLogic.js +9 -8
- package/lib/FreezeLayer/index.js +3 -0
- package/lib/FreezeLayer/props/propTypes.js +3 -0
- package/lib/FreezeLayer/useFreezeLayer.js +30 -9
- package/lib/Hooks/Dragger/props/defaultProps.js +17 -0
- package/lib/Hooks/Dragger/props/propTypes.js +22 -0
- package/lib/Hooks/Dragger/useDragger.js +97 -60
- package/lib/Hooks/Dragger/utils/DraggerUtil.js +11 -51
- package/lib/IconButton/IconButton.js +61 -36
- package/lib/IconButton/props/propTypes.js +6 -4
- package/lib/Image/Image.js +35 -15
- package/lib/Image/props/propTypes.js +3 -0
- package/lib/ImportantNotes/ImportantNotes.js +34 -13
- package/lib/ImportantNotes/props/propTypes.js +3 -0
- package/lib/Link/Link.js +56 -25
- package/lib/Link/LinkContext.js +4 -0
- package/lib/Link/props/propTypes.js +3 -0
- package/lib/Loader/Loader.js +25 -3
- package/lib/Message/Message.js +43 -16
- package/lib/Message/props/propTypes.js +3 -0
- package/lib/MessageBanner/MessageBanner.js +38 -16
- package/lib/MessageBanner/props/propTypes.js +3 -0
- package/lib/NewStar/NewStar.js +38 -21
- package/lib/NewStar/props/propTypes.js +3 -0
- package/lib/PlusIcon/PlusIcon.js +34 -14
- package/lib/PlusIcon/props/propTypes.js +3 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Separator/Separator.js +36 -13
- package/lib/Separator/props/propTypes.js +3 -0
- package/lib/TagWithIcon/TagWithIcon.js +36 -13
- package/lib/TagWithIcon/props/propTypes.js +3 -0
- package/lib/ToastMessage/ToastMessage.js +75 -45
- package/lib/ToastMessage/props/propTypes.js +3 -0
- package/lib/Upload/Upload.js +42 -20
- package/lib/Upload/props/propTypes.js +3 -0
- package/lib/actions/AutoClose.js +29 -9
- package/lib/actions/index.js +5 -0
- package/lib/actions/props/propTypes.js +3 -0
- package/lib/alert/AlertHeader/AlertHeader.js +43 -18
- package/lib/alert/AlertHeader/props/propTypes.js +3 -0
- package/lib/alert/AlertLookup/AlertLookup.js +67 -40
- package/lib/alert/AlertLookup/props/propTypes.js +3 -0
- package/lib/alert/index.js +3 -0
- package/lib/avatar/AvatarClose/AvatarClose.js +39 -16
- package/lib/avatar/AvatarClose/props/propTypes.js +3 -0
- package/lib/avatar/AvatarCollision/AvatarCollision.js +42 -19
- package/lib/avatar/AvatarCollision/props/propTypes.js +3 -0
- package/lib/avatar/AvatarIcon/AvatarIcon.js +45 -21
- package/lib/avatar/AvatarIcon/props/propTypes.js +3 -0
- package/lib/avatar/AvatarStatus/AvatarStatus.js +49 -28
- package/lib/avatar/AvatarStatus/props/propTypes.js +6 -4
- package/lib/avatar/AvatarThread/AvatarThread.js +55 -33
- package/lib/avatar/AvatarThread/props/propTypes.js +3 -0
- package/lib/avatar/AvatarUser/AvatarUser.js +63 -40
- package/lib/avatar/AvatarUser/props/propTypes.js +3 -0
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +54 -32
- package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
- package/lib/avatar/AvatarWithTeam/props/propTypes.js +3 -0
- package/lib/avatar/index.js +8 -0
- package/lib/deprecated/FreezeLayer/FreezeLayer.js +49 -20
- package/lib/deprecated/FreezeLayer/props/propTypes.js +3 -0
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +52 -21
- package/lib/deprecated/utils/General.js +5 -0
- package/lib/deprecated/utils/KeyboardApi.js +48 -7
- package/lib/docs/formDocs.js +16 -0
- package/lib/docs/generalDocs.js +60 -0
- package/lib/docs/lookupDocs.js +17 -0
- package/lib/docs/setupDocs.js +12 -0
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +225 -145
- package/lib/dropdown/ToggleDropDown/props/propTypes.js +3 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +46 -24
- package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
- package/lib/emptystate/EditionPage/EditionPage.js +36 -14
- package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
- package/lib/errorstate/Inconvenience/Inconvenience.js +40 -12
- package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
- package/lib/errorstate/LinkText/LinkText.js +31 -10
- package/lib/errorstate/LinkText/props/propTypes.js +3 -0
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +40 -14
- package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +40 -14
- package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +40 -14
- package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +40 -12
- package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +40 -14
- package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
- package/lib/errorstate/WillBack/WillBack.js +33 -8
- package/lib/errorstate/WillBack/props/propTypes.js +3 -0
- package/lib/errorstate/index.js +9 -0
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +71 -41
- package/lib/form/fields/CheckBoxField/props/defaultProps.js +7 -4
- package/lib/form/fields/CheckBoxField/props/propTypes.js +9 -4
- package/lib/form/fields/CurrencyField/CurrencyField.js +81 -51
- package/lib/form/fields/CurrencyField/props/defaultProps.js +7 -4
- package/lib/form/fields/CurrencyField/props/propTypes.js +9 -4
- package/lib/form/fields/DateField/DateField.js +83 -50
- package/lib/form/fields/DateField/props/defaultProps.js +7 -4
- package/lib/form/fields/DateField/props/propTypes.js +9 -4
- package/lib/form/fields/FieldContainer/FieldContainer.js +48 -25
- package/lib/form/fields/FieldContainer/props/defaultProps.js +7 -4
- package/lib/form/fields/FieldContainer/props/propTypes.js +9 -4
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +100 -74
- package/lib/form/fields/MultiSelectField/props/defaultProps.js +7 -4
- package/lib/form/fields/MultiSelectField/props/propTypes.js +9 -4
- package/lib/form/fields/PhoneField/PhoneField.js +73 -43
- package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
- package/lib/form/fields/RadioField/RadioField.js +64 -36
- package/lib/form/fields/RadioField/props/propTypes.js +3 -0
- package/lib/form/fields/SelectField/SelectField.js +98 -71
- package/lib/form/fields/SelectField/props/defaultProps.js +7 -4
- package/lib/form/fields/SelectField/props/propTypes.js +9 -4
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +83 -46
- package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +103 -62
- package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +7 -4
- package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +9 -4
- package/lib/form/fields/TextBoxField/TextBoxField.js +85 -58
- package/lib/form/fields/TextBoxField/props/defaultProps.js +7 -4
- package/lib/form/fields/TextBoxField/props/propTypes.js +9 -4
- package/lib/form/fields/TextEditor/TextEditor.js +116 -53
- package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
- package/lib/form/fields/TextEditorField/TextEditorField.js +89 -61
- package/lib/form/fields/TextEditorField/props/defaultProps.js +7 -4
- package/lib/form/fields/TextEditorField/props/propTypes.js +9 -4
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +79 -47
- package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
- package/lib/form/fields/TextareaField/TextareaField.js +81 -55
- package/lib/form/fields/TextareaField/props/defaultProps.js +7 -4
- package/lib/form/fields/TextareaField/props/propTypes.js +9 -4
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +40 -18
- package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
- package/lib/form/fields/index.js +17 -0
- package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
- package/lib/form/fields/props/FieldCommonPropTypes.js +4 -0
- package/lib/form/layout/Field/Field.js +34 -13
- package/lib/form/layout/Field/props/propTypes.js +3 -0
- package/lib/form/layout/Section/Section.js +33 -12
- package/lib/form/layout/Section/props/propTypes.js +3 -0
- package/lib/form/layout/index.js +3 -0
- package/lib/index.js +57 -0
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +83 -36
- package/lib/layout/SetupDetailLayout/index.js +4 -0
- package/lib/layout/SetupDetailLayout/props/propTypes.js +3 -0
- package/lib/layout/SubtabLayout/SubtabLayout.js +83 -39
- package/lib/layout/SubtabLayout/index.js +4 -0
- package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
- package/lib/list/AvatarFlip/AvatarFlip.js +54 -32
- package/lib/list/AvatarFlip/props/propTypes.js +3 -0
- package/lib/list/BluePrintStatus/BluePrintStatus.js +25 -6
- package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
- package/lib/list/Comment/Comment.js +33 -9
- package/lib/list/Comment/props/propTypes.js +3 -0
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +57 -28
- package/lib/list/DepartmentDropDown/props/propTypes.js +6 -4
- package/lib/list/Dot/Dot.js +28 -5
- package/lib/list/Dot/props/propTypes.js +3 -0
- package/lib/list/DotNew/DotNew.js +30 -9
- package/lib/list/DotNew/props/propTypes.js +3 -0
- package/lib/list/GridStencils/GridStencils.js +29 -11
- package/lib/list/GridStencils/props/propTypes.js +3 -0
- package/lib/list/Icons/AddNewIcon.js +29 -8
- package/lib/list/Icons/CompleteIcon.js +30 -9
- package/lib/list/Icons/DeleteIcon.js +30 -9
- package/lib/list/Icons/EditIcon.js +30 -9
- package/lib/list/Icons/FloatingIcons.js +32 -9
- package/lib/list/Icons/ReadUnreadIcon.js +33 -11
- package/lib/list/Icons/SmartIcon.js +31 -8
- package/lib/list/Icons/index.js +8 -0
- package/lib/list/Icons/props/propTypes.js +3 -0
- package/lib/list/ListLayout/ListLayout.js +58 -28
- package/lib/list/ListLayout/props/propTypes.js +6 -4
- package/lib/list/ListStencils/ListStencils.js +28 -6
- package/lib/list/ListStencils/props/propTypes.js +3 -0
- package/lib/list/SecondaryText/AccountName.js +51 -27
- package/lib/list/SecondaryText/ContactName.js +58 -32
- package/lib/list/SecondaryText/DepartmentText.js +30 -10
- package/lib/list/SecondaryText/Email.js +42 -19
- package/lib/list/SecondaryText/HappinessRating.js +29 -9
- package/lib/list/SecondaryText/PhoneNumber.js +44 -21
- package/lib/list/SecondaryText/PriorityText.js +32 -11
- package/lib/list/SecondaryText/SecondaryText.js +34 -12
- package/lib/list/SecondaryText/StatusText.js +33 -12
- package/lib/list/SecondaryText/TicketId.js +43 -20
- package/lib/list/SecondaryText/Website.js +35 -13
- package/lib/list/SecondaryText/index.js +12 -0
- package/lib/list/SecondaryText/props/propTypes.js +3 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +71 -28
- package/lib/list/SecondryPanel/props/propTypes.js +3 -0
- package/lib/list/SentimentStatus/SentimentStatus.js +27 -8
- package/lib/list/SentimentStatus/props/propTypes.js +3 -0
- package/lib/list/Subject/Subject.js +45 -22
- package/lib/list/Subject/props/propTypes.js +3 -0
- package/lib/list/TagNew/TagNew.js +32 -11
- package/lib/list/TagNew/props/propTypes.js +3 -0
- package/lib/list/Thread/Thread.js +34 -11
- package/lib/list/Thread/props/propTypes.js +3 -0
- package/lib/list/UserTime/UserTime.js +45 -21
- package/lib/list/UserTime/props/propTypes.js +3 -0
- package/lib/list/index.js +21 -0
- package/lib/list/status/StatusDropdown/StatusDropdown.js +133 -77
- package/lib/list/status/StatusDropdown/props/propTypes.js +6 -4
- package/lib/list/status/StatusListItem/StatusListItem.js +63 -37
- package/lib/list/status/StatusListItem/props/propTypes.js +3 -0
- package/lib/list/status/index.js +3 -0
- package/lib/lookup/EmptyPage/EmptyPage.js +38 -8
- package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
- package/lib/lookup/Lookup/Lookup.js +51 -23
- package/lib/lookup/Lookup/props/propTypes.js +3 -0
- package/lib/lookup/Section/Section.js +28 -5
- package/lib/lookup/Section/props/propTypes.js +3 -0
- package/lib/lookup/header/Close/Close.js +30 -9
- package/lib/lookup/header/Close/props/propTypes.js +3 -0
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -23
- package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
- package/lib/lookup/header/Search/Search.js +67 -29
- package/lib/lookup/header/Search/props/propTypes.js +3 -0
- package/lib/lookup/header/TicketHeader/TicketHeader.js +50 -22
- package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
- package/lib/lookup/header/Title/Title.js +30 -9
- package/lib/lookup/header/Title/props/propTypes.js +3 -0
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +62 -28
- package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
- package/lib/lookup/header/index.js +6 -0
- package/lib/lookup/index.js +9 -0
- package/lib/setup/header/Button/Button.js +30 -10
- package/lib/setup/header/Button/props/propTypes.js +3 -0
- package/lib/setup/header/Link/Link.js +33 -11
- package/lib/setup/header/Link/props/propTypes.js +3 -0
- package/lib/setup/header/Search/Search.js +34 -12
- package/lib/setup/header/Search/props/propTypes.js +3 -0
- package/lib/setup/header/Views/Views.js +32 -12
- package/lib/setup/header/Views/props/propTypes.js +3 -0
- package/lib/setup/header/index.js +5 -0
- package/lib/setup/helptips/Description/Description.js +24 -6
- package/lib/setup/helptips/Description/props/propTypes.js +3 -0
- package/lib/setup/helptips/Link/Link.js +32 -11
- package/lib/setup/helptips/Link/props/propTypes.js +3 -0
- package/lib/setup/helptips/ListGroup/ListGroup.js +28 -8
- package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
- package/lib/setup/helptips/Title/Title.js +24 -6
- package/lib/setup/helptips/Title/props/propTypes.js +3 -0
- package/lib/setup/helptips/index.js +5 -0
- package/lib/setup/index.js +9 -0
- package/lib/setup/table/Table/Table.js +28 -9
- package/lib/setup/table/Table/props/propTypes.js +3 -0
- package/lib/setup/table/TableBody/TableBody.js +30 -11
- package/lib/setup/table/TableBody/props/propTypes.js +3 -0
- package/lib/setup/table/TableData/TableData.js +33 -13
- package/lib/setup/table/TableData/props/propTypes.js +3 -0
- package/lib/setup/table/TableHead/TableHead.js +31 -11
- package/lib/setup/table/TableHead/props/propTypes.js +3 -0
- package/lib/setup/table/TableRow/TableRow.js +34 -14
- package/lib/setup/table/TableRow/props/propTypes.js +3 -0
- package/lib/setup/table/Text/Text.js +39 -17
- package/lib/setup/table/Text/props/propTypes.js +3 -0
- package/lib/setup/table/index.js +6 -0
- package/lib/svg/PlusIcon.js +28 -9
- package/lib/svg/SnippetIcon.js +28 -9
- package/lib/svg/TemplateIcon.js +28 -9
- package/lib/svg/index.js +4 -0
- package/lib/svg/props/propTypes.js +3 -0
- package/lib/utils/ChannelIconMapping.js +2 -0
- package/lib/utils/General.js +11 -0
- package/lib/utils/editorUtils.js +48 -13
- package/lib/version2/AlertClose/AlertClose.js +33 -11
- package/lib/version2/AlertClose/props/propTypes.js +3 -0
- package/lib/version2/GlobalNotification/GlobalNotification.js +59 -30
- package/lib/version2/GlobalNotification/props/propTypes.js +3 -0
- package/lib/version2/alertIcons/AlarmAlertIcon.js +28 -5
- package/lib/version2/alertIcons/AlertIcons.js +41 -11
- package/lib/version2/alertIcons/DangerAlertIcon.js +28 -5
- package/lib/version2/alertIcons/ErrorAlertIcon.js +28 -5
- package/lib/version2/alertIcons/InfoAlertIcon.js +28 -5
- package/lib/version2/alertIcons/NotificationAlertIcon.js +28 -5
- package/lib/version2/alertIcons/SuccessAlertIcon.js +28 -5
- package/lib/version2/alertIcons/WarningAlertIcon.js +28 -5
- package/lib/version2/alertIcons/index.js +9 -0
- package/lib/version2/alertIcons/props/propTypes.js +3 -0
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +43 -19
- package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +43 -19
- package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +43 -19
- package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +44 -20
- package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +43 -19
- package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +43 -19
- package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
- package/lib/version2/errorstate/index.js +7 -0
- package/lib/version2/index.js +14 -0
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +91 -82
- package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +24 -0
- package/lib/version2/lookup/AlertHeader/props/defaultProps.js +10 -4
- package/lib/version2/lookup/AlertHeader/props/propTypes.js +14 -4
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +84 -54
- package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
- package/lib/version2/lookup/index.js +3 -0
- package/lib/version2/notification/DesktopNotification/DesktopNotification.js +60 -38
- package/lib/version2/notification/DesktopNotification/props/propTypes.js +3 -0
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +39 -15
- package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
- package/lib/version2/notification/index.js +6 -0
- package/package.json +14 -10
- /package/es/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +0 -0
- /package/lib/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +0 -0
|
@@ -1,52 +1,90 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
var _Layout = require("@zohodesk/components/lib/Layout");
|
|
17
|
+
|
|
12
18
|
var _icons = require("@zohodesk/icons");
|
|
19
|
+
|
|
13
20
|
var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
|
|
21
|
+
|
|
14
22
|
var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
|
|
23
|
+
|
|
15
24
|
var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
|
|
25
|
+
|
|
16
26
|
var _AttachmentImage = _interopRequireDefault(require("./AttachmentImage"));
|
|
27
|
+
|
|
17
28
|
var _Link = _interopRequireDefault(require("../Link/Link"));
|
|
29
|
+
|
|
18
30
|
var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
|
|
31
|
+
|
|
19
32
|
var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
|
|
33
|
+
|
|
20
34
|
var _Attachment = require("./Attachment");
|
|
35
|
+
|
|
21
36
|
var _General = require("../utils/General");
|
|
37
|
+
|
|
22
38
|
var _AttachmentViewerModule = _interopRequireDefault(require("./AttachmentViewer.module.css"));
|
|
39
|
+
|
|
23
40
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
41
|
+
|
|
24
42
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
+
|
|
25
44
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
+
|
|
26
46
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
47
|
+
|
|
27
48
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
49
|
+
|
|
28
50
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
51
|
+
|
|
29
52
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
53
|
+
|
|
30
54
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
31
|
-
|
|
55
|
+
|
|
56
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
57
|
+
|
|
32
58
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
33
|
-
|
|
59
|
+
|
|
60
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
61
|
+
|
|
34
62
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
35
|
-
|
|
36
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
63
|
+
|
|
37
64
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
65
|
+
|
|
38
66
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
67
|
+
|
|
39
68
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
69
|
+
|
|
40
70
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
71
|
+
|
|
41
72
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
73
|
+
|
|
42
74
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
75
|
+
|
|
43
76
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
77
|
+
|
|
44
78
|
var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
45
79
|
_inherits(AttachmentViewer, _Component);
|
|
80
|
+
|
|
46
81
|
var _super = _createSuper(AttachmentViewer);
|
|
82
|
+
|
|
47
83
|
function AttachmentViewer(props) {
|
|
48
84
|
var _this;
|
|
85
|
+
|
|
49
86
|
_classCallCheck(this, AttachmentViewer);
|
|
87
|
+
|
|
50
88
|
_this = _super.call(this, props);
|
|
51
89
|
_this.state = {
|
|
52
90
|
isPViewListOpen: !!(_this.props.previewObj && _this.props.previewObj.previewData),
|
|
@@ -71,15 +109,18 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
71
109
|
_this.zoomMaintain = _this.zoomMaintain.bind(_assertThisInitialized(_this));
|
|
72
110
|
return _this;
|
|
73
111
|
}
|
|
112
|
+
|
|
74
113
|
_createClass(AttachmentViewer, [{
|
|
75
114
|
key: "componentDidUpdate",
|
|
76
115
|
value: function componentDidUpdate(prevProps) {
|
|
77
116
|
var previewObj = this.props.previewObj;
|
|
78
117
|
var indexChanged = previewObj.selectedIndex != prevProps.previewObj.selectedIndex;
|
|
118
|
+
|
|
79
119
|
if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged) {
|
|
80
120
|
var objChanged = previewObj.previewData.some(function (value, index) {
|
|
81
121
|
return (0, _General.shallowDiff)(value, prevProps.previewObj[index]);
|
|
82
122
|
});
|
|
123
|
+
|
|
83
124
|
if (objChanged || indexChanged) {
|
|
84
125
|
this.setState({
|
|
85
126
|
selectedIndex: previewObj.selectedIndex,
|
|
@@ -98,6 +139,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
98
139
|
key: "togglePViewList",
|
|
99
140
|
value: function togglePViewList() {
|
|
100
141
|
var _this2 = this;
|
|
142
|
+
|
|
101
143
|
this.setState(function (prevState) {
|
|
102
144
|
return {
|
|
103
145
|
isPViewListOpen: !prevState.isPViewListOpen
|
|
@@ -113,6 +155,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
113
155
|
isZoomed: false
|
|
114
156
|
});
|
|
115
157
|
var img = document.getElementById("img".concat(ele));
|
|
158
|
+
|
|
116
159
|
if (img) {
|
|
117
160
|
img.classList.remove(_AttachmentViewerModule["default"].zoomedImg);
|
|
118
161
|
img.classList.add(_AttachmentViewerModule["default"].normalImg);
|
|
@@ -128,6 +171,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
128
171
|
var img = document.getElementById("img".concat(ele));
|
|
129
172
|
var ratio = 95;
|
|
130
173
|
var imgContainer, imgUnits, imgSize, imgRatio, imgContainerUnits, imgContainerPosition;
|
|
174
|
+
|
|
131
175
|
if (moveToPosition) {
|
|
132
176
|
imgContainer = document.getElementById("imgBox".concat(ele));
|
|
133
177
|
imgUnits = img.getBoundingClientRect();
|
|
@@ -148,10 +192,12 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
148
192
|
left: 0
|
|
149
193
|
};
|
|
150
194
|
}
|
|
195
|
+
|
|
151
196
|
if (img) {
|
|
152
197
|
img.classList.remove(_AttachmentViewerModule["default"].normalImg);
|
|
153
198
|
img.classList.add(_AttachmentViewerModule["default"].zoomedImg);
|
|
154
199
|
}
|
|
200
|
+
|
|
155
201
|
if (moveToPosition) {
|
|
156
202
|
imgContainer.scrollLeft = (event.pageX - imgContainerPosition.left - imgUnits.left) * imgRatio.width;
|
|
157
203
|
imgContainer.scrollTop = (event.pageY - imgContainerPosition.top - imgUnits.top) * imgRatio.height;
|
|
@@ -167,11 +213,13 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
167
213
|
key: "getUpdateDataList",
|
|
168
214
|
value: function getUpdateDataList(_ref) {
|
|
169
215
|
var index = _ref.index,
|
|
170
|
-
|
|
171
|
-
|
|
216
|
+
data = _ref.data,
|
|
217
|
+
dataList = _ref.dataList;
|
|
172
218
|
data = data || this.state.data;
|
|
173
219
|
dataList = dataList || this.state.dataList;
|
|
220
|
+
|
|
174
221
|
var finalDataList = _toConsumableArray(dataList);
|
|
222
|
+
|
|
175
223
|
if (index >= finalDataList.length) {
|
|
176
224
|
for (var i = dataList.length; i <= index; i++) {
|
|
177
225
|
finalDataList.push(data.slice(i)[0]);
|
|
@@ -179,6 +227,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
179
227
|
} else if (index + 1 === finalDataList.length && index + 1 < data.length) {
|
|
180
228
|
finalDataList.push(data.slice(index + 1)[0]);
|
|
181
229
|
}
|
|
230
|
+
|
|
182
231
|
return finalDataList;
|
|
183
232
|
}
|
|
184
233
|
}, {
|
|
@@ -194,14 +243,17 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
194
243
|
key: "changeSelectedIndex",
|
|
195
244
|
value: function changeSelectedIndex(index) {
|
|
196
245
|
var _this3 = this;
|
|
246
|
+
|
|
197
247
|
var _this$state = this.state,
|
|
198
|
-
|
|
199
|
-
|
|
248
|
+
data = _this$state.data,
|
|
249
|
+
selectedIndex = _this$state.selectedIndex;
|
|
200
250
|
var maintainZoom = this.props.maintainZoom;
|
|
201
251
|
maintainZoom ? this.zoomMaintain(index) : this.zoomOut(selectedIndex);
|
|
252
|
+
|
|
202
253
|
if (index <= data.length - 1) {
|
|
203
254
|
this.updateDataList(index);
|
|
204
255
|
}
|
|
256
|
+
|
|
205
257
|
this.setState({
|
|
206
258
|
selectedIndex: index
|
|
207
259
|
}, function () {
|
|
@@ -212,6 +264,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
212
264
|
key: "focusSelectedImg",
|
|
213
265
|
value: function focusSelectedImg(index) {
|
|
214
266
|
var ele = this["img_".concat(index)];
|
|
267
|
+
|
|
215
268
|
if (ele) {
|
|
216
269
|
var cont = this.imgListCont;
|
|
217
270
|
cont.scrollLeft = ele.offsetLeft;
|
|
@@ -240,13 +293,16 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
240
293
|
key: "imgPreviewView",
|
|
241
294
|
value: function imgPreviewView() {
|
|
242
295
|
var _this4 = this;
|
|
296
|
+
|
|
243
297
|
var _this$state2 = this.state,
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
298
|
+
dataList = _this$state2.dataList,
|
|
299
|
+
selectedIndex = _this$state2.selectedIndex,
|
|
300
|
+
isZoomed = _this$state2.isZoomed;
|
|
247
301
|
var maintainZoom = this.props.maintainZoom;
|
|
302
|
+
|
|
248
303
|
var getImgStyle = function getImgStyle(i) {
|
|
249
304
|
var position;
|
|
305
|
+
|
|
250
306
|
if (selectedIndex < i) {
|
|
251
307
|
position = (i - selectedIndex) * 100;
|
|
252
308
|
return {
|
|
@@ -254,18 +310,21 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
254
310
|
opacity: '0'
|
|
255
311
|
};
|
|
256
312
|
}
|
|
313
|
+
|
|
257
314
|
if (i === selectedIndex) {
|
|
258
315
|
return {
|
|
259
316
|
transform: 'translateX(0%)',
|
|
260
317
|
opacity: '1'
|
|
261
318
|
};
|
|
262
319
|
}
|
|
320
|
+
|
|
263
321
|
position = (selectedIndex - i) * 100 * -1;
|
|
264
322
|
return {
|
|
265
323
|
transform: "translateX(".concat(parseInt(position), "%)"),
|
|
266
324
|
opacity: '0'
|
|
267
325
|
};
|
|
268
326
|
};
|
|
327
|
+
|
|
269
328
|
return dataList.length && dataList.map(function () {
|
|
270
329
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
271
330
|
var i = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -305,28 +364,32 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
305
364
|
key: "render",
|
|
306
365
|
value: function render() {
|
|
307
366
|
var _this5 = this;
|
|
367
|
+
|
|
308
368
|
var _this$state3 = this.state,
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
369
|
+
isPViewListOpen = _this$state3.isPViewListOpen,
|
|
370
|
+
selectedIndex = _this$state3.selectedIndex,
|
|
371
|
+
data = _this$state3.data,
|
|
372
|
+
isZoomed = _this$state3.isZoomed;
|
|
313
373
|
var _this$props = this.props,
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
374
|
+
responsiveId = _this$props.responsiveId,
|
|
375
|
+
needDownload = _this$props.needDownload,
|
|
376
|
+
i18nKeys = _this$props.i18nKeys,
|
|
377
|
+
isActive = _this$props.isActive;
|
|
318
378
|
var totalLen = data.length;
|
|
319
379
|
var selectedAttachment = data[selectedIndex] || {};
|
|
320
380
|
var selectedImgUrl = selectedAttachment.viewUrl;
|
|
321
381
|
var downloadUrl = selectedAttachment.downloadUrl;
|
|
322
382
|
var authorHref;
|
|
323
383
|
var authorName;
|
|
384
|
+
|
|
324
385
|
var _ref3 = data[selectedIndex] ? data[selectedIndex] : {},
|
|
325
|
-
|
|
386
|
+
author = _ref3.author;
|
|
387
|
+
|
|
326
388
|
if (author) {
|
|
327
389
|
authorHref = author.href;
|
|
328
390
|
authorName = author.name;
|
|
329
391
|
}
|
|
392
|
+
|
|
330
393
|
var ariaId = this.getNextId();
|
|
331
394
|
return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
|
|
332
395
|
isActive: isActive && totalLen >= 1,
|
|
@@ -511,7 +574,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
511
574
|
className: _AttachmentViewerModule["default"].listContainer
|
|
512
575
|
}, data.map(function (item, index) {
|
|
513
576
|
var name = item.name,
|
|
514
|
-
|
|
577
|
+
viewUrl = item.viewUrl;
|
|
515
578
|
var isAudio = (0, _Attachment.isAudioFile)(name);
|
|
516
579
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
517
580
|
className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', " ").concat(isAudio ? _AttachmentViewerModule["default"].isAudio : ''),
|
|
@@ -546,13 +609,13 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
|
|
|
546
609
|
}));
|
|
547
610
|
}
|
|
548
611
|
}]);
|
|
612
|
+
|
|
549
613
|
return AttachmentViewer;
|
|
550
614
|
}(_react.Component);
|
|
615
|
+
|
|
551
616
|
exports["default"] = AttachmentViewer;
|
|
552
617
|
AttachmentViewer.propTypes = _propTypes.AttachmentViewer_propTypes;
|
|
553
|
-
AttachmentViewer.defaultProps = _defaultProps.AttachmentViewer_defaultProps;
|
|
554
|
-
|
|
555
|
-
// if (__DOCS__) {
|
|
618
|
+
AttachmentViewer.defaultProps = _defaultProps.AttachmentViewer_defaultProps; // if (__DOCS__) {
|
|
556
619
|
// AttachmentViewer.docs = {
|
|
557
620
|
// componentGroup: "Molecule"
|
|
558
621
|
// };
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.AttachmentViewer_propTypes = exports.AttachmentImage_propTypes = void 0;
|
|
7
|
+
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var AttachmentImage_propTypes = {
|
|
10
13
|
alt: _propTypes["default"].string,
|
|
11
14
|
className: _propTypes["default"].string,
|
|
@@ -4,32 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ZoomEvent = exports.Zoom = void 0;
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
9
|
-
|
|
9
|
+
|
|
10
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
11
|
+
|
|
10
12
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
11
|
-
|
|
12
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
|
+
|
|
13
14
|
var Zoom = /*#__PURE__*/function () {
|
|
14
15
|
function Zoom() {
|
|
15
16
|
_classCallCheck(this, Zoom);
|
|
17
|
+
|
|
16
18
|
var matrix = [1, 0, 0, 1, 0, 0]; // current view transform
|
|
19
|
+
|
|
17
20
|
this.m = matrix; // alias
|
|
21
|
+
|
|
18
22
|
this.scale = 1; // current scale
|
|
23
|
+
|
|
19
24
|
this.pos = {
|
|
20
25
|
x: 0,
|
|
21
26
|
y: 0
|
|
22
27
|
}; // current position of origin
|
|
28
|
+
|
|
23
29
|
this.dirty = true;
|
|
24
30
|
}
|
|
31
|
+
|
|
25
32
|
_createClass(Zoom, [{
|
|
26
33
|
key: "applyTo",
|
|
27
34
|
value: function applyTo(el) {
|
|
28
35
|
var dirty = this.dirty,
|
|
29
|
-
|
|
36
|
+
m = this.m;
|
|
37
|
+
|
|
30
38
|
if (dirty) {
|
|
31
39
|
this.update();
|
|
32
40
|
}
|
|
41
|
+
|
|
33
42
|
el.style.transform = "matrix(".concat(m[0], ",").concat(m[1], ",").concat(m[2], ",").concat(m[3], ",").concat(m[4], ",").concat(m[5], ")");
|
|
34
43
|
el.style.transformOrigin = '0 0';
|
|
35
44
|
}
|
|
@@ -38,8 +47,8 @@ var Zoom = /*#__PURE__*/function () {
|
|
|
38
47
|
value: function update() {
|
|
39
48
|
// m[4], m[5] - need to set transforms based on positions. Currently set to 0 to zoom based on center
|
|
40
49
|
var m = this.m,
|
|
41
|
-
|
|
42
|
-
|
|
50
|
+
scale = this.scale,
|
|
51
|
+
pos = this.pos;
|
|
43
52
|
this.dirty = false;
|
|
44
53
|
m[3] = m[0] = scale;
|
|
45
54
|
m[2] = m[1] = 0;
|
|
@@ -52,6 +61,7 @@ var Zoom = /*#__PURE__*/function () {
|
|
|
52
61
|
if (this.dirty) {
|
|
53
62
|
this.update();
|
|
54
63
|
}
|
|
64
|
+
|
|
55
65
|
this.pos.x += amount.x;
|
|
56
66
|
this.pos.y += amount.y;
|
|
57
67
|
this.dirty = true;
|
|
@@ -61,25 +71,32 @@ var Zoom = /*#__PURE__*/function () {
|
|
|
61
71
|
value: function scaleAt(at, amount) {
|
|
62
72
|
// at in screen coords
|
|
63
73
|
var dirty = this.dirty,
|
|
64
|
-
|
|
74
|
+
pos = this.pos;
|
|
75
|
+
|
|
65
76
|
if (dirty) {
|
|
66
77
|
this.update();
|
|
67
78
|
}
|
|
79
|
+
|
|
68
80
|
this.scale *= amount;
|
|
69
81
|
this.pos.x = at.x - (at.x - pos.x) * amount;
|
|
70
82
|
this.pos.y = at.y - (at.y - pos.y) * amount;
|
|
71
83
|
this.dirty = true;
|
|
72
84
|
}
|
|
73
85
|
}]);
|
|
86
|
+
|
|
74
87
|
return Zoom;
|
|
75
88
|
}();
|
|
89
|
+
|
|
76
90
|
exports.Zoom = Zoom;
|
|
77
91
|
;
|
|
92
|
+
|
|
78
93
|
var ZoomEvent = /*#__PURE__*/function () {
|
|
79
94
|
function ZoomEvent() {
|
|
80
95
|
_classCallCheck(this, ZoomEvent);
|
|
96
|
+
|
|
81
97
|
this.pos = [];
|
|
82
98
|
}
|
|
99
|
+
|
|
83
100
|
_createClass(ZoomEvent, [{
|
|
84
101
|
key: "on",
|
|
85
102
|
value: function on(dir, ele, zoom, event) {
|
|
@@ -97,17 +114,21 @@ var ZoomEvent = /*#__PURE__*/function () {
|
|
|
97
114
|
zoom.applyTo(ele);
|
|
98
115
|
} else if (this.pos.length) {
|
|
99
116
|
var _this$pos$pop = this.pos.pop(),
|
|
100
|
-
|
|
101
|
-
|
|
117
|
+
_x = _this$pos$pop.x,
|
|
118
|
+
_y = _this$pos$pop.y;
|
|
119
|
+
|
|
102
120
|
zoom.scaleAt({
|
|
103
121
|
x: _x,
|
|
104
122
|
y: _y
|
|
105
123
|
}, 1 / 1.6);
|
|
106
124
|
zoom.applyTo(ele);
|
|
107
125
|
}
|
|
126
|
+
|
|
108
127
|
event.preventDefault();
|
|
109
128
|
}
|
|
110
129
|
}]);
|
|
130
|
+
|
|
111
131
|
return ZoomEvent;
|
|
112
132
|
}();
|
|
133
|
+
|
|
113
134
|
exports.ZoomEvent = ZoomEvent;
|
|
@@ -1,73 +1,100 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
var _icons = require("@zohodesk/icons");
|
|
17
|
+
|
|
12
18
|
var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
|
|
19
|
+
|
|
13
20
|
var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
|
|
21
|
+
|
|
14
22
|
var _ChannelIconMapping = require("../utils/ChannelIconMapping");
|
|
23
|
+
|
|
15
24
|
var _ChannelIconModule = _interopRequireDefault(require("./ChannelIcon.module.css"));
|
|
25
|
+
|
|
16
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
+
|
|
17
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
18
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
19
32
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
20
|
-
|
|
33
|
+
|
|
34
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
35
|
+
|
|
21
36
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
22
|
-
|
|
23
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
37
|
+
|
|
24
38
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
39
|
+
|
|
25
40
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
41
|
+
|
|
26
42
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
43
|
+
|
|
27
44
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
45
|
+
|
|
28
46
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
47
|
+
|
|
29
48
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
49
|
+
|
|
30
50
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
51
|
+
|
|
31
52
|
var ChannelIcon = /*#__PURE__*/function (_Component) {
|
|
32
53
|
_inherits(ChannelIcon, _Component);
|
|
54
|
+
|
|
33
55
|
var _super = _createSuper(ChannelIcon);
|
|
56
|
+
|
|
34
57
|
function ChannelIcon(props) {
|
|
35
58
|
_classCallCheck(this, ChannelIcon);
|
|
59
|
+
|
|
36
60
|
return _super.call(this, props);
|
|
37
61
|
}
|
|
62
|
+
|
|
38
63
|
_createClass(ChannelIcon, [{
|
|
39
64
|
key: "render",
|
|
40
65
|
value: function render() {
|
|
41
66
|
var _this$props = this.props,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
67
|
+
name = _this$props.name,
|
|
68
|
+
action = _this$props.action,
|
|
69
|
+
iconSize = _this$props.iconSize,
|
|
70
|
+
iconTitle = _this$props.iconTitle,
|
|
71
|
+
size = _this$props.size,
|
|
72
|
+
topicIcon = _this$props.topicIcon,
|
|
73
|
+
topicIconTitle = _this$props.topicIconTitle,
|
|
74
|
+
topicIconSize = _this$props.topicIconSize,
|
|
75
|
+
topicIconColor = _this$props.topicIconColor,
|
|
76
|
+
iconClass = _this$props.iconClass,
|
|
77
|
+
dataId = _this$props.dataId,
|
|
78
|
+
className = _this$props.className,
|
|
79
|
+
palette = _this$props.palette,
|
|
80
|
+
textPalette = _this$props.textPalette,
|
|
81
|
+
customTextClass = _this$props.customTextClass,
|
|
82
|
+
iconColor = _this$props.iconColor,
|
|
83
|
+
needTopicBorder = _this$props.needTopicBorder,
|
|
84
|
+
topicClass = _this$props.topicClass,
|
|
85
|
+
renderIconOnly = _this$props.renderIconOnly,
|
|
86
|
+
iconName = _this$props.iconName,
|
|
87
|
+
title = _this$props.title,
|
|
88
|
+
dataSelectorId = _this$props.dataSelectorId;
|
|
64
89
|
var defaultChannelObj = name && !iconName && (0, _ChannelIconMapping.getChannelMappingObj)()[name.toUpperCase()];
|
|
65
90
|
var customizedChannelName = null;
|
|
91
|
+
|
|
66
92
|
if (!defaultChannelObj) {
|
|
67
93
|
customizedChannelName = name;
|
|
68
94
|
} else {
|
|
69
95
|
iconName = defaultChannelObj[action];
|
|
70
96
|
}
|
|
97
|
+
|
|
71
98
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
72
99
|
className: _ChannelIconModule["default"].container,
|
|
73
100
|
"data-selector-id": dataSelectorId
|
|
@@ -114,12 +141,13 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
|
|
|
114
141
|
})) : null);
|
|
115
142
|
}
|
|
116
143
|
}]);
|
|
144
|
+
|
|
117
145
|
return ChannelIcon;
|
|
118
146
|
}(_react.Component);
|
|
147
|
+
|
|
119
148
|
exports["default"] = ChannelIcon;
|
|
120
149
|
ChannelIcon.defaultProps = _defaultProps.defaultProps;
|
|
121
|
-
ChannelIcon.propTypes = _propTypes.propTypes;
|
|
122
|
-
// if (__DOCS__) {
|
|
150
|
+
ChannelIcon.propTypes = _propTypes.propTypes; // if (__DOCS__) {
|
|
123
151
|
// ChannelIcon.docs = {
|
|
124
152
|
// componentGroup: 'Atom'
|
|
125
153
|
// };
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
+
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var propTypes = {
|
|
10
13
|
action: _propTypes["default"].string,
|
|
11
14
|
className: _propTypes["default"].string,
|