@zohodesk/dot 1.0.0-temp-88 → 1.0.0-temp.30
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 +26 -1
- package/es/ExternalLink/ExternalLink.js +1 -1
- package/es/FlipCard/FlipCard.js +1 -1
- package/es/Link/Link.js +1 -1
- package/es/Message/Message.js +1 -1
- package/es/Provider.js +5 -105
- package/es/ToastMessage/ToastMessage.js +1 -1
- package/es/alert/AlertLookup/AlertLookup.js +12 -5
- package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js +4 -3
- package/es/avatar/AvatarClose/AvatarClose.js +1 -1
- package/es/avatar/AvatarCollision/AvatarCollision.js +1 -1
- package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
- package/es/avatar/AvatarStatus/AvatarStatus.js +1 -1
- package/es/avatar/AvatarThread/AvatarThread.js +1 -1
- package/es/avatar/AvatarUser/AvatarUser.js +1 -1
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +1 -1
- package/es/docs/formDocs.js +5 -1
- package/es/docs/generalDocs.js +5 -2
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +4 -5
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -2
- package/es/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js +3 -3
- package/es/emptystate/EditionPage/EditionPage.js +1 -1
- package/es/errorstate/Inconvenience/Inconvenience.js +1 -1
- package/es/errorstate/NoRequestFound/NoRequestFound.js +1 -1
- package/es/errorstate/PermissionPlay/PermissionPlay.js +1 -1
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +1 -1
- package/es/errorstate/UnableToProcess/UnableToProcess.js +1 -1
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
- package/es/errorstate/WillBack/WillBack.js +1 -1
- package/es/form/fields/CheckBoxField/CheckBoxField.js +17 -29
- package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +8 -1
- package/es/form/fields/CurrencyField/CurrencyField.js +17 -30
- package/es/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +36 -0
- package/es/form/fields/DateField/DateField.js +17 -29
- package/es/form/fields/DateField/docs/DateField__default.docs.js +8 -1
- package/es/form/fields/FieldContainer/FieldContainer.js +82 -0
- package/es/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +49 -0
- package/es/form/fields/MultiSelectField/MultiSelectField.js +17 -29
- package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +8 -1
- package/es/form/fields/PhoneField/PhoneField.js +1 -1
- package/es/form/fields/RadioField/RadioField.js +1 -1
- package/es/form/fields/SelectField/SelectField.js +17 -29
- package/es/form/fields/SelectField/docs/SelectField__default.docs.js +8 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -7
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +33 -29
- package/es/form/fields/TextBoxField/TextBoxField.js +19 -44
- package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +28 -1
- package/es/form/fields/TextEditorField/TextEditorField.js +28 -45
- package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +9 -2
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
- package/es/form/fields/TextareaField/TextareaField.js +17 -29
- package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js +8 -1
- package/es/form/fields/props/FieldCommonDefaultProps.js +10 -0
- package/es/form/fields/props/FieldCommonPropTypes.js +22 -0
- package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
- package/es/list/GridStencils/GridStencils.module.css +7 -18
- package/es/list/ListLayout/ListLayout.js +1 -1
- package/es/list/SecondaryText/AccountName.js +35 -39
- package/es/list/SecondaryText/ContactName.js +19 -14
- package/es/list/SecondaryText/Email.js +1 -1
- package/es/list/SecondaryText/PhoneNumber.js +1 -1
- package/es/list/SecondaryText/SecondaryText.js +1 -1
- package/es/list/SecondaryText/SecondaryText.module.css +15 -30
- package/es/list/SecondaryText/TicketId.js +1 -1
- package/es/list/SecondaryText/docs/SecondaryText__default.docs.js +114 -0
- package/es/list/Subject/Subject.js +1 -1
- package/es/list/status/StatusDropdown/StatusDropdown.js +3 -2
- package/es/list/status/StatusListItem/StatusListItem.js +1 -1
- package/es/lookup/EmptyPage/EmptyPage.js +4 -4
- package/es/lookup/header/Search/Search.js +1 -1
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +1 -1
- package/es/svg/TemplateIcon.js +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.js +1 -3
- package/es/version2/errorstate/Inconvenience/Inconvenience.js +1 -1
- package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
- package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
- package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
- package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -1
- package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
- package/es/version2/lookup/AlertLookup/AlertLookup.js +1 -1
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
- package/lib/ActionButton/ActionButton.js +2 -2
- package/lib/ActionButton/docs/ActionButton__default.docs.js +2 -2
- package/lib/AlphabeticList/AlphabeticList.js +2 -2
- package/lib/AlphabeticList/docs/AlphabeticList__default.docs.js +2 -2
- package/lib/AlphabeticList/docs/AlphabeticList__horizontal.docs.js +2 -2
- package/lib/Attachment/Attachment.js +2 -2
- package/lib/Attachment/docs/Attachment__default.docs.js +2 -2
- package/lib/AttachmentViewer/AttachmentImage.js +2 -2
- package/lib/AttachmentViewer/AttachmentViewer.js +2 -2
- package/lib/AttachmentViewer/docs/AttachmentViewer__default.docs.js +2 -2
- package/lib/ChannelIcon/ChannelIcon.js +2 -2
- package/lib/ChannelIcon/docs/ChannelIcon__default.docs.js +2 -2
- package/lib/Drawer/Drawer.js +2 -2
- package/lib/Drawer/docs/Drawer__default.docs.js +2 -2
- package/lib/Drawer/docs/Drawer__multiDrawer.docs.js +2 -2
- package/lib/Drawer/docs/Drawer__noFreeze.docs.js +2 -2
- package/lib/Drawer/docs/Drawer__withModal.docs.js +2 -2
- package/lib/ExternalLink/ExternalLink.js +3 -3
- package/lib/ExternalLink/docs/ExternalLink__default.docs.js +2 -2
- package/lib/FlipCard/FlipCard.js +3 -3
- package/lib/FlipCard/docs/FlipCard__default.docs.js +2 -2
- package/lib/FormAction/FormAction.js +2 -2
- package/lib/FormAction/docs/FormAction__default.docs.js +2 -2
- package/lib/FreezeLayer/FreezeLayer.js +2 -2
- package/lib/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
- package/lib/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
- package/lib/IconButton/IconButton.js +2 -2
- package/lib/IconButton/docs/IconButton__default.docs.js +2 -2
- package/lib/Image/Image.js +2 -2
- package/lib/Image/docs/Image__default.docs.js +2 -2
- package/lib/ImportantNotes/ImportantNotes.js +2 -2
- package/lib/ImportantNotes/docs/ImportantNotes__default.docs.js +2 -2
- package/lib/Link/Link.js +3 -3
- package/lib/Link/docs/Link__default.docs.js +2 -2
- package/lib/Loader/Loader.js +2 -2
- package/lib/Loader/docs/Loader__default.docs.js +2 -2
- package/lib/Message/Message.js +3 -3
- package/lib/Message/docs/Message__default.docs.js +2 -2
- package/lib/MessageBanner/MessageBanner.js +2 -2
- package/lib/MessageBanner/docs/MessageBanner__default.docs.js +2 -2
- package/lib/NewStar/NewStar.js +2 -2
- package/lib/NewStar/docs/NewStar__default.docs.js +2 -2
- package/lib/PlusIcon/PlusIcon.js +2 -2
- package/lib/PlusIcon/docs/PlusIcon__default.docs.js +2 -2
- package/lib/Provider.js +8 -125
- package/lib/ToastMessage/ToastMessage.js +1 -1
- package/lib/ToastMessage/docs/ToastMessage__custom.docs.js +2 -2
- package/lib/ToastMessage/docs/ToastMessage__information.docs.js +2 -2
- package/lib/ToastMessage/docs/ToastMessage__primary.docs.js +2 -2
- package/lib/ToastMessage/docs/ToastMessage__secondary.docs.js +2 -2
- package/lib/ToastMessage/docs/ToastMessage__success.docs.js +2 -2
- package/lib/Upload/Upload.js +2 -2
- package/lib/Upload/docs/Upload__default.docs.js +2 -2
- package/lib/alert/AlertHeader/AlertHeader.js +2 -2
- package/lib/alert/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
- package/lib/alert/AlertLookup/AlertLookup.js +14 -7
- package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js +6 -5
- package/lib/avatar/AvatarClose/AvatarClose.js +3 -3
- package/lib/avatar/AvatarClose/docs/AvatarClose__default.docs.js +2 -2
- package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -3
- package/lib/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js +2 -2
- package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -3
- package/lib/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js +2 -2
- package/lib/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js +2 -2
- package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -3
- package/lib/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js +2 -2
- package/lib/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js +2 -2
- package/lib/avatar/AvatarThread/AvatarThread.js +3 -3
- package/lib/avatar/AvatarThread/docs/AvatarThread__default.docs.js +2 -2
- package/lib/avatar/AvatarUser/AvatarUser.js +3 -3
- package/lib/avatar/AvatarUser/docs/AvatarUser__default.docs.js +2 -2
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
- package/lib/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js +2 -2
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +2 -2
- package/lib/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js +2 -2
- package/lib/docs/formDocs.js +32 -0
- package/lib/docs/generalDocs.js +8 -0
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +6 -5
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -2
- package/lib/dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs.js +2 -2
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +2 -2
- package/lib/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js +5 -5
- package/lib/emptystate/EditionPage/EditionPage.js +3 -3
- package/lib/emptystate/EditionPage/docs/EditionPage__default.docs.js +2 -2
- package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
- package/lib/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
- package/lib/errorstate/LinkText/LinkText.js +2 -2
- package/lib/errorstate/LinkText/docs/LinkText__default.docs.js +2 -2
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
- package/lib/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js +2 -2
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
- package/lib/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js +2 -2
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
- package/lib/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js +2 -2
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
- package/lib/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js +2 -2
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
- package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs.js +2 -2
- package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js +2 -2
- package/lib/errorstate/WillBack/WillBack.js +3 -3
- package/lib/errorstate/WillBack/docs/WillBack__default.docs.js +2 -2
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +26 -32
- package/lib/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +10 -3
- package/lib/form/fields/CurrencyField/CurrencyField.js +26 -33
- package/lib/{list/SecondaryText/docs/ContactName__default.docs.js → form/fields/CurrencyField/docs/CurrencyField__default.docs.js} +31 -18
- package/lib/form/fields/DateField/DateField.js +26 -32
- package/lib/form/fields/DateField/docs/DateField__default.docs.js +10 -3
- package/lib/form/fields/FieldContainer/FieldContainer.js +136 -0
- package/lib/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +104 -0
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +26 -32
- package/lib/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +10 -3
- package/lib/form/fields/PhoneField/PhoneField.js +3 -3
- package/lib/form/fields/PhoneField/docs/PhoneField__default.docs.js +2 -2
- package/lib/form/fields/RadioField/RadioField.js +3 -3
- package/lib/form/fields/SelectField/SelectField.js +26 -32
- package/lib/form/fields/SelectField/docs/SelectField__default.docs.js +10 -3
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +12 -9
- package/lib/form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs.js +2 -2
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +37 -31
- package/lib/form/fields/TextBoxField/TextBoxField.js +28 -48
- package/lib/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +37 -4
- package/lib/form/fields/TextEditor/TextEditor.js +2 -2
- package/lib/form/fields/TextEditorField/TextEditorField.js +36 -50
- package/lib/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +11 -4
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -3
- package/lib/form/fields/TextareaField/TextareaField.js +26 -32
- package/lib/form/fields/TextareaField/docs/TextareaField__default.docs.js +10 -3
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +2 -2
- package/lib/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js +2 -2
- package/lib/form/fields/props/FieldCommonDefaultProps.js +19 -0
- package/lib/form/fields/props/FieldCommonPropTypes.js +34 -0
- package/lib/form/layout/Field/Field.js +2 -2
- package/lib/form/layout/Field/docs/Field__default.docs.js +2 -2
- package/lib/form/layout/Section/Section.js +2 -2
- package/lib/form/layout/Section/docs/Section__default.docs.js +2 -2
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +2 -2
- package/lib/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js +2 -2
- package/lib/layout/SubtabLayout/SubtabLayout.js +3 -3
- package/lib/layout/SubtabLayout/docs/SubtabLayout__default.docs.js +2 -2
- package/lib/list/AvatarFlip/AvatarFlip.js +2 -2
- package/lib/list/AvatarFlip/docs/AvatarFlip__default.docs.js +2 -2
- package/lib/list/BluePrintStatus/BluePrintStatus.js +2 -2
- package/lib/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js +2 -2
- package/lib/list/Comment/Comment.js +2 -2
- package/lib/list/Comment/docs/Comment__default.docs.js +2 -2
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +2 -2
- package/lib/list/Dot/Dot.js +2 -2
- package/lib/list/DotNew/DotNew.js +2 -2
- package/lib/list/DotNew/docs/DotNew__default.docs.js +2 -2
- package/lib/list/GridStencils/GridStencils.js +2 -2
- package/lib/list/GridStencils/GridStencils.module.css +7 -18
- package/lib/list/GridStencils/docs/GridStencils__default.docs.js +2 -2
- package/lib/list/Icons/AddNewIcon.js +2 -2
- package/lib/list/Icons/CompleteIcon.js +2 -2
- package/lib/list/Icons/DeleteIcon.js +2 -2
- package/lib/list/Icons/EditIcon.js +2 -2
- package/lib/list/Icons/FloatingIcons.js +2 -2
- package/lib/list/Icons/ReadUnreadIcon.js +2 -2
- package/lib/list/Icons/SmartIcon.js +2 -2
- package/lib/list/Icons/docs/FloatingIcons__default.docs.js +2 -2
- package/lib/list/ListLayout/ListLayout.js +3 -3
- package/lib/list/ListLayout/docs/ListLayout__default.docs.js +2 -2
- package/lib/list/ListStencils/ListStencils.js +2 -2
- package/lib/list/ListStencils/docs/ListStencils__default.docs.js +2 -2
- package/lib/list/SecondaryText/AccountName.js +37 -41
- package/lib/list/SecondaryText/ContactName.js +21 -16
- package/lib/list/SecondaryText/DepartmentText.js +2 -2
- package/lib/list/SecondaryText/Email.js +3 -3
- package/lib/list/SecondaryText/HappinessRating.js +2 -2
- package/lib/list/SecondaryText/PhoneNumber.js +3 -3
- package/lib/list/SecondaryText/PriorityText.js +2 -2
- package/lib/list/SecondaryText/SecondaryText.js +3 -3
- package/lib/list/SecondaryText/SecondaryText.module.css +15 -30
- package/lib/list/SecondaryText/StatusText.js +2 -2
- package/lib/list/SecondaryText/TicketId.js +3 -3
- package/lib/list/SecondaryText/Website.js +2 -2
- package/lib/list/SecondaryText/docs/SecondaryText__default.docs.js +162 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +2 -2
- package/lib/list/SecondryPanel/docs/SecondryPanel__default.docs.js +2 -2
- package/lib/list/SentimentStatus/SentimentStatus.js +2 -2
- package/lib/list/SentimentStatus/docs/SentimentStatus__default.docs.js +2 -2
- package/lib/list/Subject/Subject.js +3 -3
- package/lib/list/Subject/docs/Subject__default.docs.js +2 -2
- package/lib/list/TagNew/TagNew.js +2 -2
- package/lib/list/TagNew/docs/TagNew__default.docs.js +2 -2
- package/lib/list/Thread/Thread.js +2 -2
- package/lib/list/Thread/docs/Thread__default.docs.js +2 -2
- package/lib/list/UserTime/UserTime.js +2 -2
- package/lib/list/UserTime/docs/UserTime__default.docs.js +2 -2
- package/lib/list/status/StatusDropdown/StatusDropdown.js +5 -4
- package/lib/list/status/StatusDropdown/docs/StatusDropdown__default.docs.js +2 -2
- package/lib/list/status/StatusListItem/StatusListItem.js +3 -3
- package/lib/list/status/StatusListItem/docs/StatusListItem__default.docs.js +2 -2
- package/lib/lookup/EmptyPage/EmptyPage.js +6 -6
- package/lib/lookup/EmptyPage/docs/EmptyPage__account.docs.js +2 -2
- package/lib/lookup/EmptyPage/docs/EmptyPage__contact.docs.js +2 -2
- package/lib/lookup/EmptyPage/docs/EmptyPage__default.docs.js +2 -2
- package/lib/lookup/EmptyPage/docs/EmptyPage__product.docs.js +2 -2
- package/lib/lookup/Lookup/Lookup.js +2 -2
- package/lib/lookup/Lookup/docs/Lookup__contact.docs.js +2 -2
- package/lib/lookup/Lookup/docs/Lookup__default.docs.js +2 -2
- package/lib/lookup/Section/Section.js +2 -2
- package/lib/lookup/header/Close/Close.js +2 -2
- package/lib/lookup/header/Close/docs/Close__default.docs.js +2 -2
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +2 -2
- package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +2 -2
- package/lib/lookup/header/Search/Search.js +3 -3
- package/lib/lookup/header/Search/docs/Search__default.docs.js +2 -2
- package/lib/lookup/header/TicketHeader/TicketHeader.js +2 -2
- package/lib/lookup/header/TicketHeader/docs/TicketHeader__default.docs.js +2 -2
- package/lib/lookup/header/Title/Title.js +2 -2
- package/lib/lookup/header/Title/docs/Title__default.docs.js +2 -2
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
- package/lib/lookup/header/ViewDropDown/docs/ViewDropDown__default.docs.js +2 -2
- package/lib/setup/header/Button/Button.js +2 -2
- package/lib/setup/header/Button/docs/Button__default.docs.js +2 -2
- package/lib/setup/header/Link/Link.js +2 -2
- package/lib/setup/header/Link/docs/Link__default.docs.js +2 -2
- package/lib/setup/header/Search/Search.js +2 -2
- package/lib/setup/header/Search/docs/Search__default.docs.js +2 -2
- package/lib/setup/header/Views/Views.js +2 -2
- package/lib/setup/header/Views/docs/Views__default.docs.js +2 -2
- package/lib/setup/helptips/Description/Description.js +2 -2
- package/lib/setup/helptips/Description/docs/Description__default.docs.js +2 -2
- package/lib/setup/helptips/Link/Link.js +2 -2
- package/lib/setup/helptips/Link/docs/Link__default.docs.js +2 -2
- package/lib/setup/helptips/ListGroup/ListGroup.js +2 -2
- package/lib/setup/helptips/ListGroup/docs/ListGroup__default.docs.js +2 -2
- package/lib/setup/helptips/Title/Title.js +2 -2
- package/lib/setup/helptips/Title/docs/Title__default.docs.js +2 -2
- package/lib/setup/table/Table/Table.js +2 -2
- package/lib/setup/table/Table/docs/Table__default.docs.js +2 -2
- package/lib/setup/table/TableBody/TableBody.js +2 -2
- package/lib/setup/table/TableData/TableData.js +2 -2
- package/lib/setup/table/TableHead/TableHead.js +2 -2
- package/lib/setup/table/TableRow/TableRow.js +2 -2
- package/lib/setup/table/Text/Text.js +2 -2
- package/lib/setup/table/Text/docs/Text__default.docs.js +2 -2
- package/lib/svg/PlusIcon.js +3 -3
- package/lib/svg/SnippetIcon.js +3 -3
- package/lib/svg/TemplateIcon.js +3 -3
- package/lib/svg/docs/SVG__default.docs.js +2 -2
- package/lib/version2/AlertClose/AlertClose.js +2 -2
- package/lib/version2/AlertClose/docs/AlertClose__default.docs.js +2 -2
- package/lib/version2/GlobalNotification/GlobalNotification.js +3 -3
- package/lib/version2/GlobalNotification/docs/GlobalNotification__default.docs.js +2 -2
- package/lib/version2/alertIcons/AlarmAlertIcon.js +2 -2
- package/lib/version2/alertIcons/AlertIcons.js +2 -2
- package/lib/version2/alertIcons/DangerAlertIcon.js +2 -2
- package/lib/version2/alertIcons/ErrorAlertIcon.js +2 -2
- package/lib/version2/alertIcons/InfoAlertIcon.js +2 -2
- package/lib/version2/alertIcons/NotificationAlertIcon.js +2 -2
- package/lib/version2/alertIcons/SuccessAlertIcon.js +2 -2
- package/lib/version2/alertIcons/WarningAlertIcon.js +2 -2
- package/lib/version2/alertIcons/docs/AlertIcons__default.docs.js +2 -2
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
- package/lib/version2/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
- package/lib/version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs.js +2 -2
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
- package/lib/version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs.js +2 -2
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
- package/lib/version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs.js +2 -2
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
- package/lib/version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs.js +2 -2
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
- package/lib/version2/errorstate/WillBeRightBack/docs/WillBeRightBack__default.docs.js +2 -2
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +2 -2
- package/lib/version2/lookup/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -3
- package/lib/version2/lookup/AlertLookup/docs/AlertLookup__default.docs.js +2 -2
- package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
- package/lib/version2/notification/DesktopNotification/docs/DesktopNotification__default.docs.js +2 -2
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
- package/lib/version2/notification/DesktopNotificationHeader/docs/DesktopNotificationHeader__default.docs.js +2 -2
- package/package.json +9 -8
- package/es/list/SecondaryText/docs/ContactName__default.docs.js +0 -23
|
@@ -16,7 +16,14 @@ export default class CheckBoxField__default extends Component {
|
|
|
16
16
|
id: "checkbox",
|
|
17
17
|
validationMessage: "Invalid Input",
|
|
18
18
|
isDisabled: true,
|
|
19
|
-
title: "Invalid Permission"
|
|
19
|
+
title: "Invalid Permission",
|
|
20
|
+
infoText: "infoText",
|
|
21
|
+
isLocked: true,
|
|
22
|
+
ePhiData: {
|
|
23
|
+
ePhiTitle: 'ePhiTitle',
|
|
24
|
+
ePhiText: 'ePhiText',
|
|
25
|
+
ePhiStatus: true
|
|
26
|
+
}
|
|
20
27
|
}));
|
|
21
28
|
}
|
|
22
29
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
/**** Libraries ****/
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
|
|
|
9
9
|
import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
|
-
|
|
12
|
+
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
/**** props ****/
|
|
13
14
|
|
|
14
|
-
import
|
|
15
|
+
import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
|
|
16
|
+
import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
|
|
15
17
|
/**** CSS ****/
|
|
16
18
|
|
|
17
19
|
import style from '../Fields.module.css';
|
|
@@ -81,7 +83,6 @@ export default class CurrencyField extends PureComponent {
|
|
|
81
83
|
errorType,
|
|
82
84
|
isDisabled,
|
|
83
85
|
title,
|
|
84
|
-
onBlur,
|
|
85
86
|
dataId,
|
|
86
87
|
validationRuleMessage,
|
|
87
88
|
validationRulePalette,
|
|
@@ -99,7 +100,8 @@ export default class CurrencyField extends PureComponent {
|
|
|
99
100
|
isClickable,
|
|
100
101
|
userCurrencyType,
|
|
101
102
|
customProps,
|
|
102
|
-
formatCurrency
|
|
103
|
+
formatCurrency,
|
|
104
|
+
renderLabelProps
|
|
103
105
|
} = this.props;
|
|
104
106
|
const {
|
|
105
107
|
LabelProps = {},
|
|
@@ -122,8 +124,11 @@ export default class CurrencyField extends PureComponent {
|
|
|
122
124
|
return /*#__PURE__*/React.createElement("div", {
|
|
123
125
|
className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
124
126
|
"data-title": isDisabled ? title : null
|
|
125
|
-
}, labelName && /*#__PURE__*/React.createElement(
|
|
126
|
-
|
|
127
|
+
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
128
|
+
infoText: infoText,
|
|
129
|
+
isLocked: isLocked,
|
|
130
|
+
lockedInfoText: lockedInfoText,
|
|
131
|
+
renderProps: renderLabelProps
|
|
127
132
|
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
128
133
|
text: labelName,
|
|
129
134
|
size: fieldSize === 'small' ? 'small' : 'medium',
|
|
@@ -131,17 +136,7 @@ export default class CurrencyField extends PureComponent {
|
|
|
131
136
|
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
132
137
|
htmlFor: uniqueId,
|
|
133
138
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
134
|
-
}, LabelProps)),
|
|
135
|
-
name: "ZD-GN-info",
|
|
136
|
-
iconClass: style.infoIcon,
|
|
137
|
-
title: infoText,
|
|
138
|
-
size: "15"
|
|
139
|
-
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
140
|
-
name: "ZD-GN-lock",
|
|
141
|
-
size: "13",
|
|
142
|
-
iconClass: style.lockIcon,
|
|
143
|
-
title: lockedInfoText
|
|
144
|
-
}) : null), /*#__PURE__*/React.createElement("div", {
|
|
139
|
+
}, LabelProps))), /*#__PURE__*/React.createElement("div", {
|
|
145
140
|
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
|
|
146
141
|
}, /*#__PURE__*/React.createElement(TextBox, _extends({
|
|
147
142
|
htmlId: uniqueId,
|
|
@@ -182,15 +177,10 @@ export default class CurrencyField extends PureComponent {
|
|
|
182
177
|
}
|
|
183
178
|
CurrencyField.propTypes = {
|
|
184
179
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|
|
185
|
-
dataId: PropTypes.string,
|
|
186
180
|
errorType: PropTypes.oneOf(['primary', 'secondary']),
|
|
187
181
|
fieldSize: PropTypes.oneOf(['small', 'medium']),
|
|
188
182
|
getRef: PropTypes.func,
|
|
189
183
|
id: PropTypes.string,
|
|
190
|
-
infoText: PropTypes.string,
|
|
191
|
-
isDisabled: PropTypes.bool,
|
|
192
|
-
isMandatory: PropTypes.bool,
|
|
193
|
-
isReadOnly: PropTypes.bool,
|
|
194
184
|
labelCustomClass: PropTypes.string,
|
|
195
185
|
labelName: PropTypes.string.isRequired,
|
|
196
186
|
labelPalette: PropTypes.string,
|
|
@@ -208,8 +198,6 @@ CurrencyField.propTypes = {
|
|
|
208
198
|
validationRuleMessage: PropTypes.string,
|
|
209
199
|
validationRulePalette: PropTypes.string,
|
|
210
200
|
value: PropTypes.string,
|
|
211
|
-
lockedInfoText: PropTypes.string,
|
|
212
|
-
isLocked: PropTypes.bool,
|
|
213
201
|
isClickable: PropTypes.bool,
|
|
214
202
|
needReadOnlyStyle: PropTypes.bool,
|
|
215
203
|
customProps: PropTypes.shape({
|
|
@@ -218,24 +206,23 @@ CurrencyField.propTypes = {
|
|
|
218
206
|
ValidationMessageProps1: PropTypes.object,
|
|
219
207
|
ValidationMessageProps2: PropTypes.object
|
|
220
208
|
}),
|
|
221
|
-
formatCurrency: PropTypes.func
|
|
209
|
+
formatCurrency: PropTypes.func,
|
|
210
|
+
...FieldCommonPropTypes()
|
|
222
211
|
};
|
|
223
212
|
CurrencyField.defaultProps = {
|
|
224
213
|
errorType: 'primary',
|
|
225
|
-
isMandatory: false,
|
|
226
214
|
textBoxSize: 'xmedium',
|
|
227
215
|
textBoxType: 'text',
|
|
228
216
|
textBoxVariant: 'primary',
|
|
229
217
|
borderColor: 'default',
|
|
230
|
-
isDisabled: false,
|
|
231
|
-
isReadOnly: false,
|
|
232
218
|
fieldSize: 'medium',
|
|
233
219
|
labelPalette: 'default',
|
|
234
220
|
labelCustomClass: '',
|
|
235
221
|
isClickable: false,
|
|
236
222
|
needReadOnlyStyle: true,
|
|
237
223
|
customProps: {},
|
|
238
|
-
formatCurrency: () => {}
|
|
224
|
+
formatCurrency: () => {},
|
|
225
|
+
...FieldCommonDefaultProps()
|
|
239
226
|
};
|
|
240
227
|
|
|
241
228
|
if (false) {
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import CurrencyField from '../CurrencyField';
|
|
3
|
+
import { formatCurrency } from './../../../../deprecated/utils/General';
|
|
4
|
+
export default class CurrencyField__default extends Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
render() {
|
|
10
|
+
return /*#__PURE__*/React.createElement(CurrencyField, {
|
|
11
|
+
labelName: "Currency",
|
|
12
|
+
id: "sample",
|
|
13
|
+
textBoxSize: "xmedium",
|
|
14
|
+
textBoxVariant: "primary",
|
|
15
|
+
validationMessage: "Invalid Input",
|
|
16
|
+
infoText: "infoText",
|
|
17
|
+
value: "100",
|
|
18
|
+
isLocked: true,
|
|
19
|
+
ePhiData: {
|
|
20
|
+
ePhiTitle: 'ePhiTitle',
|
|
21
|
+
ePhiText: 'ePhiText',
|
|
22
|
+
ePhiStatus: true
|
|
23
|
+
},
|
|
24
|
+
formatCurrency: formatCurrency,
|
|
25
|
+
userCurrencyType: "$"
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if (false) {
|
|
32
|
+
CurrencyField__default.docs = {
|
|
33
|
+
componentGroup: 'Form Fields',
|
|
34
|
+
folderName: 'General'
|
|
35
|
+
};
|
|
36
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
/**** Libraries ****/
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
|
|
|
9
9
|
import DateWidget from '@zohodesk/components/lib/DateTime/DateWidget';
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
|
-
|
|
12
|
+
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
/**** props ****/
|
|
13
14
|
|
|
14
|
-
import
|
|
15
|
+
import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
|
|
16
|
+
import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
|
|
15
17
|
/**** CSS ****/
|
|
16
18
|
|
|
17
19
|
import style from '../Fields.module.css';
|
|
@@ -114,7 +116,8 @@ export default class DateField extends PureComponent {
|
|
|
114
116
|
timeZone,
|
|
115
117
|
i18nKeys,
|
|
116
118
|
iconOnHover,
|
|
117
|
-
customProps
|
|
119
|
+
customProps,
|
|
120
|
+
renderLabelProps
|
|
118
121
|
} = this.props;
|
|
119
122
|
const {
|
|
120
123
|
LabelProps = {},
|
|
@@ -126,8 +129,11 @@ export default class DateField extends PureComponent {
|
|
|
126
129
|
return /*#__PURE__*/React.createElement("div", {
|
|
127
130
|
className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
128
131
|
"data-title": isDisabled ? title : null
|
|
129
|
-
}, labelName && /*#__PURE__*/React.createElement(
|
|
130
|
-
|
|
132
|
+
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
133
|
+
infoText: infoText,
|
|
134
|
+
isLocked: isLocked,
|
|
135
|
+
lockedInfoText: lockedInfoText,
|
|
136
|
+
renderProps: renderLabelProps
|
|
131
137
|
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
132
138
|
text: labelName,
|
|
133
139
|
htmlFor: getAriaId,
|
|
@@ -136,17 +142,7 @@ export default class DateField extends PureComponent {
|
|
|
136
142
|
onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
|
|
137
143
|
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
138
144
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
139
|
-
}, LabelProps)),
|
|
140
|
-
name: "ZD-GN-info",
|
|
141
|
-
iconClass: style.infoIcon,
|
|
142
|
-
title: infoText,
|
|
143
|
-
size: "15"
|
|
144
|
-
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
145
|
-
name: "ZD-GN-lock",
|
|
146
|
-
size: "13",
|
|
147
|
-
iconClass: style.lockIcon,
|
|
148
|
-
title: lockedInfoText
|
|
149
|
-
}) : null), /*#__PURE__*/React.createElement("div", {
|
|
145
|
+
}, LabelProps))), /*#__PURE__*/React.createElement("div", {
|
|
150
146
|
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
|
|
151
147
|
}, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {
|
|
152
148
|
className: style.lockText
|
|
@@ -187,23 +183,16 @@ export default class DateField extends PureComponent {
|
|
|
187
183
|
}
|
|
188
184
|
DateField.propTypes = {
|
|
189
185
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|
|
190
|
-
dataId: PropTypes.string,
|
|
191
186
|
datePattern: PropTypes.string,
|
|
192
187
|
errorType: PropTypes.oneOf(['primary', 'secondary']),
|
|
193
188
|
fieldSize: PropTypes.oneOf(['small', 'medium']),
|
|
194
189
|
getRef: PropTypes.func,
|
|
195
190
|
id: PropTypes.string,
|
|
196
|
-
infoText: PropTypes.string,
|
|
197
191
|
isDateTime: PropTypes.bool,
|
|
198
|
-
isDisabled: PropTypes.bool,
|
|
199
192
|
isFocusOnLabelClick: PropTypes.bool,
|
|
200
|
-
isLocked: PropTypes.bool,
|
|
201
|
-
isMandatory: PropTypes.bool,
|
|
202
|
-
isReadOnly: PropTypes.bool,
|
|
203
193
|
labelCustomClass: PropTypes.string,
|
|
204
194
|
labelName: PropTypes.string,
|
|
205
195
|
labelPalette: PropTypes.string,
|
|
206
|
-
lockedInfoText: PropTypes.string,
|
|
207
196
|
lockedValueText: PropTypes.string,
|
|
208
197
|
onChange: PropTypes.func,
|
|
209
198
|
onKeyDown: PropTypes.func,
|
|
@@ -226,18 +215,16 @@ DateField.propTypes = {
|
|
|
226
215
|
DateWidgetProps: PropTypes.object,
|
|
227
216
|
ValidationMessageProps1: PropTypes.object,
|
|
228
217
|
ValidationMessageProps2: PropTypes.object
|
|
229
|
-
})
|
|
218
|
+
}),
|
|
219
|
+
...FieldCommonPropTypes()
|
|
230
220
|
};
|
|
231
221
|
DateField.defaultProps = {
|
|
232
222
|
errorType: 'primary',
|
|
233
223
|
openPopupOnMount: false,
|
|
234
224
|
isDateTime: true,
|
|
235
|
-
isMandatory: false,
|
|
236
225
|
textBoxSize: 'xmedium',
|
|
237
226
|
textBoxVariant: 'primary',
|
|
238
227
|
borderColor: 'default',
|
|
239
|
-
isReadOnly: false,
|
|
240
|
-
isDisabled: false,
|
|
241
228
|
fieldSize: 'medium',
|
|
242
229
|
isFocusOnLabelClick: true,
|
|
243
230
|
labelPalette: 'default',
|
|
@@ -245,7 +232,8 @@ DateField.defaultProps = {
|
|
|
245
232
|
timeZone: null,
|
|
246
233
|
i18nKeys: {},
|
|
247
234
|
dataId: 'dateField',
|
|
248
|
-
customProps: {}
|
|
235
|
+
customProps: {},
|
|
236
|
+
...FieldCommonDefaultProps()
|
|
249
237
|
};
|
|
250
238
|
|
|
251
239
|
if (false) {
|
|
@@ -11,7 +11,14 @@ export default class DateField__default extends Component {
|
|
|
11
11
|
id: "sample",
|
|
12
12
|
textBoxSize: "xmedium",
|
|
13
13
|
textBoxVariant: "primary",
|
|
14
|
-
validationMessage: "Invalid Input"
|
|
14
|
+
validationMessage: "Invalid Input",
|
|
15
|
+
infoText: "infoText",
|
|
16
|
+
isLocked: true,
|
|
17
|
+
ePhiData: {
|
|
18
|
+
ePhiTitle: 'ePhiTitle',
|
|
19
|
+
ePhiText: 'ePhiText',
|
|
20
|
+
ePhiStatus: true
|
|
21
|
+
}
|
|
15
22
|
});
|
|
16
23
|
}
|
|
17
24
|
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/**** Libraries ****/
|
|
2
|
+
import React, { PureComponent } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
|
|
5
|
+
import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
|
|
6
|
+
/**** Components ****/
|
|
7
|
+
|
|
8
|
+
import { Container } from '@zohodesk/components/lib/Layout';
|
|
9
|
+
/**** Icons ****/
|
|
10
|
+
|
|
11
|
+
import Icon from '@zohodesk/icons/lib/Icon';
|
|
12
|
+
/**** CSS ****/
|
|
13
|
+
|
|
14
|
+
import style from '../Fields.module.css';
|
|
15
|
+
export default class FieldContainer extends PureComponent {
|
|
16
|
+
constructor(props) {
|
|
17
|
+
super(props);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
render() {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
ePhiData,
|
|
24
|
+
isLocked,
|
|
25
|
+
lockedInfoText,
|
|
26
|
+
infoText,
|
|
27
|
+
dataId,
|
|
28
|
+
renderProps,
|
|
29
|
+
alignContainer
|
|
30
|
+
} = this.props;
|
|
31
|
+
let {
|
|
32
|
+
ePhiTitle = '',
|
|
33
|
+
ePhiText = '',
|
|
34
|
+
ePhiStatus = false
|
|
35
|
+
} = ePhiData;
|
|
36
|
+
let {
|
|
37
|
+
start: renderStart = null,
|
|
38
|
+
middle: renderMiddle = null,
|
|
39
|
+
end: renderEnd = null
|
|
40
|
+
} = renderProps;
|
|
41
|
+
return /*#__PURE__*/React.createElement(Container, {
|
|
42
|
+
align: alignContainer,
|
|
43
|
+
alignBox: "row",
|
|
44
|
+
isCover: false
|
|
45
|
+
}, renderStart ? renderStart() : null, children, renderMiddle ? renderMiddle() : null, infoText ? /*#__PURE__*/React.createElement(Icon, {
|
|
46
|
+
name: "ZD-GN-info",
|
|
47
|
+
iconClass: style.infoIcon,
|
|
48
|
+
title: infoText,
|
|
49
|
+
size: "15"
|
|
50
|
+
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
51
|
+
name: "ZD-GN-lock",
|
|
52
|
+
size: "13",
|
|
53
|
+
iconClass: style.lockIcon,
|
|
54
|
+
title: lockedInfoText
|
|
55
|
+
}) : null, ePhiStatus ? /*#__PURE__*/React.createElement("span", {
|
|
56
|
+
"data-title": ePhiTitle,
|
|
57
|
+
"data-id": `${dataId}_ePHI`,
|
|
58
|
+
className: style.ePhiTag
|
|
59
|
+
}, ePhiText) : null, renderEnd ? renderEnd() : null);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
}
|
|
63
|
+
FieldContainer.propTypes = { ...FieldCommonPropTypes(),
|
|
64
|
+
children: PropTypes.node,
|
|
65
|
+
alignContainer: PropTypes.oneOf('vertical', 'baseline'),
|
|
66
|
+
renderProps: PropTypes.shape({
|
|
67
|
+
start: PropTypes.func,
|
|
68
|
+
middle: PropTypes.func,
|
|
69
|
+
end: PropTypes.func
|
|
70
|
+
})
|
|
71
|
+
};
|
|
72
|
+
FieldContainer.defaultProps = { ...FieldCommonDefaultProps(),
|
|
73
|
+
renderProps: {},
|
|
74
|
+
alignContainer: 'vertical'
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
if (false) {
|
|
78
|
+
FieldContainer.docs = {
|
|
79
|
+
componentGroup: 'Form Fields',
|
|
80
|
+
folderName: 'General'
|
|
81
|
+
};
|
|
82
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import FieldContainer from '../FieldContainer';
|
|
3
|
+
export default class FieldContainer__default extends Component {
|
|
4
|
+
constructor(props) {
|
|
5
|
+
super(props);
|
|
6
|
+
this.renderStart = this.renderStart.bind(this);
|
|
7
|
+
this.renderMiddle = this.renderMiddle.bind(this);
|
|
8
|
+
this.renderEnd = this.renderEnd.bind(this);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
renderStart() {
|
|
12
|
+
return /*#__PURE__*/React.createElement("div", null, "Start");
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
renderMiddle() {
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", null, "Middle");
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
renderEnd() {
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", null, "End");
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
render() {
|
|
24
|
+
return /*#__PURE__*/React.createElement(FieldContainer, {
|
|
25
|
+
infoText: "infoText",
|
|
26
|
+
lockedInfoText: "lockedInfoText",
|
|
27
|
+
isLocked: true,
|
|
28
|
+
dataId: "FieldContainer",
|
|
29
|
+
ePhiData: {
|
|
30
|
+
ePhiTitle: 'ePhiTitle',
|
|
31
|
+
ePhiText: 'ePhiText',
|
|
32
|
+
ePhiStatus: true
|
|
33
|
+
},
|
|
34
|
+
renderProps: {
|
|
35
|
+
start: this.renderStart,
|
|
36
|
+
middle: this.renderMiddle,
|
|
37
|
+
end: this.renderEnd
|
|
38
|
+
}
|
|
39
|
+
}, "Children");
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
if (false) {
|
|
45
|
+
FieldContainer__default.docs = {
|
|
46
|
+
componentGroup: 'Form Fields',
|
|
47
|
+
folderName: 'General'
|
|
48
|
+
};
|
|
49
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
/**** Libraries ****/
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
|
|
|
9
9
|
import MultiSelect from '@zohodesk/components/lib/MultiSelect/MultiSelect';
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
|
-
|
|
12
|
+
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
/**** props ****/
|
|
13
14
|
|
|
14
|
-
import
|
|
15
|
+
import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
|
|
16
|
+
import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
|
|
15
17
|
/** CSS */
|
|
16
18
|
|
|
17
19
|
import style from '../Fields.module.css';
|
|
@@ -125,7 +127,8 @@ export default class MultiSelectField extends PureComponent {
|
|
|
125
127
|
customChildrenClass,
|
|
126
128
|
onFocus,
|
|
127
129
|
customProps,
|
|
128
|
-
i18nKeys
|
|
130
|
+
i18nKeys,
|
|
131
|
+
renderLabelProps
|
|
129
132
|
} = this.props;
|
|
130
133
|
const {
|
|
131
134
|
LabelProps = {},
|
|
@@ -138,8 +141,11 @@ export default class MultiSelectField extends PureComponent {
|
|
|
138
141
|
return /*#__PURE__*/React.createElement("div", {
|
|
139
142
|
className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
140
143
|
"data-title": isDisabled ? title : null
|
|
141
|
-
}, labelName && /*#__PURE__*/React.createElement(
|
|
142
|
-
|
|
144
|
+
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
145
|
+
infoText: infoText,
|
|
146
|
+
isLocked: isLocked,
|
|
147
|
+
lockedInfoText: lockedInfoText,
|
|
148
|
+
renderProps: renderLabelProps
|
|
143
149
|
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
144
150
|
text: labelName,
|
|
145
151
|
id: id,
|
|
@@ -149,17 +155,7 @@ export default class MultiSelectField extends PureComponent {
|
|
|
149
155
|
customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
|
|
150
156
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
|
|
151
157
|
htmlFor: uniqueId
|
|
152
|
-
}, LabelProps)),
|
|
153
|
-
name: "ZD-GN-info",
|
|
154
|
-
iconClass: style.infoIcon,
|
|
155
|
-
title: infoText,
|
|
156
|
-
size: "15"
|
|
157
|
-
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
158
|
-
name: "ZD-GN-lock",
|
|
159
|
-
size: "13",
|
|
160
|
-
iconClass: style.lockIcon,
|
|
161
|
-
title: lockedInfoText
|
|
162
|
-
}) : null), /*#__PURE__*/React.createElement(MultiSelect, _extends({
|
|
158
|
+
}, LabelProps))), /*#__PURE__*/React.createElement(MultiSelect, _extends({
|
|
163
159
|
options: options,
|
|
164
160
|
onChange: this.handleChange,
|
|
165
161
|
selectedOptions: selectedOptions,
|
|
@@ -210,20 +206,15 @@ export default class MultiSelectField extends PureComponent {
|
|
|
210
206
|
MultiSelectField.propTypes = {
|
|
211
207
|
animationStyle: PropTypes.string,
|
|
212
208
|
borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
|
|
213
|
-
dataId: PropTypes.string,
|
|
214
209
|
emptyMessage: PropTypes.string,
|
|
215
210
|
errorType: PropTypes.oneOf(['primary', 'secondary']),
|
|
216
211
|
fieldSize: PropTypes.oneOf(['small', 'medium']),
|
|
217
212
|
getNextOptions: PropTypes.func,
|
|
218
213
|
getRef: PropTypes.func,
|
|
219
214
|
id: PropTypes.string,
|
|
220
|
-
infoText: PropTypes.string,
|
|
221
215
|
isAnimate: PropTypes.bool,
|
|
222
|
-
isDisabled: PropTypes.bool,
|
|
223
216
|
isFocusOnLabelClick: PropTypes.bool,
|
|
224
|
-
isMandatory: PropTypes.bool,
|
|
225
217
|
isNextOptions: PropTypes.bool,
|
|
226
|
-
isReadOnly: PropTypes.bool,
|
|
227
218
|
isSearching: PropTypes.bool,
|
|
228
219
|
labelName: PropTypes.string,
|
|
229
220
|
labelPalette: PropTypes.string,
|
|
@@ -248,8 +239,6 @@ MultiSelectField.propTypes = {
|
|
|
248
239
|
validationRulePalette: PropTypes.string,
|
|
249
240
|
valueField: PropTypes.string,
|
|
250
241
|
variant: PropTypes.string,
|
|
251
|
-
lockedInfoText: PropTypes.string,
|
|
252
|
-
isLocked: PropTypes.bool,
|
|
253
242
|
children: PropTypes.node,
|
|
254
243
|
customChildrenClass: PropTypes.string,
|
|
255
244
|
onFocus: PropTypes.func,
|
|
@@ -259,24 +248,23 @@ MultiSelectField.propTypes = {
|
|
|
259
248
|
ValidationMessageProps1: PropTypes.object,
|
|
260
249
|
ValidationMessageProps2: PropTypes.object
|
|
261
250
|
}),
|
|
262
|
-
i18nKeys: PropTypes.object
|
|
251
|
+
i18nKeys: PropTypes.object,
|
|
252
|
+
...FieldCommonPropTypes()
|
|
263
253
|
};
|
|
264
254
|
MultiSelectField.defaultProps = {
|
|
265
255
|
errorType: 'primary',
|
|
266
256
|
isAnimate: false,
|
|
267
|
-
isMandatory: false,
|
|
268
257
|
needSelectAll: false,
|
|
269
258
|
size: 'medium',
|
|
270
259
|
textBoxSize: 'medium',
|
|
271
260
|
variant: 'default',
|
|
272
261
|
borderColor: 'default',
|
|
273
|
-
isDisabled: false,
|
|
274
|
-
isReadOnly: false,
|
|
275
262
|
fieldSize: 'medium',
|
|
276
263
|
isFocusOnLabelClick: true,
|
|
277
264
|
labelPalette: 'default',
|
|
278
265
|
customProps: {},
|
|
279
|
-
i18nKeys: {}
|
|
266
|
+
i18nKeys: {},
|
|
267
|
+
...FieldCommonDefaultProps()
|
|
280
268
|
};
|
|
281
269
|
|
|
282
270
|
if (false) {
|
|
@@ -34,7 +34,14 @@ export default class MultiSelectField__default extends Component {
|
|
|
34
34
|
searchBoxSize: "xmedium",
|
|
35
35
|
textBoxSize: "xmedium",
|
|
36
36
|
animationStyle: "bounce",
|
|
37
|
-
validationMessage: "Invalid Input"
|
|
37
|
+
validationMessage: "Invalid Input",
|
|
38
|
+
infoText: "infoText",
|
|
39
|
+
isLocked: true,
|
|
40
|
+
ePhiData: {
|
|
41
|
+
ePhiTitle: 'ePhiTitle',
|
|
42
|
+
ePhiText: 'ePhiText',
|
|
43
|
+
ePhiStatus: true
|
|
44
|
+
}
|
|
38
45
|
});
|
|
39
46
|
}
|
|
40
47
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
/**** Libraries ****/
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
/**** Libraries ****/
|
|
4
4
|
import React, { PureComponent } from 'react';
|