@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
package/lib/Drawer/Drawer.js
CHANGED
|
@@ -1,65 +1,95 @@
|
|
|
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"] = exports.Header = exports.Footer = exports.Content = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
|
|
17
|
+
|
|
12
18
|
var _Layout = require("@zohodesk/components/lib/Layout");
|
|
19
|
+
|
|
13
20
|
var _Card = require("@zohodesk/components/lib/Card");
|
|
21
|
+
|
|
14
22
|
var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
|
|
23
|
+
|
|
15
24
|
var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
|
|
25
|
+
|
|
16
26
|
var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
|
|
27
|
+
|
|
17
28
|
var _Heading = _interopRequireDefault(require("@zohodesk/components/lib/Heading/Heading"));
|
|
29
|
+
|
|
18
30
|
var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
|
|
31
|
+
|
|
19
32
|
var _icons = require("@zohodesk/icons");
|
|
33
|
+
|
|
20
34
|
var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
|
|
35
|
+
|
|
21
36
|
var _DrawerModule = _interopRequireDefault(require("./Drawer.module.css"));
|
|
37
|
+
|
|
22
38
|
var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
|
|
39
|
+
|
|
23
40
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
41
|
+
|
|
24
42
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
|
|
43
|
+
|
|
44
|
+
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); } }
|
|
45
|
+
|
|
26
46
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
-
|
|
28
|
-
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); }
|
|
47
|
+
|
|
29
48
|
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); }
|
|
49
|
+
|
|
30
50
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
51
|
+
|
|
31
52
|
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); }; }
|
|
53
|
+
|
|
32
54
|
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); }
|
|
55
|
+
|
|
33
56
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
57
|
+
|
|
34
58
|
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; } }
|
|
59
|
+
|
|
35
60
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
61
|
+
|
|
36
62
|
var Header = /*#__PURE__*/function (_React$Component) {
|
|
37
63
|
_inherits(Header, _React$Component);
|
|
64
|
+
|
|
38
65
|
var _super = _createSuper(Header);
|
|
66
|
+
|
|
39
67
|
function Header() {
|
|
40
68
|
_classCallCheck(this, Header);
|
|
69
|
+
|
|
41
70
|
return _super.apply(this, arguments);
|
|
42
71
|
}
|
|
72
|
+
|
|
43
73
|
_createClass(Header, [{
|
|
44
74
|
key: "render",
|
|
45
75
|
value: function render() {
|
|
46
76
|
var _this$props = this.props,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
77
|
+
title = _this$props.title,
|
|
78
|
+
onClose = _this$props.onClose,
|
|
79
|
+
children = _this$props.children,
|
|
80
|
+
className = _this$props.className,
|
|
81
|
+
paddingSize = _this$props.paddingSize,
|
|
82
|
+
closeTitle = _this$props.closeTitle,
|
|
83
|
+
iconName = _this$props.iconName,
|
|
84
|
+
iconSize = _this$props.iconSize,
|
|
85
|
+
onIconClick = _this$props.onIconClick,
|
|
86
|
+
isIconBold = _this$props.isIconBold,
|
|
87
|
+
dataId = _this$props.dataId,
|
|
88
|
+
flexible = _this$props.flexible,
|
|
89
|
+
getChildren = _this$props.getChildren,
|
|
90
|
+
iconTitle = _this$props.iconTitle,
|
|
91
|
+
isBoxIcon = _this$props.isBoxIcon,
|
|
92
|
+
getTitleChildren = _this$props.getTitleChildren;
|
|
63
93
|
return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
|
|
64
94
|
customClass: "".concat(_DrawerModule["default"].header, " ").concat(_DrawerModule["default"]["".concat(paddingSize, "HeaderPadding")], " ").concat(className ? className : ''),
|
|
65
95
|
dataId: dataId
|
|
@@ -120,26 +150,33 @@ var Header = /*#__PURE__*/function (_React$Component) {
|
|
|
120
150
|
}, getChildren())) : null);
|
|
121
151
|
}
|
|
122
152
|
}]);
|
|
153
|
+
|
|
123
154
|
return Header;
|
|
124
155
|
}(_react["default"].Component);
|
|
156
|
+
|
|
125
157
|
exports.Header = Header;
|
|
126
158
|
Header.propTypes = _propTypes.Header_propTypes;
|
|
127
159
|
Header.defaultProps = _defaultProps.Header_defaultProps;
|
|
160
|
+
|
|
128
161
|
var Content = /*#__PURE__*/function (_React$Component2) {
|
|
129
162
|
_inherits(Content, _React$Component2);
|
|
163
|
+
|
|
130
164
|
var _super2 = _createSuper(Content);
|
|
165
|
+
|
|
131
166
|
function Content() {
|
|
132
167
|
_classCallCheck(this, Content);
|
|
168
|
+
|
|
133
169
|
return _super2.apply(this, arguments);
|
|
134
170
|
}
|
|
171
|
+
|
|
135
172
|
_createClass(Content, [{
|
|
136
173
|
key: "render",
|
|
137
174
|
value: function render() {
|
|
138
175
|
var _this$props2 = this.props,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
176
|
+
children = _this$props2.children,
|
|
177
|
+
className = _this$props2.className,
|
|
178
|
+
paddingSize = _this$props2.paddingSize,
|
|
179
|
+
eleRef = _this$props2.eleRef;
|
|
143
180
|
return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
|
|
144
181
|
scroll: "vertical",
|
|
145
182
|
isScrollAttribute: true,
|
|
@@ -148,25 +185,32 @@ var Content = /*#__PURE__*/function (_React$Component2) {
|
|
|
148
185
|
}, children);
|
|
149
186
|
}
|
|
150
187
|
}]);
|
|
188
|
+
|
|
151
189
|
return Content;
|
|
152
190
|
}(_react["default"].Component);
|
|
191
|
+
|
|
153
192
|
exports.Content = Content;
|
|
154
193
|
Content.propTypes = _propTypes.Content_propTypes;
|
|
194
|
+
|
|
155
195
|
var Footer = /*#__PURE__*/function (_React$Component3) {
|
|
156
196
|
_inherits(Footer, _React$Component3);
|
|
197
|
+
|
|
157
198
|
var _super3 = _createSuper(Footer);
|
|
199
|
+
|
|
158
200
|
function Footer() {
|
|
159
201
|
_classCallCheck(this, Footer);
|
|
202
|
+
|
|
160
203
|
return _super3.apply(this, arguments);
|
|
161
204
|
}
|
|
205
|
+
|
|
162
206
|
_createClass(Footer, [{
|
|
163
207
|
key: "render",
|
|
164
208
|
value: function render() {
|
|
165
209
|
var _this$props3 = this.props,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
210
|
+
paddingLeftSize = _this$props3.paddingLeftSize,
|
|
211
|
+
paddingRightClass = _this$props3.paddingRightClass,
|
|
212
|
+
children = _this$props3.children,
|
|
213
|
+
size = _this$props3.size;
|
|
170
214
|
return /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
|
|
171
215
|
size: size,
|
|
172
216
|
paddingLeftSize: paddingLeftSize,
|
|
@@ -174,17 +218,24 @@ var Footer = /*#__PURE__*/function (_React$Component3) {
|
|
|
174
218
|
}, children);
|
|
175
219
|
}
|
|
176
220
|
}]);
|
|
221
|
+
|
|
177
222
|
return Footer;
|
|
178
223
|
}(_react["default"].Component);
|
|
224
|
+
|
|
179
225
|
exports.Footer = Footer;
|
|
180
226
|
Footer.propTypes = _propTypes.Footer_propTypes;
|
|
181
227
|
Footer.defaultProps = _defaultProps.Footer_defaultProps;
|
|
228
|
+
|
|
182
229
|
var Drawer = /*#__PURE__*/function (_React$Component4) {
|
|
183
230
|
_inherits(Drawer, _React$Component4);
|
|
231
|
+
|
|
184
232
|
var _super4 = _createSuper(Drawer);
|
|
233
|
+
|
|
185
234
|
function Drawer(props) {
|
|
186
235
|
var _this;
|
|
236
|
+
|
|
187
237
|
_classCallCheck(this, Drawer);
|
|
238
|
+
|
|
188
239
|
_this = _super4.call(this, props);
|
|
189
240
|
_this.drawers = _this.drawers.bind(_assertThisInitialized(_this));
|
|
190
241
|
_this.responsiveFunc = _this.responsiveFunc.bind(_assertThisInitialized(_this));
|
|
@@ -192,28 +243,33 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
|
|
|
192
243
|
_this.createRef = /*#__PURE__*/_react["default"].createRef();
|
|
193
244
|
return _this;
|
|
194
245
|
}
|
|
246
|
+
|
|
195
247
|
_createClass(Drawer, [{
|
|
196
248
|
key: "drawers",
|
|
197
249
|
value: function drawers(uptoTablet, styleByResolutions) {
|
|
198
250
|
var _this$props4 = this.props,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
251
|
+
children = _this$props4.children,
|
|
252
|
+
size = _this$props4.size,
|
|
253
|
+
paddingSize = _this$props4.paddingSize,
|
|
254
|
+
subDrawerActive = _this$props4.subDrawerActive,
|
|
255
|
+
subDrawerChildren = _this$props4.subDrawerChildren,
|
|
256
|
+
onBodyClick = _this$props4.onBodyClick,
|
|
257
|
+
onClose = _this$props4.onClose,
|
|
258
|
+
needFocusScope = _this$props4.needFocusScope;
|
|
259
|
+
|
|
207
260
|
var childrenWithProps = _react["default"].Children.map(children, function (child) {
|
|
208
261
|
if (child.type === Header || child.type === Footer || child.type === Content) {
|
|
209
262
|
var _ref = child.props || {},
|
|
210
|
-
|
|
263
|
+
childPaddingSize = _ref.paddingSize;
|
|
264
|
+
|
|
211
265
|
return paddingSize || childPaddingSize ? /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
212
266
|
paddingSize: childPaddingSize ? childPaddingSize : paddingSize
|
|
213
267
|
}) : child;
|
|
214
268
|
}
|
|
269
|
+
|
|
215
270
|
return child;
|
|
216
271
|
});
|
|
272
|
+
|
|
217
273
|
var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
218
274
|
className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
|
|
219
275
|
"data-a11y-container-focus": false,
|
|
@@ -225,6 +281,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
|
|
|
225
281
|
onBodyClick(e);
|
|
226
282
|
}
|
|
227
283
|
}, childrenWithProps));
|
|
284
|
+
|
|
228
285
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subDrawerChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
229
286
|
className: _DrawerModule["default"].columns
|
|
230
287
|
}, /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
|
|
@@ -259,19 +316,20 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
|
|
|
259
316
|
key: "render",
|
|
260
317
|
value: function render() {
|
|
261
318
|
var _this2 = this;
|
|
319
|
+
|
|
262
320
|
var _this$props5 = this.props,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
321
|
+
needFreeze = _this$props5.needFreeze,
|
|
322
|
+
palette = _this$props5.palette,
|
|
323
|
+
isActive = _this$props5.isActive,
|
|
324
|
+
onClose = _this$props5.onClose,
|
|
325
|
+
forwardRef = _this$props5.forwardRef,
|
|
326
|
+
responsiveId = _this$props5.responsiveId,
|
|
327
|
+
subDrawerSize = _this$props5.subDrawerSize,
|
|
328
|
+
subDrawerClass = _this$props5.subDrawerClass,
|
|
329
|
+
subDrawerActive = _this$props5.subDrawerActive,
|
|
330
|
+
customClass = _this$props5.customClass,
|
|
331
|
+
needAutoZindex = _this$props5.needAutoZindex,
|
|
332
|
+
innerPortalName = _this$props5.innerPortalName;
|
|
275
333
|
return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
276
334
|
query: this.responsiveFunc,
|
|
277
335
|
responsiveId: responsiveId
|
|
@@ -314,13 +372,13 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
|
|
|
314
372
|
});
|
|
315
373
|
}
|
|
316
374
|
}]);
|
|
375
|
+
|
|
317
376
|
return Drawer;
|
|
318
377
|
}(_react["default"].Component);
|
|
378
|
+
|
|
319
379
|
exports["default"] = Drawer;
|
|
320
380
|
Drawer.propTypes = _propTypes.Drawer_propTypes;
|
|
321
|
-
Drawer.defaultProps = _defaultProps.Drawer_defaultProps;
|
|
322
|
-
|
|
323
|
-
// if (__DOCS__) {
|
|
381
|
+
Drawer.defaultProps = _defaultProps.Drawer_defaultProps; // if (__DOCS__) {
|
|
324
382
|
// Drawer.docs = {
|
|
325
383
|
// componentGroup: 'Template'
|
|
326
384
|
// };
|
package/lib/Drawer/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
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
|
});
|
|
@@ -28,6 +29,9 @@ Object.defineProperty(exports, "Header", {
|
|
|
28
29
|
return _Drawer.Header;
|
|
29
30
|
}
|
|
30
31
|
});
|
|
32
|
+
|
|
31
33
|
var _Drawer = _interopRequireWildcard(require("./Drawer"));
|
|
34
|
+
|
|
32
35
|
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); }
|
|
36
|
+
|
|
33
37
|
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; }
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Header_propTypes = exports.Footer_propTypes = exports.Drawer_propTypes = exports.Content_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 Header_propTypes = {
|
|
10
13
|
children: _propTypes["default"].node,
|
|
11
14
|
className: _propTypes["default"].string,
|
|
@@ -1,57 +1,79 @@
|
|
|
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 = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
var _ExternalLinkModule = _interopRequireDefault(require("./ExternalLink.module.css"));
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
13
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
+
|
|
14
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
|
|
23
|
+
|
|
24
|
+
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); } }
|
|
25
|
+
|
|
16
26
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
-
|
|
18
|
-
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); }
|
|
27
|
+
|
|
19
28
|
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); }
|
|
29
|
+
|
|
20
30
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
+
|
|
21
32
|
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); }; }
|
|
33
|
+
|
|
22
34
|
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); }
|
|
35
|
+
|
|
23
36
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
+
|
|
24
38
|
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; } }
|
|
39
|
+
|
|
25
40
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
+
|
|
26
42
|
var ExternalLink = /*#__PURE__*/function (_React$Component) {
|
|
27
43
|
_inherits(ExternalLink, _React$Component);
|
|
44
|
+
|
|
28
45
|
var _super = _createSuper(ExternalLink);
|
|
46
|
+
|
|
29
47
|
function ExternalLink() {
|
|
30
48
|
_classCallCheck(this, ExternalLink);
|
|
49
|
+
|
|
31
50
|
return _super.apply(this, arguments);
|
|
32
51
|
}
|
|
52
|
+
|
|
33
53
|
_createClass(ExternalLink, [{
|
|
34
54
|
key: "addHttp",
|
|
35
55
|
value: function addHttp(url) {
|
|
36
56
|
var regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
|
|
57
|
+
|
|
37
58
|
if (!regEx.test(url)) {
|
|
38
59
|
return "http://".concat(url);
|
|
39
60
|
}
|
|
61
|
+
|
|
40
62
|
return url;
|
|
41
63
|
}
|
|
42
64
|
}, {
|
|
43
65
|
key: "render",
|
|
44
66
|
value: function render() {
|
|
45
67
|
var _this$props = this.props,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
68
|
+
href = _this$props.href,
|
|
69
|
+
title = _this$props.title,
|
|
70
|
+
target = _this$props.target,
|
|
71
|
+
className = _this$props.className,
|
|
72
|
+
children = _this$props.children,
|
|
73
|
+
rel = _this$props.rel,
|
|
74
|
+
dataId = _this$props.dataId,
|
|
75
|
+
onClick = _this$props.onClick,
|
|
76
|
+
customProps = _this$props.customProps;
|
|
55
77
|
var urlOutput = href && typeof href !== 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
|
|
56
78
|
return /*#__PURE__*/_react["default"].createElement("a", _extends({
|
|
57
79
|
href: urlOutput,
|
|
@@ -64,13 +86,13 @@ var ExternalLink = /*#__PURE__*/function (_React$Component) {
|
|
|
64
86
|
}, customProps), children);
|
|
65
87
|
}
|
|
66
88
|
}]);
|
|
89
|
+
|
|
67
90
|
return ExternalLink;
|
|
68
91
|
}(_react["default"].Component);
|
|
92
|
+
|
|
69
93
|
exports["default"] = ExternalLink;
|
|
70
94
|
ExternalLink.defaultProps = _defaultProps.defaultProps;
|
|
71
|
-
ExternalLink.propTypes = _propTypes.propTypes;
|
|
72
|
-
|
|
73
|
-
// if (__DOCS__) {
|
|
95
|
+
ExternalLink.propTypes = _propTypes.propTypes; // if (__DOCS__) {
|
|
74
96
|
// ExternalLink.docs = {
|
|
75
97
|
// componentGroup: 'Atom'
|
|
76
98
|
// };
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
4
5
|
var _ExternalLink = _interopRequireDefault(require("../ExternalLink"));
|
|
6
|
+
|
|
5
7
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
+
|
|
6
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
7
11
|
describe('ExternalLink Component', function () {
|
|
8
12
|
it('should add http/https to href tag if it is not already present', function () {
|
|
9
13
|
var checkLinks = ['javascript:alert(1)', 'www.test.com', 'test.com', '#'];
|
|
@@ -11,6 +15,7 @@ describe('ExternalLink Component', function () {
|
|
|
11
15
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
|
|
12
16
|
href: link
|
|
13
17
|
}, link));
|
|
18
|
+
|
|
14
19
|
var renderedElement = ele.toJSON();
|
|
15
20
|
expect(renderedElement.props.href).toEqual("http://".concat(link));
|
|
16
21
|
});
|
|
@@ -19,11 +24,13 @@ describe('ExternalLink Component', function () {
|
|
|
19
24
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
|
|
20
25
|
href: "https://www.google.com"
|
|
21
26
|
}, "www.google.com"));
|
|
27
|
+
|
|
22
28
|
var renderedElement = ele.toJSON();
|
|
23
29
|
expect(renderedElement.props.href).toEqual('https://www.google.com');
|
|
24
30
|
});
|
|
25
31
|
it('should default to / if href is undefined', function () {
|
|
26
32
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], null, "www.google.com"));
|
|
33
|
+
|
|
27
34
|
var renderedElement = ele.toJSON();
|
|
28
35
|
expect(renderedElement.props.href).toEqual('javascript:void(0);');
|
|
29
36
|
});
|
|
@@ -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
|
children: _propTypes["default"].node,
|
|
11
14
|
className: _propTypes["default"].string,
|