@zohodesk/dot 1.0.0-beta.227 → 1.0.0-beta.230
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 +12 -0
- package/es/ActionButton/ActionButton.js +7 -3
- 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 +6 -104
- package/es/ToastMessage/ToastMessage.js +1 -1
- package/es/alert/AlertLookup/AlertLookup.js +1 -1
- 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/deprecated/SelectDropdown/SelectDropdown.js +59 -35
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +1 -0
- package/es/docs/formDocs.js +5 -1
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +184 -161
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -0
- 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 +93 -65
- 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 +1 -1
- package/es/list/SecondaryText/ContactName.js +1 -1
- 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/TicketId.js +1 -1
- package/es/list/Subject/Subject.js +1 -1
- package/es/list/status/StatusDropdown/StatusDropdown.js +103 -80
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +3 -0
- package/es/list/status/StatusListItem/StatusListItem.js +1 -1
- package/es/lookup/header/Search/Search.js +1 -1
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +79 -54
- package/es/version2/GlobalNotification/GlobalNotification.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 +9 -5
- 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 +9 -124
- 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 +3 -3
- package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js +2 -2
- 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 +62 -40
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +1 -0
- package/lib/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js +2 -2
- package/lib/docs/formDocs.js +32 -0
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +185 -164
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -0
- 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 +2 -2
- package/lib/emptystate/EditionPage/EditionPage.js +2 -2
- package/lib/emptystate/EditionPage/docs/EditionPage__default.docs.js +2 -2
- package/lib/errorstate/Inconvenience/Inconvenience.js +2 -2
- 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 +2 -2
- package/lib/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js +2 -2
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +2 -2
- package/lib/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js +2 -2
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +2 -2
- package/lib/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js +2 -2
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +2 -2
- package/lib/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js +2 -2
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +2 -2
- 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 +2 -2
- 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/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +86 -0
- 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 +93 -67
- 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 +3 -3
- package/lib/list/SecondaryText/ContactName.js +3 -3
- 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/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/ContactName__default.docs.js +2 -2
- 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 +104 -83
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +3 -0
- 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 +2 -2
- 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 +77 -54
- 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 +2 -2
- package/lib/svg/SnippetIcon.js +2 -2
- package/lib/svg/TemplateIcon.js +2 -2
- 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 +2 -2
- package/lib/version2/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +2 -2
- package/lib/version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs.js +2 -2
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +2 -2
- package/lib/version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs.js +2 -2
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +2 -2
- package/lib/version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs.js +2 -2
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +2 -2
- package/lib/version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs.js +2 -2
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +2 -2
- 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 +5 -5
|
@@ -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';
|
|
@@ -6,12 +6,13 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
/**** Components ****/
|
|
7
7
|
|
|
8
8
|
import Label from '@zohodesk/components/lib/Label/Label';
|
|
9
|
-
import { Container, Box } from '@zohodesk/components/lib/Layout';
|
|
10
9
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
10
|
import TextEditorWrapper from '../TextEditorWrapper/TextEditorWrapper';
|
|
12
|
-
|
|
11
|
+
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
12
|
+
/**** props ****/
|
|
13
13
|
|
|
14
|
-
import
|
|
14
|
+
import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
|
|
15
|
+
import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
|
|
15
16
|
/** Css */
|
|
16
17
|
|
|
17
18
|
import style from '../Fields.module.css';
|
|
@@ -21,6 +22,7 @@ export default class TextEditorField extends PureComponent {
|
|
|
21
22
|
this.handleChange = this.handleChange.bind(this);
|
|
22
23
|
this.handleGetRef = this.handleGetRef.bind(this);
|
|
23
24
|
this.handleLabelClick = this.handleLabelClick.bind(this);
|
|
25
|
+
this.renderEnd = this.renderEnd.bind(this);
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
handleChange(value) {
|
|
@@ -52,6 +54,13 @@ export default class TextEditorField extends PureComponent {
|
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
|
|
57
|
+
renderEnd() {
|
|
58
|
+
let {
|
|
59
|
+
children
|
|
60
|
+
} = this.props;
|
|
61
|
+
return children ? children : null;
|
|
62
|
+
}
|
|
63
|
+
|
|
55
64
|
render() {
|
|
56
65
|
let {
|
|
57
66
|
labelName,
|
|
@@ -102,18 +111,18 @@ export default class TextEditorField extends PureComponent {
|
|
|
102
111
|
TextEditorWrapperProps = {},
|
|
103
112
|
ValidationMessageProps = {}
|
|
104
113
|
} = customProps;
|
|
105
|
-
let {
|
|
106
|
-
ePhiTitle = '',
|
|
107
|
-
ePhiText = '',
|
|
108
|
-
ePhiStatus = false
|
|
109
|
-
} = ePhiData;
|
|
110
114
|
return /*#__PURE__*/React.createElement("div", {
|
|
111
115
|
className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''} ${className || ''}`
|
|
112
|
-
}, /*#__PURE__*/React.createElement(
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
117
|
+
infoText: infoText,
|
|
118
|
+
isLocked: isLocked,
|
|
119
|
+
lockedInfoText: lockedInfoText,
|
|
120
|
+
ePhiData: ePhiData,
|
|
121
|
+
dataId: dataId,
|
|
122
|
+
renderProps: {
|
|
123
|
+
end: this.renderEnd
|
|
124
|
+
}
|
|
125
|
+
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
117
126
|
text: labelName,
|
|
118
127
|
size: fieldSize === 'small' ? 'small' : 'medium',
|
|
119
128
|
htmlFor: !isReadOnly && !isDisabled ? id : undefined,
|
|
@@ -121,21 +130,7 @@ export default class TextEditorField extends PureComponent {
|
|
|
121
130
|
onClick: this.handleLabelClick,
|
|
122
131
|
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
123
132
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
124
|
-
}, LabelProps))),
|
|
125
|
-
name: "ZD-GN-info",
|
|
126
|
-
iconClass: style.infoIcon,
|
|
127
|
-
title: infoText,
|
|
128
|
-
size: "15"
|
|
129
|
-
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
130
|
-
name: "ZD-GN-lock",
|
|
131
|
-
size: "13",
|
|
132
|
-
iconClass: style.lockIcon,
|
|
133
|
-
title: lockedInfoText
|
|
134
|
-
}) : null, ePhiStatus ? /*#__PURE__*/React.createElement("span", {
|
|
135
|
-
"data-title": ePhiTitle,
|
|
136
|
-
"data-id": `${dataId}_ePHI`,
|
|
137
|
-
className: style.ePhiTag
|
|
138
|
-
}, ePhiText) : null, children ? children : null), /*#__PURE__*/React.createElement("div", {
|
|
133
|
+
}, LabelProps))), /*#__PURE__*/React.createElement("div", {
|
|
139
134
|
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
|
|
140
135
|
}, /*#__PURE__*/React.createElement(TextEditorWrapper, _extends({
|
|
141
136
|
needEditor: needEditor,
|
|
@@ -181,10 +176,7 @@ TextEditorField.propTypes = {
|
|
|
181
176
|
fieldSize: PropTypes.oneOf(['small', 'medium']),
|
|
182
177
|
getRef: PropTypes.func,
|
|
183
178
|
id: PropTypes.string,
|
|
184
|
-
isDisabled: PropTypes.bool,
|
|
185
179
|
isFocusOnLabelClick: PropTypes.bool,
|
|
186
|
-
isMandatory: PropTypes.bool,
|
|
187
|
-
isReadOnly: PropTypes.bool,
|
|
188
180
|
labelCustomClass: PropTypes.string,
|
|
189
181
|
labelName: PropTypes.string,
|
|
190
182
|
labelPalette: PropTypes.string,
|
|
@@ -196,9 +188,6 @@ TextEditorField.propTypes = {
|
|
|
196
188
|
validationMessage: PropTypes.string,
|
|
197
189
|
validationPalette: PropTypes.string,
|
|
198
190
|
value: PropTypes.string,
|
|
199
|
-
infoText: PropTypes.string,
|
|
200
|
-
isLocked: PropTypes.bool,
|
|
201
|
-
lockedInfoText: PropTypes.string,
|
|
202
191
|
errorType: PropTypes.string,
|
|
203
192
|
EDITORURL: PropTypes.string,
|
|
204
193
|
editorMode: PropTypes.string,
|
|
@@ -219,23 +208,17 @@ TextEditorField.propTypes = {
|
|
|
219
208
|
setInlineAttachmentInProgress: PropTypes.func,
|
|
220
209
|
handleEditorDropUpload: PropTypes.func,
|
|
221
210
|
children: PropTypes.node,
|
|
222
|
-
ePhiData: PropTypes.shape({
|
|
223
|
-
ePhiTitle: PropTypes.string,
|
|
224
|
-
ePhiText: PropTypes.string,
|
|
225
|
-
ePhiStatus: PropTypes.bool
|
|
226
|
-
}),
|
|
227
211
|
needInlineAttachment: PropTypes.bool,
|
|
228
212
|
customProps: PropTypes.shape({
|
|
229
213
|
LabelProps: PropTypes.object,
|
|
230
214
|
TextEditorWrapperProps: PropTypes.object,
|
|
231
215
|
ValidationMessageProps: PropTypes.object
|
|
232
|
-
})
|
|
216
|
+
}),
|
|
217
|
+
...FieldCommonPropTypes()
|
|
233
218
|
};
|
|
234
219
|
TextEditorField.defaultProps = {
|
|
235
220
|
errorType: 'primary',
|
|
236
221
|
needEditor: true,
|
|
237
|
-
isDisabled: false,
|
|
238
|
-
isReadOnly: false,
|
|
239
222
|
isFocusOnLabelClick: true,
|
|
240
223
|
fieldSize: 'medium',
|
|
241
224
|
textBoxSize: 'xsmall',
|
|
@@ -243,8 +226,8 @@ TextEditorField.defaultProps = {
|
|
|
243
226
|
labelPalette: 'default',
|
|
244
227
|
labelCustomClass: '',
|
|
245
228
|
className: '',
|
|
246
|
-
|
|
247
|
-
|
|
229
|
+
customProps: {},
|
|
230
|
+
...FieldCommonDefaultProps()
|
|
248
231
|
};
|
|
249
232
|
|
|
250
233
|
if (false) {
|
|
@@ -30,8 +30,15 @@ export default class TextEditorField__default extends Component {
|
|
|
30
30
|
labelName: "TextEditor",
|
|
31
31
|
EDITORURL: "https://js.zohostatic.com/zde/v2.2.9/js/ZohoDeskEditor.js",
|
|
32
32
|
initCallback: this.handleEditorStyleOptions,
|
|
33
|
-
loadingComponent: /*#__PURE__*/React.createElement("div", null, "Loading...")
|
|
34
|
-
|
|
33
|
+
loadingComponent: /*#__PURE__*/React.createElement("div", null, "Loading..."),
|
|
34
|
+
infoText: "infoText",
|
|
35
|
+
isLocked: true,
|
|
36
|
+
ePhiData: {
|
|
37
|
+
ePhiTitle: 'ePhiTitle',
|
|
38
|
+
ePhiText: 'ePhiText',
|
|
39
|
+
ePhiStatus: true
|
|
40
|
+
}
|
|
41
|
+
}, "Children"));
|
|
35
42
|
}
|
|
36
43
|
|
|
37
44
|
}
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -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 Textarea from '@zohodesk/components/lib/Textarea/Textarea';
|
|
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';
|
|
@@ -85,7 +87,8 @@ export default class TextareaField extends PureComponent {
|
|
|
85
87
|
htmlId,
|
|
86
88
|
lockedInfoText,
|
|
87
89
|
isLocked,
|
|
88
|
-
customProps
|
|
90
|
+
customProps,
|
|
91
|
+
renderLabelProps
|
|
89
92
|
} = this.props;
|
|
90
93
|
const {
|
|
91
94
|
LabelProps = {},
|
|
@@ -97,8 +100,11 @@ export default class TextareaField extends PureComponent {
|
|
|
97
100
|
return /*#__PURE__*/React.createElement("div", {
|
|
98
101
|
className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
99
102
|
"data-title": isDisabled ? title : null
|
|
100
|
-
}, labelName && /*#__PURE__*/React.createElement(
|
|
101
|
-
|
|
103
|
+
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
104
|
+
infoText: infoText,
|
|
105
|
+
isLocked: isLocked,
|
|
106
|
+
lockedInfoText: lockedInfoText,
|
|
107
|
+
renderProps: renderLabelProps
|
|
102
108
|
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
103
109
|
text: labelName,
|
|
104
110
|
id: id,
|
|
@@ -107,17 +113,7 @@ export default class TextareaField extends PureComponent {
|
|
|
107
113
|
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
108
114
|
htmlFor: uniqueId,
|
|
109
115
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
110
|
-
}, LabelProps)),
|
|
111
|
-
name: "ZD-GN-info",
|
|
112
|
-
iconClass: style.infoIcon,
|
|
113
|
-
title: infoText,
|
|
114
|
-
size: "15"
|
|
115
|
-
}) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
|
|
116
|
-
name: "ZD-GN-lock",
|
|
117
|
-
size: "13",
|
|
118
|
-
iconClass: style.lockIcon,
|
|
119
|
-
title: lockedInfoText
|
|
120
|
-
}) : null), /*#__PURE__*/React.createElement("div", {
|
|
116
|
+
}, LabelProps))), /*#__PURE__*/React.createElement("div", {
|
|
121
117
|
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
|
|
122
118
|
}, /*#__PURE__*/React.createElement(Textarea, _extends({
|
|
123
119
|
onChange: this.handleChange,
|
|
@@ -156,16 +152,11 @@ export default class TextareaField extends PureComponent {
|
|
|
156
152
|
TextareaField.propTypes = {
|
|
157
153
|
animated: PropTypes.bool,
|
|
158
154
|
borderColor: PropTypes.oneOf(['transparent', 'default']),
|
|
159
|
-
dataId: PropTypes.string,
|
|
160
155
|
errorType: PropTypes.oneOf(['primary', 'secondary']),
|
|
161
156
|
fieldSize: PropTypes.oneOf(['small', 'medium']),
|
|
162
157
|
getRef: PropTypes.func,
|
|
163
158
|
id: PropTypes.string,
|
|
164
|
-
infoText: PropTypes.string,
|
|
165
|
-
isDisabled: PropTypes.bool,
|
|
166
159
|
// isFocusOnLabelClick: PropTypes.bool,
|
|
167
|
-
isMandatory: PropTypes.bool,
|
|
168
|
-
isReadOnly: PropTypes.bool,
|
|
169
160
|
labelCustomClass: PropTypes.string,
|
|
170
161
|
labelName: PropTypes.string,
|
|
171
162
|
labelPalette: PropTypes.string,
|
|
@@ -182,29 +173,26 @@ TextareaField.propTypes = {
|
|
|
182
173
|
validationRuleMessage: PropTypes.string,
|
|
183
174
|
validationRulePalette: PropTypes.string,
|
|
184
175
|
value: PropTypes.string,
|
|
185
|
-
lockedInfoText: PropTypes.string,
|
|
186
|
-
isLocked: PropTypes.bool,
|
|
187
176
|
customProps: PropTypes.shape({
|
|
188
177
|
LabelProps: PropTypes.object,
|
|
189
178
|
TextareaProps: PropTypes.object,
|
|
190
179
|
ValidationMessageProps1: PropTypes.object,
|
|
191
180
|
ValidationMessageProps2: PropTypes.object
|
|
192
|
-
})
|
|
181
|
+
}),
|
|
182
|
+
...FieldCommonPropTypes()
|
|
193
183
|
};
|
|
194
184
|
TextareaField.defaultProps = {
|
|
195
|
-
isMandatory: false,
|
|
196
|
-
isReadOnly: false,
|
|
197
185
|
textBoxSize: 'xsmall',
|
|
198
186
|
textBoxVariant: 'primary',
|
|
199
187
|
animated: true,
|
|
200
188
|
errorType: 'primary',
|
|
201
189
|
borderColor: 'default',
|
|
202
|
-
isDisabled: false,
|
|
203
190
|
fieldSize: 'medium',
|
|
204
191
|
// isFocusOnLabelClick: true,
|
|
205
192
|
labelPalette: 'default',
|
|
206
193
|
labelCustomClass: '',
|
|
207
|
-
customProps: {}
|
|
194
|
+
customProps: {},
|
|
195
|
+
...FieldCommonDefaultProps()
|
|
208
196
|
};
|
|
209
197
|
|
|
210
198
|
if (false) {
|
|
@@ -12,7 +12,14 @@ export default class TextareaField__default extends Component {
|
|
|
12
12
|
onChange: () => {},
|
|
13
13
|
textBoxSize: "xsmall",
|
|
14
14
|
textBoxVariant: "primary",
|
|
15
|
-
validationMessage: "Invalid Input"
|
|
15
|
+
validationMessage: "Invalid Input",
|
|
16
|
+
infoText: "infoText",
|
|
17
|
+
isLocked: true,
|
|
18
|
+
ePhiData: {
|
|
19
|
+
ePhiTitle: 'ePhiTitle',
|
|
20
|
+
ePhiText: 'ePhiText',
|
|
21
|
+
ePhiStatus: true
|
|
22
|
+
}
|
|
16
23
|
});
|
|
17
24
|
}
|
|
18
25
|
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
export const FieldCommonPropTypes = () => {
|
|
3
|
+
return {
|
|
4
|
+
ePhiData: PropTypes.shape({
|
|
5
|
+
ePhiTitle: PropTypes.string,
|
|
6
|
+
ePhiText: PropTypes.string,
|
|
7
|
+
ePhiStatus: PropTypes.bool
|
|
8
|
+
}),
|
|
9
|
+
dataId: PropTypes.string,
|
|
10
|
+
infoText: PropTypes.string,
|
|
11
|
+
lockedInfoText: PropTypes.string,
|
|
12
|
+
isLocked: PropTypes.bool,
|
|
13
|
+
isDisabled: PropTypes.bool,
|
|
14
|
+
isReadOnly: PropTypes.bool,
|
|
15
|
+
isMandatory: PropTypes.bool,
|
|
16
|
+
renderLabelProps: PropTypes.shape({
|
|
17
|
+
start: PropTypes.func,
|
|
18
|
+
middle: PropTypes.func,
|
|
19
|
+
end: PropTypes.func
|
|
20
|
+
})
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -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
|
import React from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
.stenLoading {
|
|
2
2
|
position: relative;
|
|
3
|
-
width: var(--zd_size265);
|
|
4
3
|
background-color: var(--zdt_gridstencils_default_bg);
|
|
5
4
|
border-bottom: 1px solid var(--zdt_gridstencils_default_border);
|
|
6
|
-
padding: var(--zd_size13) var(--
|
|
7
|
-
margin:
|
|
5
|
+
padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15);
|
|
6
|
+
margin-bottom: var(--zd_size10) ;
|
|
8
7
|
border-radius: var(--zd_size5);
|
|
9
8
|
}
|
|
10
9
|
[dir=ltr] .stenLoadbody {
|
|
@@ -28,7 +27,6 @@
|
|
|
28
27
|
[dir=rtl] .stenLoadbody::after {
|
|
29
28
|
left: var(--zd_size20);
|
|
30
29
|
}
|
|
31
|
-
|
|
32
30
|
.lineBar {
|
|
33
31
|
width: 90%;
|
|
34
32
|
}
|
|
@@ -54,14 +52,14 @@
|
|
|
54
52
|
background-repeat: no-repeat;
|
|
55
53
|
}
|
|
56
54
|
[dir=ltr] .stenListBAr {
|
|
57
|
-
-webkit-animation-duration:var(--zd_transition10);
|
|
55
|
+
-webkit-animation-duration: var(--zd_transition10);
|
|
58
56
|
-webkit-animation-fill-mode: forwards;
|
|
59
57
|
-webkit-animation-iteration-count: infinite;
|
|
60
58
|
-webkit-animation-name: placeHolderShimmer;
|
|
61
59
|
-webkit-animation-timing-function: linear;
|
|
62
60
|
}
|
|
63
61
|
[dir=rtl] .stenListBAr {
|
|
64
|
-
-webkit-animation-duration:var(--zd_transition10);
|
|
62
|
+
-webkit-animation-duration: var(--zd_transition10);
|
|
65
63
|
-webkit-animation-fill-mode: forwards;
|
|
66
64
|
-webkit-animation-iteration-count: infinite;
|
|
67
65
|
-webkit-animation-name: placeHolderShimmer;
|
|
@@ -104,13 +102,11 @@
|
|
|
104
102
|
[dir=rtl] .threeLayout .stenLoadbody::before {
|
|
105
103
|
right: var(--zd_size16);
|
|
106
104
|
}
|
|
107
|
-
|
|
108
105
|
[dir=ltr] .threeLayout .stenLoadbody {
|
|
109
|
-
margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0
|
|
106
|
+
margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0;
|
|
110
107
|
}
|
|
111
|
-
|
|
112
108
|
[dir=rtl] .threeLayout .stenLoadbody {
|
|
113
|
-
margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20)
|
|
109
|
+
margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20);
|
|
114
110
|
}
|
|
115
111
|
.threeLayout .stenLoadbody::after {
|
|
116
112
|
top: var(--zd_size15);
|
|
@@ -122,31 +118,24 @@
|
|
|
122
118
|
[dir=rtl] .threeLayout .stenLoadbody::after {
|
|
123
119
|
left: var(--zd_size20);
|
|
124
120
|
}
|
|
125
|
-
|
|
126
121
|
[dir=ltr] .leftCont .stenLoadbody::before {
|
|
127
122
|
left: var(--zd_size33);
|
|
128
123
|
}
|
|
129
|
-
|
|
130
124
|
[dir=rtl] .leftCont .stenLoadbody::before {
|
|
131
125
|
right: var(--zd_size33);
|
|
132
126
|
}
|
|
133
|
-
|
|
134
127
|
[dir=ltr] .leftCont .stenLoadbody {
|
|
135
128
|
margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) var(--zd_size46);
|
|
136
129
|
}
|
|
137
|
-
|
|
138
130
|
[dir=rtl] .leftCont .stenLoadbody {
|
|
139
131
|
margin: var(--zd_size8) var(--zd_size46) var(--zd_size8) var(--zd_size20);
|
|
140
132
|
}
|
|
141
|
-
|
|
142
133
|
[dir=ltr] .leftCont .stenLoadbody::after {
|
|
143
134
|
right: var(--zd_size40);
|
|
144
135
|
}
|
|
145
|
-
|
|
146
136
|
[dir=rtl] .leftCont .stenLoadbody::after {
|
|
147
137
|
left: var(--zd_size40);
|
|
148
138
|
}
|
|
149
|
-
|
|
150
139
|
.leftCont .lineBar {
|
|
151
140
|
width: 80%;
|
|
152
141
|
}
|
|
@@ -155,4 +144,4 @@
|
|
|
155
144
|
}
|
|
156
145
|
.leftCont .lineBar3 {
|
|
157
146
|
width: 40%;
|
|
158
|
-
}
|
|
147
|
+
}
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -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
|
/* eslint-disable react/forbid-component-props */
|
|
4
4
|
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -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
|
/* eslint-disable react/forbid-component-props */
|
|
4
4
|
|
|
@@ -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
|
/* eslint-disable react/forbid-component-props */
|
|
4
4
|
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
@@ -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
|
import React, { Component } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|