@zohodesk/dot 1.0.0-temp-140 → 1.0.0-temp-141
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 +1218 -1232
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +301 -306
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +296 -301
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +304 -309
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
- package/dubFinder.js +96 -96
- package/es/ActionButton/ActionButton.module.css +139 -139
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/Attachment/Attachment.module.css +157 -157
- package/es/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/es/ChannelIcon/ChannelIcon.module.css +217 -217
- package/es/Drawer/Drawer.js +0 -0
- package/es/Drawer/Drawer.module.css +150 -189
- package/es/ExternalLink/ExternalLink.js +0 -0
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.module.css +44 -44
- package/es/FormAction/FormAction.module.css +82 -82
- package/es/FreezeLayer/FreezeLayer.js +7 -2
- package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/Image/Image.module.css +10 -10
- package/es/ImportantNotes/ImportantNotes.module.css +20 -20
- package/es/Link/Link.js +0 -0
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.module.css +46 -46
- package/es/Message/Message.module.css +102 -102
- package/es/MessageBanner/MessageBanner.module.css +46 -46
- package/es/NewStar/NewStar.module.css +175 -175
- package/es/PlusIcon/PlusIcon.js +0 -0
- package/es/PlusIcon/PlusIcon.module.css +16 -19
- package/es/Separator/Separator.module.css +34 -34
- package/es/ToastMessage/ToastMessage.js +0 -0
- package/es/ToastMessage/ToastMessage.module.css +328 -329
- package/es/Upload/Upload.module.css +125 -125
- package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/es/avatar/AvatarUser/AvatarUser.js +0 -0
- package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/es/common/dot_animation.module.css +26 -26
- package/es/common/dot_common.module.css +3 -3
- package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/es/deprecated/utils/KeyboardApi.js +25 -25
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +3 -14
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -100
- package/es/dropdown/ToggleDropDown/props/defaultProps.js +1 -3
- package/es/dropdown/ToggleDropDown/props/propTypes.js +1 -6
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/es/emptystate/EditionPage/EditionPage.css +43 -43
- package/es/errorstate/EmptyStates.module.css +87 -87
- package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.module.css +34 -34
- package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/es/form/fields/Fields.module.css +183 -183
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/es/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/form/layout/Field/Field.js +0 -0
- package/es/form/layout/Field/Field.module.css +22 -22
- package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/es/form/layout/Section/Section.js +0 -0
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/es/layout/SubtabLayout/SubtabLayout.module.css +146 -165
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +22 -25
- package/es/list/GridStencils/GridStencils.module.css +146 -146
- package/es/list/Icons/Icons.module.css +16 -16
- package/es/list/ListLayout/ListLayout.module.css +57 -57
- package/es/list/ListStencils/ListStencils.module.css +67 -67
- package/es/list/SecondaryText/SecondaryText.module.css +136 -136
- package/es/list/SecondaryText/Website.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.module.css +115 -117
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/list/UserTime/UserTime.module.css +58 -58
- package/es/list/listCommon.module.css +60 -60
- package/es/list/status/StatusDropdown/StatusDropdown.js +1 -3
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/es/list/status/StatusDropdown/props/defaultProps.js +1 -2
- package/es/list/status/StatusDropdown/props/propTypes.js +1 -2
- package/es/list/status/StatusListItem/StatusListItem.js +3 -4
- package/es/list/status/StatusListItem/StatusListItem.module.css +104 -109
- package/es/list/status/StatusListItem/props/defaultProps.js +1 -2
- package/es/list/status/StatusListItem/props/propTypes.js +0 -1
- package/es/lookup/EmptyPage/EmptyPage.js +0 -0
- package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/es/lookup/Lookup/DraggerUtil.js +31 -0
- package/es/lookup/Lookup/Lookup.js +0 -0
- package/es/lookup/Lookup/Lookup.module.css +33 -26
- package/es/lookup/Lookup/useDragger.js +65 -0
- package/es/lookup/Section/LookupSection.module.css +8 -8
- package/es/lookup/Section/Section.js +1 -0
- package/es/lookup/header/Close/LookupClose.module.css +15 -15
- package/es/lookup/header/Search/LookupSearch.module.css +57 -57
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/es/setup/header/Button/HeaderButton.module.css +5 -5
- package/es/setup/header/Link/HeaderLink.module.css +21 -21
- package/es/setup/header/Search/Search.module.css +68 -68
- package/es/setup/header/Views/Views.module.css +37 -37
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/es/setup/helptips/Link/Link.js +0 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/es/setup/helptips/Title/Title.js +0 -0
- package/es/setup/table/TableData/SetupTableData.module.css +44 -44
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +0 -0
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +2 -2
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/lookup/AlertHeader/AlertHeader.js +2 -1
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +88 -86
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -127
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/install.md +12 -12
- package/lib/ActionButton/ActionButton.js +3 -1
- package/lib/ActionButton/ActionButton.module.css +139 -139
- package/lib/AlphabeticList/AlphabeticList.js +3 -1
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/AlphabeticList/props/propTypes.js +1 -1
- package/lib/Attachment/Attachment.js +3 -1
- package/lib/Attachment/Attachment.module.css +157 -157
- package/lib/AttachmentViewer/AttachmentImage.js +3 -1
- package/lib/AttachmentViewer/AttachmentViewer.js +4 -2
- package/lib/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/lib/AttachmentViewer/utils.js +4 -1
- package/lib/ChannelIcon/ChannelIcon.js +3 -1
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/Drawer/Drawer.js +3 -1
- package/lib/Drawer/Drawer.module.css +150 -189
- package/lib/ExternalLink/ExternalLink.js +3 -1
- package/lib/ExternalLink/ExternalLink.module.css +3 -3
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/lib/FlipCard/FlipCard.js +3 -1
- package/lib/FlipCard/FlipCard.module.css +44 -44
- package/lib/FormAction/FormAction.js +3 -1
- package/lib/FormAction/FormAction.module.css +82 -82
- package/lib/FreezeLayer/FreezeLayer.js +10 -2
- package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
- package/lib/FreezeLayer/css/cssJSLogic.js +4 -1
- package/lib/FreezeLayer/useFreezeLayer.js +2 -2
- package/lib/IconButton/IconButton.js +3 -1
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/IconButton/props/propTypes.js +4 -1
- package/lib/Image/Image.js +3 -1
- package/lib/Image/Image.module.css +10 -10
- package/lib/ImportantNotes/ImportantNotes.js +3 -1
- package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
- package/lib/Link/Link.js +3 -1
- package/lib/Link/Link.module.css +3 -3
- package/lib/Loader/Loader.js +3 -1
- package/lib/Loader/Loader.module.css +46 -46
- package/lib/Message/Message.js +3 -1
- package/lib/Message/Message.module.css +102 -102
- package/lib/MessageBanner/MessageBanner.js +3 -1
- package/lib/MessageBanner/MessageBanner.module.css +46 -46
- package/lib/NewStar/NewStar.js +3 -1
- package/lib/NewStar/NewStar.module.css +175 -175
- package/lib/PlusIcon/PlusIcon.js +3 -1
- package/lib/PlusIcon/PlusIcon.module.css +16 -19
- package/lib/Separator/Separator.js +3 -1
- package/lib/Separator/Separator.module.css +34 -34
- package/lib/ToastMessage/ToastMessage.js +2 -2
- package/lib/ToastMessage/ToastMessage.module.css +328 -329
- package/lib/Upload/Upload.js +3 -1
- package/lib/Upload/Upload.module.css +125 -125
- package/lib/actions/AutoClose.js +2 -2
- package/lib/alert/AlertHeader/AlertHeader.js +3 -1
- package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/lib/alert/AlertLookup/AlertLookup.js +3 -1
- package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/lib/avatar/AvatarClose/AvatarClose.js +3 -1
- package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -1
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -1
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -1
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/lib/avatar/AvatarStatus/props/propTypes.js +4 -1
- package/lib/avatar/AvatarThread/AvatarThread.js +3 -1
- package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/lib/avatar/AvatarUser/AvatarUser.js +5 -2
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -1
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/common/dot_animation.module.css +26 -26
- package/lib/common/dot_common.module.css +3 -3
- package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -1
- package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -1
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/lib/deprecated/utils/KeyboardApi.js +29 -26
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +7 -16
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -100
- package/lib/dropdown/ToggleDropDown/props/defaultProps.js +1 -3
- package/lib/dropdown/ToggleDropDown/props/propTypes.js +1 -6
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +3 -1
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/emptystate/EditionPage/EditionPage.js +3 -1
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.js +3 -1
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/LinkText/LinkText.js +3 -1
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -1
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -1
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -1
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -1
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/WillBack/WillBack.js +3 -1
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +3 -1
- package/lib/form/fields/CheckBoxField/props/defaultProps.js +4 -1
- package/lib/form/fields/CheckBoxField/props/propTypes.js +4 -1
- package/lib/form/fields/CurrencyField/CurrencyField.js +3 -1
- package/lib/form/fields/CurrencyField/props/defaultProps.js +4 -1
- package/lib/form/fields/CurrencyField/props/propTypes.js +4 -1
- package/lib/form/fields/DateField/DateField.js +3 -1
- package/lib/form/fields/DateField/props/defaultProps.js +4 -1
- package/lib/form/fields/DateField/props/propTypes.js +4 -1
- package/lib/form/fields/FieldContainer/FieldContainer.js +3 -1
- package/lib/form/fields/FieldContainer/props/defaultProps.js +4 -1
- package/lib/form/fields/FieldContainer/props/propTypes.js +4 -1
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +3 -1
- package/lib/form/fields/MultiSelectField/props/defaultProps.js +4 -1
- package/lib/form/fields/MultiSelectField/props/propTypes.js +4 -1
- package/lib/form/fields/PhoneField/PhoneField.js +3 -1
- package/lib/form/fields/RadioField/RadioField.js +3 -1
- package/lib/form/fields/SelectField/SelectField.js +3 -1
- package/lib/form/fields/SelectField/props/defaultProps.js +4 -1
- package/lib/form/fields/SelectField/props/propTypes.js +4 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +4 -1
- package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +4 -1
- package/lib/form/fields/TextBoxField/TextBoxField.js +3 -1
- package/lib/form/fields/TextBoxField/props/defaultProps.js +4 -1
- package/lib/form/fields/TextBoxField/props/propTypes.js +4 -1
- package/lib/form/fields/TextEditor/TextEditor.js +4 -2
- package/lib/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/lib/form/fields/TextEditorField/TextEditorField.js +3 -1
- package/lib/form/fields/TextEditorField/props/defaultProps.js +4 -1
- package/lib/form/fields/TextEditorField/props/propTypes.js +4 -1
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +5 -2
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/lib/form/fields/TextareaField/TextareaField.js +3 -1
- package/lib/form/fields/TextareaField/props/defaultProps.js +4 -1
- package/lib/form/fields/TextareaField/props/propTypes.js +4 -1
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -1
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/form/layout/Field/Field.js +3 -1
- package/lib/form/layout/Field/Field.module.css +22 -22
- package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/lib/form/layout/Section/Section.js +3 -1
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +3 -1
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/lib/layout/SubtabLayout/SubtabLayout.js +3 -1
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -165
- package/lib/list/AvatarFlip/AvatarFlip.js +3 -1
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -1
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/lib/list/Comment/Comment.js +3 -1
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -1
- package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/lib/list/DepartmentDropDown/props/propTypes.js +4 -1
- package/lib/list/Dot/Dot.js +3 -1
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/DotNew/DotNew.js +3 -1
- package/lib/list/DotNew/DotNew.module.css +22 -25
- package/lib/list/GridStencils/GridStencils.js +3 -1
- package/lib/list/GridStencils/GridStencils.module.css +146 -146
- package/lib/list/Icons/AddNewIcon.js +3 -1
- package/lib/list/Icons/CompleteIcon.js +3 -1
- package/lib/list/Icons/DeleteIcon.js +3 -1
- package/lib/list/Icons/EditIcon.js +3 -1
- package/lib/list/Icons/FloatingIcons.js +3 -1
- package/lib/list/Icons/Icons.module.css +16 -16
- package/lib/list/Icons/ReadUnreadIcon.js +3 -1
- package/lib/list/Icons/SmartIcon.js +3 -1
- package/lib/list/ListLayout/ListLayout.js +3 -1
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListLayout/props/propTypes.js +4 -1
- package/lib/list/ListStencils/ListStencils.js +3 -1
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/SecondaryText/AccountName.js +3 -1
- package/lib/list/SecondaryText/ContactName.js +3 -1
- package/lib/list/SecondaryText/DepartmentText.js +3 -1
- package/lib/list/SecondaryText/Email.js +3 -1
- package/lib/list/SecondaryText/HappinessRating.js +3 -1
- package/lib/list/SecondaryText/PhoneNumber.js +3 -1
- package/lib/list/SecondaryText/PriorityText.js +3 -1
- package/lib/list/SecondaryText/SecondaryText.js +3 -1
- package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
- package/lib/list/SecondaryText/StatusText.js +3 -1
- package/lib/list/SecondaryText/TicketId.js +3 -1
- package/lib/list/SecondaryText/Website.js +3 -1
- package/lib/list/SecondryPanel/SecondryPanel.js +3 -1
- package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/lib/list/SentimentStatus/SentimentStatus.js +3 -1
- package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/lib/list/Subject/Subject.js +3 -1
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/TagNew/TagNew.js +3 -1
- package/lib/list/TagNew/TagNew.module.css +115 -117
- package/lib/list/Thread/Thread.js +3 -1
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/UserTime/UserTime.js +3 -1
- package/lib/list/UserTime/UserTime.module.css +58 -58
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.js +4 -4
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/lib/list/status/StatusDropdown/props/defaultProps.js +1 -2
- package/lib/list/status/StatusDropdown/props/propTypes.js +5 -2
- package/lib/list/status/StatusListItem/StatusListItem.js +6 -5
- package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -109
- package/lib/list/status/StatusListItem/props/defaultProps.js +1 -2
- package/lib/list/status/StatusListItem/props/propTypes.js +0 -1
- package/lib/lookup/EmptyPage/EmptyPage.js +3 -1
- package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/lib/lookup/Lookup/DraggerUtil.js +63 -0
- package/lib/lookup/Lookup/Lookup.js +5 -2
- package/lib/lookup/Lookup/Lookup.module.css +33 -26
- package/lib/lookup/Lookup/useDragger.js +70 -0
- package/lib/lookup/Section/LookupSection.module.css +8 -8
- package/lib/lookup/Section/Section.js +4 -1
- package/lib/lookup/header/Close/Close.js +3 -1
- package/lib/lookup/header/Close/LookupClose.module.css +15 -15
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -2
- package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
- package/lib/lookup/header/Search/Search.js +3 -1
- package/lib/lookup/header/TicketHeader/TicketHeader.js +5 -2
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
- package/lib/lookup/header/Title/Title.js +3 -1
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -1
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/setup/header/Button/Button.js +3 -1
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Link/Link.js +3 -1
- package/lib/setup/header/Search/Search.js +3 -1
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Views/Views.js +3 -1
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/helptips/Description/Description.js +3 -1
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +3 -1
- package/lib/setup/helptips/ListGroup/ListGroup.js +3 -1
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +3 -1
- package/lib/setup/table/Table/Table.js +3 -1
- package/lib/setup/table/TableBody/TableBody.js +3 -1
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/TableData.js +3 -1
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableHead/TableHead.js +3 -1
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/TableRow/TableRow.js +3 -1
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +3 -1
- package/lib/svg/PlusIcon.js +4 -2
- package/lib/svg/SnippetIcon.js +5 -3
- package/lib/svg/TemplateIcon.js +3 -1
- package/lib/version2/AlertClose/AlertClose.js +3 -1
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.js +3 -1
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/lib/version2/alertIcons/AlarmAlertIcon.js +3 -1
- package/lib/version2/alertIcons/AlertIcons.js +3 -1
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/alertIcons/DangerAlertIcon.js +3 -1
- package/lib/version2/alertIcons/ErrorAlertIcon.js +3 -1
- package/lib/version2/alertIcons/InfoAlertIcon.js +3 -1
- package/lib/version2/alertIcons/NotificationAlertIcon.js +3 -1
- package/lib/version2/alertIcons/SuccessAlertIcon.js +3 -1
- package/lib/version2/alertIcons/WarningAlertIcon.js +3 -1
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -1
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -1
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -1
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -1
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -1
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +5 -2
- package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +88 -86
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -1
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -127
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -1
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/package.json +106 -106
- package/css_error.log +0 -65
- package/es/common/dot_boxShadow.module.css +0 -38
- package/lib/common/dot_boxShadow.module.css +0 -38
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: relative;
|
|
3
|
-
line-height: var(--zd_size18);
|
|
4
|
-
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
5
|
-
padding: var(--zd_size3) var(--zd_size15);
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
}[dir=ltr] .container {
|
|
8
|
-
margin-left: var(--zd_size15);
|
|
9
|
-
}[dir=rtl] .container {
|
|
10
|
-
margin-right: var(--zd_size15);
|
|
11
|
-
}
|
|
12
|
-
.container:hover {
|
|
13
|
-
background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
|
|
14
|
-
}
|
|
15
|
-
.departName {
|
|
16
|
-
font-size: var(--zd_font_size13);
|
|
17
|
-
color: var(--zdt_selectdropdown_departname_text);
|
|
18
|
-
composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
|
|
19
|
-
}
|
|
20
|
-
.departIcon {
|
|
21
|
-
color: var(--zdt_selectdropdown_departicon);
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
}
|
|
24
|
-
[dir=ltr] .departIcon {
|
|
25
|
-
margin-left: var(--zd_size5);
|
|
26
|
-
}
|
|
27
|
-
[dir=rtl] .departIcon {
|
|
28
|
-
margin-right: var(--zd_size5);
|
|
29
|
-
}
|
|
30
|
-
.rulesPopup {
|
|
31
|
-
max-height: var(--zd_size260);
|
|
32
|
-
padding: var(--zd_size10) 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.rulesDepart {
|
|
36
|
-
margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
|
|
37
|
-
}
|
|
38
|
-
.searchDepart {
|
|
39
|
-
padding: 0 var(--zd_size20);
|
|
40
|
-
margin: 0 0 var(--zd_size10) 0;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/*Variables */
|
|
44
|
-
/* select dropdown */
|
|
45
|
-
|
|
46
|
-
[data-mode='dark'] {
|
|
47
|
-
--zdt_selectdropdown_hover_bg: var(--dot_smoke64);
|
|
48
|
-
--zdt_selectdropdown_departname_text: var(--zd_dark4);
|
|
49
|
-
--zdt_selectdropdown_departicon: var(--zd_dark5);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
[data-mode='default'] {
|
|
53
|
-
--zdt_selectdropdown_hover_bg: var(--dot_smoke64);
|
|
54
|
-
--zdt_selectdropdown_departname_text: var(--zd_dark4);
|
|
55
|
-
--zdt_selectdropdown_departicon: var(--zd_dark5);
|
|
56
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
position: relative;
|
|
3
|
+
line-height: var(--zd_size18);
|
|
4
|
+
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
5
|
+
padding: var(--zd_size3) var(--zd_size15);
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
}[dir=ltr] .container {
|
|
8
|
+
margin-left: var(--zd_size15);
|
|
9
|
+
}[dir=rtl] .container {
|
|
10
|
+
margin-right: var(--zd_size15);
|
|
11
|
+
}
|
|
12
|
+
.container:hover {
|
|
13
|
+
background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
|
|
14
|
+
}
|
|
15
|
+
.departName {
|
|
16
|
+
font-size: var(--zd_font_size13);
|
|
17
|
+
color: var(--zdt_selectdropdown_departname_text);
|
|
18
|
+
composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
|
|
19
|
+
}
|
|
20
|
+
.departIcon {
|
|
21
|
+
color: var(--zdt_selectdropdown_departicon);
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
}
|
|
24
|
+
[dir=ltr] .departIcon {
|
|
25
|
+
margin-left: var(--zd_size5);
|
|
26
|
+
}
|
|
27
|
+
[dir=rtl] .departIcon {
|
|
28
|
+
margin-right: var(--zd_size5);
|
|
29
|
+
}
|
|
30
|
+
.rulesPopup {
|
|
31
|
+
max-height: var(--zd_size260);
|
|
32
|
+
padding: var(--zd_size10) 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.rulesDepart {
|
|
36
|
+
margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
|
|
37
|
+
}
|
|
38
|
+
.searchDepart {
|
|
39
|
+
padding: 0 var(--zd_size20);
|
|
40
|
+
margin: 0 0 var(--zd_size10) 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/*Variables */
|
|
44
|
+
/* select dropdown */
|
|
45
|
+
|
|
46
|
+
[data-mode='dark'] {
|
|
47
|
+
--zdt_selectdropdown_hover_bg: var(--dot_smoke64);
|
|
48
|
+
--zdt_selectdropdown_departname_text: var(--zd_dark4);
|
|
49
|
+
--zdt_selectdropdown_departicon: var(--zd_dark5);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
[data-mode='default'] {
|
|
53
|
+
--zdt_selectdropdown_hover_bg: var(--dot_smoke64);
|
|
54
|
+
--zdt_selectdropdown_departname_text: var(--zd_dark4);
|
|
55
|
+
--zdt_selectdropdown_departicon: var(--zd_dark5);
|
|
56
|
+
}
|
|
@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Shortcut = Shortcut;
|
|
7
7
|
exports.keycallback = keycallback;
|
|
8
|
-
function
|
|
8
|
+
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); }
|
|
9
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
11
|
+
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); }
|
|
9
12
|
//$Id$
|
|
10
13
|
var isShortCutEnabled;
|
|
11
14
|
var showShortcut = {};
|
|
@@ -60,10 +63,10 @@ Shortcut.addAll = function (keysObj, props) {
|
|
|
60
63
|
});
|
|
61
64
|
};
|
|
62
65
|
|
|
63
|
-
/**
|
|
64
|
-
* @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
|
|
65
|
-
* @param callback = any function
|
|
66
|
-
* @param action = keypress or keydown or keyup
|
|
66
|
+
/**
|
|
67
|
+
* @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
|
|
68
|
+
* @param callback = any function
|
|
69
|
+
* @param action = keypress or keydown or keyup
|
|
67
70
|
*/
|
|
68
71
|
|
|
69
72
|
Shortcut.bulkAdd = function (shortcutArray) {
|
|
@@ -92,8 +95,8 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
|
|
|
92
95
|
tempjson.action = action || 'keypress';
|
|
93
96
|
shortcutdatas[keycombo.toLowerCase()] = tempjson;
|
|
94
97
|
};
|
|
95
|
-
/*Shortcut.prototype.remove = function(){
|
|
96
|
-
|
|
98
|
+
/*Shortcut.prototype.remove = function(){
|
|
99
|
+
|
|
97
100
|
};*/
|
|
98
101
|
Shortcut.removeAll = function () {
|
|
99
102
|
shortcutdatas = {};
|
|
@@ -219,25 +222,25 @@ function _convertToKeyCharacter(e) {
|
|
|
219
222
|
return keyName;
|
|
220
223
|
}
|
|
221
224
|
function _defaultCallBack(keycombo, keyOptions) {
|
|
222
|
-
/*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
|
|
223
|
-
if (keyOptions.callbackflow !== undefined) {
|
|
224
|
-
keycombo = keyOptions.callbackflow.split(',');
|
|
225
|
-
var click = function(i, combo) {
|
|
226
|
-
setTimeout(function() {
|
|
227
|
-
jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
|
|
228
|
-
}, i * 200);
|
|
229
|
-
};
|
|
230
|
-
for (var i = 0; i < keycombo.length; i++) {
|
|
231
|
-
var clickFunc = click.bind(this, i);
|
|
232
|
-
clickFunc(keycombo[i]);
|
|
233
|
-
highLightKeys(keycombo[i]);
|
|
234
|
-
}
|
|
235
|
-
return;
|
|
236
|
-
}
|
|
237
|
-
if (keyElement.length === 1) {
|
|
238
|
-
keyElement.trigger('click');
|
|
239
|
-
highLightKeys(keycombo);
|
|
240
|
-
return;
|
|
225
|
+
/*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
|
|
226
|
+
if (keyOptions.callbackflow !== undefined) {
|
|
227
|
+
keycombo = keyOptions.callbackflow.split(',');
|
|
228
|
+
var click = function(i, combo) {
|
|
229
|
+
setTimeout(function() {
|
|
230
|
+
jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
|
|
231
|
+
}, i * 200);
|
|
232
|
+
};
|
|
233
|
+
for (var i = 0; i < keycombo.length; i++) {
|
|
234
|
+
var clickFunc = click.bind(this, i);
|
|
235
|
+
clickFunc(keycombo[i]);
|
|
236
|
+
highLightKeys(keycombo[i]);
|
|
237
|
+
}
|
|
238
|
+
return;
|
|
239
|
+
}
|
|
240
|
+
if (keyElement.length === 1) {
|
|
241
|
+
keyElement.trigger('click');
|
|
242
|
+
highLightKeys(keycombo);
|
|
243
|
+
return;
|
|
241
244
|
}*/
|
|
242
245
|
}
|
|
243
246
|
function _shortRestrictionPlaces(e) {
|
|
@@ -30,10 +30,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
30
30
|
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); }
|
|
31
31
|
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; }
|
|
32
32
|
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); }
|
|
33
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
34
34
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
|
-
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
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
36
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; }
|
|
37
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
38
|
+
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
39
|
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); }
|
|
38
40
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
41
|
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); }; }
|
|
@@ -566,9 +568,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
566
568
|
hoverType = _this$props12.hoverType,
|
|
567
569
|
palette = _this$props12.palette,
|
|
568
570
|
getFooter = _this$props12.getFooter,
|
|
569
|
-
customProps = _this$props12.customProps
|
|
570
|
-
needMultiLineText = _this$props12.needMultiLineText,
|
|
571
|
-
customClass = _this$props12.customClass;
|
|
571
|
+
customProps = _this$props12.customProps;
|
|
572
572
|
var _customProps$ToggleDr = customProps.ToggleDropDownProps,
|
|
573
573
|
ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr,
|
|
574
574
|
_customProps$DropBoxP = customProps.DropBoxProps,
|
|
@@ -579,10 +579,6 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
579
579
|
ListItemWithIconProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
|
|
580
580
|
_customProps$ListItem2 = customProps.ListItemProps,
|
|
581
581
|
ListItemProps = _customProps$ListItem2 === void 0 ? {} : _customProps$ListItem2;
|
|
582
|
-
var _customClass$customDr = customClass.customDropBox,
|
|
583
|
-
customDropBox = _customClass$customDr === void 0 ? '' : _customClass$customDr,
|
|
584
|
-
_customClass$customLi = customClass.customListBox,
|
|
585
|
-
customListBox = _customClass$customLi === void 0 ? '' : _customClass$customLi;
|
|
586
582
|
var isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
|
|
587
583
|
var Component = isToggleStateNeeded ? children.type : null,
|
|
588
584
|
componentProps = isToggleStateNeeded ? children.props : null;
|
|
@@ -664,8 +660,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
664
660
|
isAnimate: true,
|
|
665
661
|
getRef: getContainerRef,
|
|
666
662
|
customClass: {
|
|
667
|
-
customDropBoxWrap: _ToggleDropDownModule["default"].dropBoxContainer
|
|
668
|
-
customDropBox: customDropBox
|
|
663
|
+
customDropBoxWrap: _ToggleDropDownModule["default"].dropBoxContainer
|
|
669
664
|
},
|
|
670
665
|
needResponsive: needResponsive,
|
|
671
666
|
isPadding: isPadding,
|
|
@@ -711,7 +706,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
711
706
|
scroll: "vertical",
|
|
712
707
|
preventParentScroll: "vertical",
|
|
713
708
|
dataId: "".concat(dataId, "_list"),
|
|
714
|
-
className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt
|
|
709
|
+
className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt),
|
|
715
710
|
eleRef: _this6.scrollContentRef,
|
|
716
711
|
onScroll: _this6.handleScroll,
|
|
717
712
|
role: isSearch ? 'listbox' : undefined,
|
|
@@ -762,7 +757,6 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
762
757
|
getRef: _this6.itemRef,
|
|
763
758
|
title: title ? title : item[keyName],
|
|
764
759
|
palette: palette,
|
|
765
|
-
needMultiLineText: needMultiLineText,
|
|
766
760
|
a11y: {
|
|
767
761
|
role: isSearch ? 'option' : 'menuitem',
|
|
768
762
|
ariaSelected: selectedId === item[idName],
|
|
@@ -785,7 +779,6 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
785
779
|
getRef: _this6.itemRef,
|
|
786
780
|
title: title ? title : item[keyName],
|
|
787
781
|
palette: palette,
|
|
788
|
-
needMultiLineText: needMultiLineText,
|
|
789
782
|
a11y: {
|
|
790
783
|
role: isSearch ? 'option' : 'menuitem',
|
|
791
784
|
ariaSelected: selectedId === item[idName],
|
|
@@ -833,7 +826,6 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
833
826
|
title: title ? title : item[keyName],
|
|
834
827
|
key: listIndex,
|
|
835
828
|
palette: palette,
|
|
836
|
-
needMultiLineText: needMultiLineText,
|
|
837
829
|
a11y: {
|
|
838
830
|
role: isSearch ? 'option' : 'menuitem',
|
|
839
831
|
ariaSelected: selectedId === item[idName],
|
|
@@ -856,7 +848,6 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
856
848
|
getRef: _this6.itemRef,
|
|
857
849
|
title: title ? title : item[keyName],
|
|
858
850
|
palette: palette,
|
|
859
|
-
needMultiLineText: needMultiLineText,
|
|
860
851
|
a11y: {
|
|
861
852
|
role: isSearch ? 'option' : 'menuitem',
|
|
862
853
|
ariaSelected: selectedId === item[idName],
|
|
@@ -1,100 +1,101 @@
|
|
|
1
|
-
.wrapper {
|
|
2
|
-
position: relative;
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
}
|
|
5
|
-
.maxHgt {
|
|
6
|
-
max-height: var(--zd_size265);
|
|
7
|
-
padding: var(--zd_size10) 0;
|
|
8
|
-
}
|
|
9
|
-
.responsivemaxHgt {
|
|
10
|
-
padding: 0;
|
|
11
|
-
}
|
|
12
|
-
.title {
|
|
13
|
-
padding-top: var(--zd_size6);
|
|
14
|
-
}
|
|
15
|
-
[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
|
|
16
|
-
padding: 0 0 0 var(--zd_size5);
|
|
17
|
-
}
|
|
18
|
-
[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
|
|
19
|
-
padding: 0 var(--zd_size5) 0 0;
|
|
20
|
-
}
|
|
21
|
-
.overlay_arrow {
|
|
22
|
-
position: absolute;
|
|
23
|
-
top: 50%;
|
|
24
|
-
transform: translateY(-50%) perspective(1px);
|
|
25
|
-
}
|
|
26
|
-
[dir=ltr] .overlay_arrow {
|
|
27
|
-
left: 100%;
|
|
28
|
-
}
|
|
29
|
-
[dir=rtl] .overlay_arrow {
|
|
30
|
-
right: 100%;
|
|
31
|
-
}
|
|
32
|
-
.hoverIcon .arrow {
|
|
33
|
-
opacity: 0;
|
|
34
|
-
visibility: hidden;
|
|
35
|
-
}
|
|
36
|
-
.hoverIcon:hover .arrow
|
|
37
|
-
/* .hoverIcon:focus .arrow */
|
|
38
|
-
{
|
|
39
|
-
opacity: 1;
|
|
40
|
-
visibility: visible;
|
|
41
|
-
}
|
|
42
|
-
.value {
|
|
43
|
-
composes: dotted
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
-
|
|
91
|
-
appearance: none;
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
1
|
+
.wrapper {
|
|
2
|
+
position: relative;
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
}
|
|
5
|
+
.maxHgt {
|
|
6
|
+
max-height: var(--zd_size265);
|
|
7
|
+
padding: var(--zd_size10) 0;
|
|
8
|
+
}
|
|
9
|
+
.responsivemaxHgt {
|
|
10
|
+
padding: 0;
|
|
11
|
+
}
|
|
12
|
+
.title {
|
|
13
|
+
padding-top: var(--zd_size6);
|
|
14
|
+
}
|
|
15
|
+
[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
|
|
16
|
+
padding: 0 0 0 var(--zd_size5);
|
|
17
|
+
}
|
|
18
|
+
[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
|
|
19
|
+
padding: 0 var(--zd_size5) 0 0;
|
|
20
|
+
}
|
|
21
|
+
.overlay_arrow {
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 50%;
|
|
24
|
+
transform: translateY(-50%) perspective(1px);
|
|
25
|
+
}
|
|
26
|
+
[dir=ltr] .overlay_arrow {
|
|
27
|
+
left: 100%;
|
|
28
|
+
}
|
|
29
|
+
[dir=rtl] .overlay_arrow {
|
|
30
|
+
right: 100%;
|
|
31
|
+
}
|
|
32
|
+
.hoverIcon .arrow {
|
|
33
|
+
opacity: 0;
|
|
34
|
+
visibility: hidden;
|
|
35
|
+
}
|
|
36
|
+
.hoverIcon:hover .arrow
|
|
37
|
+
/* .hoverIcon:focus .arrow */
|
|
38
|
+
{
|
|
39
|
+
opacity: 1;
|
|
40
|
+
visibility: visible;
|
|
41
|
+
}
|
|
42
|
+
.value {
|
|
43
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
44
|
+
composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
|
|
45
|
+
}
|
|
46
|
+
.search {
|
|
47
|
+
padding: var(--zd_size6) var(--zd_size20) 0;
|
|
48
|
+
}
|
|
49
|
+
.svgWrapper {
|
|
50
|
+
padding-bottom: var(--zd_size25);
|
|
51
|
+
}
|
|
52
|
+
.cursorDefault {
|
|
53
|
+
cursor: default;
|
|
54
|
+
}
|
|
55
|
+
.cursor {
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
}
|
|
58
|
+
[dir=ltr] .dropBoxContainer {
|
|
59
|
+
text-align: left;
|
|
60
|
+
}
|
|
61
|
+
[dir=rtl] .dropBoxContainer {
|
|
62
|
+
text-align: right;
|
|
63
|
+
}
|
|
64
|
+
[dir=ltr] .iconBox {
|
|
65
|
+
margin-right: var(--zd_size4);
|
|
66
|
+
}
|
|
67
|
+
[dir=rtl] .iconBox {
|
|
68
|
+
margin-left: var(--zd_size4);
|
|
69
|
+
}
|
|
70
|
+
.iconBox > i {
|
|
71
|
+
display: block;
|
|
72
|
+
}
|
|
73
|
+
.loader {
|
|
74
|
+
width: var(--zd_size40);
|
|
75
|
+
margin: 0 auto;
|
|
76
|
+
}
|
|
77
|
+
.seperatedLine {
|
|
78
|
+
height: var(--zd_size1);
|
|
79
|
+
border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
|
|
80
|
+
margin: var(--zd_size7) 0 var(--zd_size8);
|
|
81
|
+
}
|
|
82
|
+
.hiddenInput {
|
|
83
|
+
width: 0;
|
|
84
|
+
height: 0;
|
|
85
|
+
opacity: 0;
|
|
86
|
+
position: absolute;
|
|
87
|
+
}
|
|
88
|
+
.hiddenInputElement{
|
|
89
|
+
width: 100%;
|
|
90
|
+
-webkit-appearance: none;
|
|
91
|
+
-moz-appearance: none;
|
|
92
|
+
appearance: none;
|
|
93
|
+
padding: 0;
|
|
94
|
+
border: 0;
|
|
95
|
+
}
|
|
96
|
+
.groupName {
|
|
97
|
+
margin: var(--zd_size6) 0;
|
|
98
|
+
}
|
|
99
|
+
.dropdown {
|
|
100
|
+
background-color: transparent;
|
|
101
|
+
}
|
|
@@ -27,8 +27,6 @@ var defaultProps = {
|
|
|
27
27
|
needExternalPopupState: false,
|
|
28
28
|
customProps: {},
|
|
29
29
|
preventPopupClose: false,
|
|
30
|
-
dataSelectorId: 'toggleDropdown'
|
|
31
|
-
needMultiLineText: false,
|
|
32
|
-
customClass: {}
|
|
30
|
+
dataSelectorId: 'toggleDropdown'
|
|
33
31
|
};
|
|
34
32
|
exports.defaultProps = defaultProps;
|
|
@@ -74,11 +74,6 @@ var propTypes = {
|
|
|
74
74
|
ListItemWithIconProps: _propTypes["default"].object,
|
|
75
75
|
ListItemProps: _propTypes["default"].object
|
|
76
76
|
}),
|
|
77
|
-
preventPopupClose: _propTypes["default"].bool
|
|
78
|
-
needMultiLineText: _propTypes["default"].bool,
|
|
79
|
-
customClass: _propTypes["default"].shape({
|
|
80
|
-
customDropBox: _propTypes["default"].string,
|
|
81
|
-
customListBox: _propTypes["default"].string
|
|
82
|
-
})
|
|
77
|
+
preventPopupClose: _propTypes["default"].bool
|
|
83
78
|
};
|
|
84
79
|
exports.propTypes = propTypes;
|
|
@@ -14,8 +14,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
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); } }
|
|
17
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
18
18
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
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); }
|
|
19
21
|
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); }
|
|
20
22
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
23
|
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); }; }
|