@atlaskit/smart-card 17.0.1 → 17.3.0
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/CHANGELOG.md +78 -0
- package/dist/cjs/classNames.js +105 -0
- package/dist/cjs/constants.js +86 -5
- package/dist/cjs/extractors/common/actions/extractActions.js +5 -3
- package/dist/cjs/extractors/common/actions/extractPreviewAction.js +3 -3
- package/dist/cjs/extractors/common/context/extractAccessContext.js +7 -5
- package/dist/cjs/extractors/flexible/collaboratorGroup/index.js +20 -0
- package/dist/cjs/extractors/flexible/extract-priority.js +49 -0
- package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js +39 -0
- package/dist/cjs/extractors/flexible/icon/extract-file-formatIcon.js +116 -0
- package/dist/cjs/extractors/flexible/icon/extract-icon-renderer.js +28 -0
- package/dist/cjs/extractors/flexible/icon/extract-jira-task-icon.js +45 -0
- package/dist/cjs/extractors/flexible/icon/extract-jsonld-data-icon.js +123 -0
- package/dist/cjs/extractors/flexible/icon/extract-provider-icon.js +29 -0
- package/dist/cjs/extractors/flexible/icon/extract-url-icon.js +16 -0
- package/dist/cjs/extractors/flexible/icon/index.js +82 -0
- package/dist/cjs/{view/FlexibleCard/components/elements/icon/atlaskit-icon → extractors/flexible/icon}/types.js +0 -0
- package/dist/cjs/extractors/flexible/index.js +34 -2
- package/dist/cjs/extractors/flexible/utils.js +50 -0
- package/dist/cjs/index.js +56 -4
- package/dist/cjs/messages.js +137 -0
- package/dist/cjs/providers/editor/transformer.js +1 -1
- package/dist/cjs/ssr.js +45 -0
- package/dist/cjs/utils/flexible.js +54 -0
- package/dist/cjs/utils/index.js +18 -2
- package/dist/cjs/utils/token.js +34 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/BlockCard/actions/AuthorizeAction.js +29 -0
- package/dist/cjs/view/BlockCard/actions/DownloadAction.js +69 -0
- package/dist/cjs/view/BlockCard/actions/ForbiddenAction.js +38 -0
- package/dist/cjs/view/BlockCard/actions/PreviewAction.js +134 -0
- package/dist/cjs/view/BlockCard/actions/RetryAction.js +49 -0
- package/dist/cjs/view/BlockCard/actions/ViewAction.js +67 -0
- package/dist/cjs/view/BlockCard/components/Action.js +70 -0
- package/dist/cjs/view/BlockCard/components/ActionIcon.js +57 -0
- package/dist/cjs/view/BlockCard/components/ActionList.js +75 -0
- package/dist/cjs/view/BlockCard/components/Byline.js +46 -0
- package/dist/cjs/view/BlockCard/components/CollaboratorList.js +53 -0
- package/dist/cjs/view/BlockCard/components/Content.js +33 -0
- package/dist/cjs/view/BlockCard/components/ContentFooter.js +33 -0
- package/dist/cjs/view/BlockCard/components/ContentHeader.js +34 -0
- package/dist/cjs/view/BlockCard/components/Emoji.js +31 -0
- package/dist/cjs/view/BlockCard/components/Frame.js +95 -0
- package/dist/cjs/view/BlockCard/components/Icon.js +60 -0
- package/dist/cjs/view/BlockCard/components/Link.js +28 -0
- package/dist/cjs/view/BlockCard/components/Metadata.js +60 -0
- package/dist/cjs/view/BlockCard/components/MetadataList.js +43 -0
- package/dist/cjs/view/BlockCard/components/Modal.js +132 -0
- package/dist/cjs/view/BlockCard/components/ModalHeader.js +111 -0
- package/dist/cjs/view/BlockCard/components/Name.js +47 -0
- package/dist/cjs/view/BlockCard/components/Provider.js +49 -0
- package/dist/cjs/view/BlockCard/components/Thumbnail.js +71 -0
- package/dist/cjs/view/BlockCard/components/UnresolvedText.js +22 -0
- package/dist/cjs/view/BlockCard/index.js +83 -11
- package/dist/cjs/view/BlockCard/utils/constants.js +13 -0
- package/dist/cjs/view/BlockCard/utils/handlers.js +16 -0
- package/dist/cjs/view/BlockCard/utils/index.js +27 -0
- package/dist/cjs/view/BlockCard/views/ErroredView.js +100 -0
- package/dist/cjs/view/BlockCard/views/ForbiddenView.js +112 -0
- package/dist/cjs/view/BlockCard/views/NotFoundView.js +96 -0
- package/dist/cjs/view/BlockCard/views/ResolvedView.js +144 -0
- package/dist/cjs/view/BlockCard/views/ResolvingView.js +55 -0
- package/dist/cjs/view/BlockCard/views/UnauthorizedView.js +93 -0
- package/dist/cjs/view/CardWithData/component.js +6 -4
- package/dist/cjs/view/CardWithUrl/component-lazy/LazyFallback.js +2 -2
- package/dist/cjs/view/CardWithUrl/component.js +19 -1
- package/dist/cjs/view/CardWithUrl/loader.js +9 -6
- package/dist/cjs/view/EmbedCard/EmbedResizeMessageListener.js +2 -2
- package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js +93 -0
- package/dist/cjs/view/EmbedCard/components/Frame.js +65 -0
- package/dist/cjs/view/EmbedCard/components/ImageIcon.js +44 -0
- package/dist/cjs/view/EmbedCard/components/styled.js +187 -0
- package/dist/cjs/view/EmbedCard/index.js +22 -12
- package/dist/cjs/view/EmbedCard/views/ErroredView.js +66 -0
- package/dist/cjs/view/EmbedCard/views/ForbiddenView.js +85 -0
- package/dist/cjs/view/EmbedCard/views/NotFoundView.js +51 -0
- package/dist/cjs/view/EmbedCard/views/ResolvedView.js +75 -0
- package/dist/cjs/view/EmbedCard/views/UnauthorisedView.js +58 -0
- package/dist/cjs/view/EmbedCard/views/UnresolvedView.js +83 -0
- package/dist/cjs/view/FlexibleCard/components/actions/action/index.js +98 -0
- package/dist/cjs/view/FlexibleCard/components/{elements/icon/image-icon → actions/action}/types.js +0 -0
- package/dist/cjs/view/FlexibleCard/components/actions/index.js +18 -0
- package/dist/cjs/view/FlexibleCard/components/actions/utils.js +98 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js +37 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/action-group/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js +6 -51
- package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js +60 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/element-group/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/index.js +23 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/index.js +116 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js +81 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js +58 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js +65 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolving/index.js +68 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/utils.js +151 -0
- package/dist/cjs/view/FlexibleCard/components/{elements/icon → common}/atlaskit-icon/index.js +95 -13
- package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js +42 -0
- package/dist/cjs/view/FlexibleCard/components/common/image-icon/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/container/index.js +20 -33
- package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/index.js +64 -0
- package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js +97 -0
- package/dist/cjs/view/FlexibleCard/components/elements/badge/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js +68 -0
- package/dist/cjs/view/FlexibleCard/components/elements/date-time/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/elements/icon/index.js +34 -53
- package/dist/cjs/view/FlexibleCard/components/elements/index.js +40 -0
- package/dist/cjs/view/FlexibleCard/components/elements/link/index.js +24 -74
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/index.js +44 -0
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/elements/text/index.js +42 -0
- package/dist/cjs/view/FlexibleCard/components/elements/text/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/elements/utils.js +170 -0
- package/dist/cjs/view/FlexibleCard/components/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/components/utils.js +84 -0
- package/dist/cjs/view/FlexibleCard/index.js +41 -0
- package/dist/cjs/view/FlexibleCard/types.js +5 -0
- package/dist/cjs/view/FlexibleCard/utils.js +119 -0
- package/dist/cjs/view/InlineCard/ErroredView/index.js +122 -0
- package/dist/cjs/view/InlineCard/ForbiddenView/index.js +148 -0
- package/dist/cjs/view/InlineCard/Frame/index.js +71 -0
- package/dist/cjs/view/InlineCard/Frame/styled.js +96 -0
- package/dist/cjs/view/InlineCard/Icon.js +37 -0
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js +140 -0
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/styled.js +76 -0
- package/dist/cjs/view/InlineCard/ResolvedView/index.js +88 -0
- package/dist/cjs/view/InlineCard/ResolvingView/index.js +91 -0
- package/dist/cjs/view/InlineCard/ResolvingView/styled.js +19 -0
- package/dist/cjs/view/InlineCard/UnauthorisedView/index.js +118 -0
- package/dist/cjs/view/InlineCard/index.js +48 -8
- package/dist/cjs/view/InlineCard/styled.js +43 -0
- package/dist/cjs/view/LinkView/index.js +51 -0
- package/dist/cjs/view/types.js +5 -0
- package/dist/es2019/classNames.js +11 -0
- package/dist/es2019/constants.js +79 -4
- package/dist/es2019/extractors/common/actions/extractActions.js +2 -1
- package/dist/es2019/extractors/common/actions/extractPreviewAction.js +1 -1
- package/dist/es2019/extractors/common/context/extractAccessContext.js +2 -1
- package/dist/es2019/extractors/flexible/collaboratorGroup/index.js +10 -0
- package/dist/es2019/extractors/flexible/extract-priority.js +39 -0
- package/dist/es2019/extractors/flexible/icon/extract-document-type-icon.js +31 -0
- package/dist/es2019/extractors/flexible/icon/extract-file-formatIcon.js +108 -0
- package/dist/es2019/extractors/flexible/icon/extract-icon-renderer.js +16 -0
- package/dist/es2019/extractors/flexible/icon/extract-jira-task-icon.js +35 -0
- package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js +96 -0
- package/dist/es2019/extractors/flexible/icon/extract-provider-icon.js +17 -0
- package/dist/es2019/extractors/flexible/icon/extract-url-icon.js +8 -0
- package/dist/es2019/extractors/flexible/icon/index.js +52 -0
- package/dist/es2019/{view/FlexibleCard/components/elements/icon/atlaskit-icon → extractors/flexible/icon}/types.js +0 -0
- package/dist/es2019/extractors/flexible/index.js +25 -3
- package/dist/es2019/extractors/flexible/utils.js +23 -0
- package/dist/es2019/index.js +6 -3
- package/dist/es2019/messages.js +128 -0
- package/dist/es2019/providers/editor/transformer.js +1 -1
- package/dist/es2019/ssr.js +19 -0
- package/dist/es2019/utils/flexible.js +14 -0
- package/dist/es2019/utils/index.js +6 -0
- package/dist/es2019/utils/token.js +23 -0
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/BlockCard/actions/AuthorizeAction.js +9 -0
- package/dist/es2019/view/BlockCard/actions/DownloadAction.js +22 -0
- package/dist/es2019/view/BlockCard/actions/ForbiddenAction.js +14 -0
- package/dist/es2019/view/BlockCard/actions/PreviewAction.js +70 -0
- package/dist/es2019/view/BlockCard/actions/RetryAction.js +8 -0
- package/dist/es2019/view/BlockCard/actions/ViewAction.js +21 -0
- package/dist/es2019/view/BlockCard/components/Action.js +42 -0
- package/dist/es2019/view/BlockCard/components/ActionIcon.js +42 -0
- package/dist/es2019/view/BlockCard/components/ActionList.js +42 -0
- package/dist/es2019/view/BlockCard/components/Byline.js +33 -0
- package/dist/es2019/view/BlockCard/components/CollaboratorList.js +36 -0
- package/dist/es2019/view/BlockCard/components/Content.js +18 -0
- package/dist/es2019/view/BlockCard/components/ContentFooter.js +18 -0
- package/dist/es2019/view/BlockCard/components/ContentHeader.js +21 -0
- package/dist/es2019/view/BlockCard/components/Emoji.js +18 -0
- package/dist/es2019/view/BlockCard/components/Frame.js +68 -0
- package/dist/es2019/view/BlockCard/components/Icon.js +42 -0
- package/dist/es2019/view/BlockCard/components/Link.js +17 -0
- package/dist/es2019/view/BlockCard/components/Metadata.js +46 -0
- package/dist/es2019/view/BlockCard/components/MetadataList.js +26 -0
- package/dist/es2019/view/BlockCard/components/Modal.js +94 -0
- package/dist/es2019/view/BlockCard/components/ModalHeader.js +86 -0
- package/dist/es2019/view/BlockCard/components/Name.js +31 -0
- package/dist/es2019/view/BlockCard/components/Provider.js +38 -0
- package/dist/es2019/view/BlockCard/components/Thumbnail.js +49 -0
- package/dist/es2019/view/BlockCard/components/UnresolvedText.js +13 -0
- package/dist/es2019/view/BlockCard/index.js +11 -1
- package/dist/es2019/view/BlockCard/utils/constants.js +4 -0
- package/dist/es2019/view/BlockCard/utils/handlers.js +7 -0
- package/dist/es2019/view/BlockCard/utils/index.js +9 -0
- package/dist/es2019/view/BlockCard/views/ErroredView.js +57 -0
- package/dist/es2019/view/BlockCard/views/ForbiddenView.js +72 -0
- package/dist/es2019/view/BlockCard/views/NotFoundView.js +56 -0
- package/dist/es2019/view/BlockCard/views/ResolvedView.js +97 -0
- package/dist/es2019/view/BlockCard/views/ResolvingView.js +31 -0
- package/dist/es2019/view/BlockCard/views/UnauthorizedView.js +56 -0
- package/dist/es2019/view/CardWithData/component.js +2 -1
- package/dist/es2019/view/CardWithUrl/component-lazy/LazyFallback.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +15 -1
- package/dist/es2019/view/CardWithUrl/loader.js +7 -4
- package/dist/es2019/view/EmbedCard/EmbedResizeMessageListener.js +1 -1
- package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js +69 -0
- package/dist/es2019/view/EmbedCard/components/Frame.js +37 -0
- package/dist/es2019/view/EmbedCard/components/ImageIcon.js +28 -0
- package/dist/es2019/view/EmbedCard/components/styled.js +292 -0
- package/dist/es2019/view/EmbedCard/index.js +7 -2
- package/dist/es2019/view/EmbedCard/views/ErroredView.js +43 -0
- package/dist/es2019/view/EmbedCard/views/ForbiddenView.js +68 -0
- package/dist/es2019/view/EmbedCard/views/NotFoundView.js +33 -0
- package/dist/es2019/view/EmbedCard/views/ResolvedView.js +53 -0
- package/dist/es2019/view/EmbedCard/views/UnauthorisedView.js +40 -0
- package/dist/es2019/view/EmbedCard/views/UnresolvedView.js +67 -0
- package/dist/es2019/view/FlexibleCard/components/actions/action/index.js +74 -0
- package/dist/es2019/view/FlexibleCard/components/{elements/icon/image-icon → actions/action}/types.js +0 -0
- package/dist/es2019/view/FlexibleCard/components/actions/index.js +8 -0
- package/dist/es2019/view/FlexibleCard/components/actions/utils.js +71 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js +22 -0
- package/dist/{esm/view/FlexibleCard/components/elements/icon/atlaskit-icon → es2019/view/FlexibleCard/components/blocks/action-group}/types.js +0 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js +6 -45
- package/dist/es2019/view/FlexibleCard/components/blocks/element-group/index.js +45 -0
- package/dist/{esm/view/FlexibleCard/components/elements/icon/image-icon → es2019/view/FlexibleCard/components/blocks/element-group}/types.js +0 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/index.js +2 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/metadata-block/index.js +97 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/metadata-block/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js +69 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js +37 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js +42 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/index.js +52 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/utils.js +122 -0
- package/dist/es2019/view/FlexibleCard/components/{elements/icon → common}/atlaskit-icon/index.js +82 -15
- package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js +49 -0
- package/dist/es2019/view/FlexibleCard/components/common/image-icon/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/container/index.js +32 -32
- package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js +51 -0
- package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js +102 -0
- package/dist/es2019/view/FlexibleCard/components/elements/badge/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js +53 -0
- package/dist/es2019/view/FlexibleCard/components/elements/date-time/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js +47 -48
- package/dist/es2019/view/FlexibleCard/components/elements/index.js +18 -0
- package/dist/es2019/view/FlexibleCard/components/elements/link/index.js +43 -74
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js +28 -0
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/text/index.js +29 -0
- package/dist/es2019/view/FlexibleCard/components/elements/text/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/utils.js +149 -0
- package/dist/es2019/view/FlexibleCard/components/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/utils.js +92 -0
- package/dist/es2019/view/FlexibleCard/index.js +30 -0
- package/dist/es2019/view/FlexibleCard/types.js +1 -0
- package/dist/es2019/view/FlexibleCard/utils.js +99 -0
- package/dist/es2019/view/InlineCard/ErroredView/index.js +70 -0
- package/dist/es2019/view/InlineCard/ForbiddenView/index.js +98 -0
- package/dist/es2019/view/InlineCard/Frame/index.js +55 -0
- package/dist/es2019/view/InlineCard/Frame/styled.js +108 -0
- package/dist/es2019/view/InlineCard/Icon.js +62 -0
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js +99 -0
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js +102 -0
- package/dist/es2019/view/InlineCard/ResolvedView/index.js +46 -0
- package/dist/es2019/view/InlineCard/ResolvingView/index.js +48 -0
- package/dist/es2019/view/InlineCard/ResolvingView/styled.js +6 -0
- package/dist/es2019/view/InlineCard/UnauthorisedView/index.js +66 -0
- package/dist/es2019/view/InlineCard/index.js +7 -1
- package/dist/es2019/view/InlineCard/styled.js +39 -0
- package/dist/es2019/view/LinkView/index.js +11 -0
- package/dist/es2019/view/types.js +1 -0
- package/dist/esm/classNames.js +11 -0
- package/dist/esm/constants.js +79 -4
- package/dist/esm/extractors/common/actions/extractActions.js +2 -1
- package/dist/esm/extractors/common/actions/extractPreviewAction.js +1 -1
- package/dist/esm/extractors/common/context/extractAccessContext.js +2 -1
- package/dist/esm/extractors/flexible/collaboratorGroup/index.js +10 -0
- package/dist/esm/extractors/flexible/extract-priority.js +39 -0
- package/dist/esm/extractors/flexible/icon/extract-document-type-icon.js +31 -0
- package/dist/esm/extractors/flexible/icon/extract-file-formatIcon.js +108 -0
- package/dist/esm/extractors/flexible/icon/extract-icon-renderer.js +20 -0
- package/dist/esm/extractors/flexible/icon/extract-jira-task-icon.js +37 -0
- package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js +104 -0
- package/dist/esm/extractors/flexible/icon/extract-provider-icon.js +17 -0
- package/dist/esm/extractors/flexible/icon/extract-url-icon.js +8 -0
- package/dist/esm/extractors/flexible/icon/index.js +63 -0
- package/dist/esm/extractors/flexible/icon/types.js +1 -0
- package/dist/esm/extractors/flexible/index.js +25 -3
- package/dist/esm/extractors/flexible/utils.js +29 -0
- package/dist/esm/index.js +6 -3
- package/dist/esm/messages.js +128 -0
- package/dist/esm/providers/editor/transformer.js +1 -1
- package/dist/esm/ssr.js +24 -0
- package/dist/esm/utils/flexible.js +26 -0
- package/dist/esm/utils/index.js +10 -0
- package/dist/esm/utils/token.js +23 -0
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/BlockCard/actions/AuthorizeAction.js +15 -0
- package/dist/esm/view/BlockCard/actions/DownloadAction.js +51 -0
- package/dist/esm/view/BlockCard/actions/ForbiddenAction.js +23 -0
- package/dist/esm/view/BlockCard/actions/PreviewAction.js +105 -0
- package/dist/esm/view/BlockCard/actions/RetryAction.js +33 -0
- package/dist/esm/view/BlockCard/actions/ViewAction.js +50 -0
- package/dist/esm/view/BlockCard/components/Action.js +53 -0
- package/dist/esm/view/BlockCard/components/ActionIcon.js +42 -0
- package/dist/esm/view/BlockCard/components/ActionList.js +55 -0
- package/dist/esm/view/BlockCard/components/Byline.js +34 -0
- package/dist/esm/view/BlockCard/components/CollaboratorList.js +39 -0
- package/dist/esm/view/BlockCard/components/Content.js +20 -0
- package/dist/esm/view/BlockCard/components/ContentFooter.js +20 -0
- package/dist/esm/view/BlockCard/components/ContentHeader.js +22 -0
- package/dist/esm/view/BlockCard/components/Emoji.js +17 -0
- package/dist/esm/view/BlockCard/components/Frame.js +75 -0
- package/dist/esm/view/BlockCard/components/Icon.js +42 -0
- package/dist/esm/view/BlockCard/components/Link.js +17 -0
- package/dist/esm/view/BlockCard/components/Metadata.js +45 -0
- package/dist/esm/view/BlockCard/components/MetadataList.js +27 -0
- package/dist/esm/view/BlockCard/components/Modal.js +125 -0
- package/dist/esm/view/BlockCard/components/ModalHeader.js +87 -0
- package/dist/esm/view/BlockCard/components/Name.js +33 -0
- package/dist/esm/view/BlockCard/components/Provider.js +37 -0
- package/dist/esm/view/BlockCard/components/Thumbnail.js +53 -0
- package/dist/esm/view/BlockCard/components/UnresolvedText.js +12 -0
- package/dist/esm/view/BlockCard/index.js +11 -1
- package/dist/esm/view/BlockCard/utils/constants.js +4 -0
- package/dist/esm/view/BlockCard/utils/handlers.js +7 -0
- package/dist/esm/view/BlockCard/utils/index.js +14 -0
- package/dist/esm/view/BlockCard/views/ErroredView.js +73 -0
- package/dist/esm/view/BlockCard/views/ForbiddenView.js +82 -0
- package/dist/esm/view/BlockCard/views/NotFoundView.js +70 -0
- package/dist/esm/view/BlockCard/views/ResolvedView.js +112 -0
- package/dist/esm/view/BlockCard/views/ResolvingView.js +34 -0
- package/dist/esm/view/BlockCard/views/UnauthorizedView.js +71 -0
- package/dist/esm/view/CardWithData/component.js +2 -1
- package/dist/esm/view/CardWithUrl/component-lazy/LazyFallback.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +15 -1
- package/dist/esm/view/CardWithUrl/loader.js +7 -4
- package/dist/esm/view/EmbedCard/EmbedResizeMessageListener.js +1 -1
- package/dist/esm/view/EmbedCard/components/ExpandedFrame.js +79 -0
- package/dist/esm/view/EmbedCard/components/Frame.js +45 -0
- package/dist/esm/view/EmbedCard/components/ImageIcon.js +30 -0
- package/dist/esm/view/EmbedCard/components/styled.js +116 -0
- package/dist/esm/view/EmbedCard/index.js +7 -2
- package/dist/esm/view/EmbedCard/views/ErroredView.js +46 -0
- package/dist/esm/view/EmbedCard/views/ForbiddenView.js +67 -0
- package/dist/esm/view/EmbedCard/views/NotFoundView.js +33 -0
- package/dist/esm/view/EmbedCard/views/ResolvedView.js +55 -0
- package/dist/esm/view/EmbedCard/views/UnauthorisedView.js +40 -0
- package/dist/esm/view/EmbedCard/views/UnresolvedView.js +66 -0
- package/dist/esm/view/FlexibleCard/components/actions/action/index.js +82 -0
- package/dist/esm/view/FlexibleCard/components/actions/action/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/actions/index.js +8 -0
- package/dist/esm/view/FlexibleCard/components/actions/utils.js +70 -0
- package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js +24 -0
- package/dist/esm/view/FlexibleCard/components/blocks/action-group/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/blocks/block/index.js +6 -50
- package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js +46 -0
- package/dist/esm/view/FlexibleCard/components/blocks/element-group/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/blocks/index.js +2 -0
- package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/index.js +97 -0
- package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js +60 -0
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js +41 -0
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js +47 -0
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js +53 -0
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/blocks/utils.js +114 -0
- package/dist/esm/view/FlexibleCard/components/{elements/icon → common}/atlaskit-icon/index.js +96 -14
- package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js +30 -0
- package/dist/esm/view/FlexibleCard/components/common/image-icon/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/container/index.js +21 -35
- package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js +51 -0
- package/dist/esm/view/FlexibleCard/components/elements/avatar-group/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/badge/index.js +79 -0
- package/dist/esm/view/FlexibleCard/components/elements/badge/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js +51 -0
- package/dist/esm/view/FlexibleCard/components/elements/date-time/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/icon/index.js +33 -53
- package/dist/esm/view/FlexibleCard/components/elements/index.js +18 -0
- package/dist/esm/view/FlexibleCard/components/elements/link/index.js +22 -72
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js +32 -0
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/text/index.js +29 -0
- package/dist/esm/view/FlexibleCard/components/elements/text/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/utils.js +141 -0
- package/dist/esm/view/FlexibleCard/components/types.js +1 -0
- package/dist/esm/view/FlexibleCard/components/utils.js +57 -0
- package/dist/esm/view/FlexibleCard/index.js +27 -0
- package/dist/esm/view/FlexibleCard/types.js +1 -0
- package/dist/esm/view/FlexibleCard/utils.js +99 -0
- package/dist/esm/view/InlineCard/ErroredView/index.js +96 -0
- package/dist/esm/view/InlineCard/ForbiddenView/index.js +122 -0
- package/dist/esm/view/InlineCard/Frame/index.js +53 -0
- package/dist/esm/view/InlineCard/Frame/styled.js +79 -0
- package/dist/esm/view/InlineCard/Icon.js +18 -0
- package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js +122 -0
- package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js +36 -0
- package/dist/esm/view/InlineCard/ResolvedView/index.js +70 -0
- package/dist/esm/view/InlineCard/ResolvingView/index.js +72 -0
- package/dist/esm/view/InlineCard/ResolvingView/styled.js +7 -0
- package/dist/esm/view/InlineCard/UnauthorisedView/index.js +92 -0
- package/dist/esm/view/InlineCard/index.js +7 -1
- package/dist/esm/view/InlineCard/styled.js +20 -0
- package/dist/esm/view/LinkView/index.js +35 -0
- package/dist/esm/view/types.js +1 -0
- package/dist/types/classNames.d.ts +11 -0
- package/dist/types/constants.d.ts +62 -5
- package/dist/types/extractors/block/index.d.ts +2 -1
- package/dist/types/extractors/common/actions/extractActions.d.ts +1 -1
- package/dist/types/extractors/common/actions/extractPreviewAction.d.ts +2 -2
- package/dist/types/extractors/common/context/extractAccessContext.d.ts +1 -1
- package/dist/types/extractors/common/title-prefix/extractTitlePrefix.d.ts +1 -1
- package/dist/types/extractors/embed/index.d.ts +1 -1
- package/dist/types/extractors/flexible/collaboratorGroup/index.d.ts +4 -0
- package/dist/types/extractors/flexible/extract-priority.d.ts +4 -0
- package/dist/types/extractors/flexible/icon/extract-document-type-icon.d.ts +3 -0
- package/dist/types/extractors/flexible/icon/extract-file-formatIcon.d.ts +3 -0
- package/dist/types/extractors/flexible/icon/extract-icon-renderer.d.ts +4 -0
- package/dist/types/extractors/flexible/icon/extract-jira-task-icon.d.ts +3 -0
- package/dist/types/extractors/flexible/icon/extract-jsonld-data-icon.d.ts +4 -0
- package/dist/types/extractors/flexible/icon/extract-provider-icon.d.ts +4 -0
- package/dist/types/extractors/flexible/icon/extract-url-icon.d.ts +4 -0
- package/dist/types/extractors/flexible/icon/index.d.ts +17 -0
- package/dist/types/extractors/flexible/icon/types.d.ts +2 -0
- package/dist/types/extractors/flexible/index.d.ts +2 -1
- package/dist/types/extractors/flexible/utils.d.ts +6 -0
- package/dist/types/extractors/inline/index.d.ts +1 -1
- package/dist/types/index.d.ts +5 -2
- package/dist/types/messages.d.ts +7 -0
- package/dist/types/ssr.d.ts +6 -0
- package/dist/types/state/flexible-ui-context/types.d.ts +21 -0
- package/dist/types/types.d.ts +15 -0
- package/dist/types/utils/analytics/analytics.d.ts +1 -1
- package/dist/types/utils/flexible.d.ts +6 -0
- package/dist/types/utils/index.d.ts +2 -0
- package/dist/types/utils/token.d.ts +15 -0
- package/dist/types/view/BlockCard/actions/AuthorizeAction.d.ts +2 -0
- package/dist/types/view/BlockCard/actions/DownloadAction.d.ts +8 -0
- package/dist/types/view/BlockCard/actions/ForbiddenAction.d.ts +2 -0
- package/dist/types/view/BlockCard/actions/PreviewAction.d.ts +26 -0
- package/dist/types/view/BlockCard/actions/RetryAction.d.ts +2 -0
- package/dist/types/view/BlockCard/actions/ViewAction.d.ts +8 -0
- package/dist/types/view/BlockCard/components/Action.d.ts +11 -0
- package/dist/types/view/BlockCard/components/ActionIcon.d.ts +12 -0
- package/dist/types/view/BlockCard/components/ActionList.d.ts +6 -0
- package/dist/types/view/BlockCard/components/Byline.d.ts +8 -0
- package/dist/types/view/BlockCard/components/CollaboratorList.d.ts +13 -0
- package/dist/types/view/BlockCard/components/Content.d.ts +7 -0
- package/dist/types/view/BlockCard/components/ContentFooter.d.ts +7 -0
- package/dist/types/view/BlockCard/components/ContentHeader.d.ts +8 -0
- package/dist/types/view/BlockCard/components/Emoji.d.ts +5 -0
- package/dist/types/view/BlockCard/components/Frame.d.ts +14 -0
- package/dist/types/view/BlockCard/components/Icon.d.ts +9 -0
- package/dist/types/view/BlockCard/components/Link.d.ts +7 -0
- package/dist/types/view/BlockCard/components/Metadata.d.ts +8 -0
- package/dist/types/view/BlockCard/components/MetadataList.d.ts +8 -0
- package/dist/types/view/BlockCard/components/Modal.d.ts +28 -0
- package/dist/types/view/BlockCard/components/ModalHeader.d.ts +17 -0
- package/dist/types/view/BlockCard/components/Name.d.ts +10 -0
- package/dist/types/view/BlockCard/components/Provider.d.ts +6 -0
- package/dist/types/view/BlockCard/components/Thumbnail.d.ts +9 -0
- package/dist/types/view/BlockCard/components/UnresolvedText.d.ts +6 -0
- package/dist/types/view/BlockCard/index.d.ts +11 -0
- package/dist/types/view/BlockCard/utils/constants.d.ts +3 -0
- package/dist/types/view/BlockCard/utils/handlers.d.ts +2 -0
- package/dist/types/view/BlockCard/utils/index.d.ts +5 -0
- package/dist/types/view/BlockCard/views/ErroredView.d.ts +12 -0
- package/dist/types/view/BlockCard/views/ForbiddenView.d.ts +21 -0
- package/dist/types/view/BlockCard/views/NotFoundView.d.ts +15 -0
- package/dist/types/view/BlockCard/views/ResolvedView.d.ts +32 -0
- package/dist/types/view/BlockCard/views/ResolvingView.d.ts +8 -0
- package/dist/types/view/BlockCard/views/UnauthorizedView.d.ts +17 -0
- package/dist/types/view/Card/index.d.ts +1 -1
- package/dist/types/view/Card/types.d.ts +4 -1
- package/dist/types/view/CardWithData/types.d.ts +1 -1
- package/dist/types/view/CardWithUrl/component.d.ts +1 -1
- package/dist/types/view/CardWithUrl/types.d.ts +4 -1
- package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts +23 -0
- package/dist/types/view/EmbedCard/components/Frame.d.ts +7 -0
- package/dist/types/view/EmbedCard/components/ImageIcon.d.ts +9 -0
- package/dist/types/view/EmbedCard/components/styled.d.ts +42 -0
- package/dist/types/view/EmbedCard/types.d.ts +23 -1
- package/dist/types/view/EmbedCard/views/ErroredView.d.ts +8 -0
- package/dist/types/view/EmbedCard/views/ForbiddenView.d.ts +13 -0
- package/dist/types/view/EmbedCard/views/NotFoundView.d.ts +11 -0
- package/dist/types/view/EmbedCard/views/ResolvedView.d.ts +27 -0
- package/dist/types/view/EmbedCard/views/UnauthorisedView.d.ts +12 -0
- package/dist/types/view/EmbedCard/views/UnresolvedView.d.ts +18 -0
- package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts +18 -0
- package/dist/types/view/FlexibleCard/components/actions/index.d.ts +3 -0
- package/dist/types/view/FlexibleCard/components/actions/utils.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/blocks/action-group/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/blocks/action-group/types.d.ts +8 -0
- package/dist/types/view/FlexibleCard/components/blocks/block/index.d.ts +0 -2
- package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts +8 -0
- package/dist/types/view/FlexibleCard/components/blocks/element-group/types.d.ts +10 -0
- package/dist/types/view/FlexibleCard/components/blocks/index.d.ts +2 -0
- package/dist/types/view/FlexibleCard/components/blocks/metadata-block/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/blocks/metadata-block/types.d.ts +6 -0
- package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts +12 -0
- package/dist/types/view/FlexibleCard/components/blocks/types.d.ts +12 -1
- package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts +9 -0
- package/dist/types/view/FlexibleCard/components/{elements/icon → common}/atlaskit-icon/index.d.ts +0 -0
- package/dist/types/view/FlexibleCard/components/{elements/icon → common}/atlaskit-icon/types.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/{elements/icon → common}/image-icon/index.d.ts +0 -0
- package/dist/types/view/FlexibleCard/components/{elements/icon → common}/image-icon/types.d.ts +0 -0
- package/dist/types/view/FlexibleCard/components/container/index.d.ts +2 -1
- package/dist/types/view/FlexibleCard/components/container/types.d.ts +5 -1
- package/dist/types/view/FlexibleCard/components/elements/avatar-group/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/elements/avatar-group/types.d.ts +10 -0
- package/dist/types/view/FlexibleCard/components/elements/badge/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/elements/badge/types.d.ts +7 -0
- package/dist/types/view/FlexibleCard/components/elements/date-time/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/elements/date-time/types.d.ts +6 -0
- package/dist/types/view/FlexibleCard/components/elements/icon/types.d.ts +4 -1
- package/dist/types/view/FlexibleCard/components/elements/index.d.ts +21 -0
- package/dist/types/view/FlexibleCard/components/elements/link/types.d.ts +2 -2
- package/dist/types/view/FlexibleCard/components/elements/lozenge/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/elements/lozenge/types.d.ts +6 -0
- package/dist/types/view/FlexibleCard/components/elements/text/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts +6 -0
- package/dist/types/view/FlexibleCard/components/elements/utils.d.ts +3 -0
- package/dist/types/view/FlexibleCard/components/types.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/utils.d.ts +9 -0
- package/dist/types/view/FlexibleCard/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/types.d.ts +27 -0
- package/dist/types/view/FlexibleCard/utils.d.ts +7 -0
- package/dist/types/view/InlineCard/ErroredView/index.d.ts +21 -0
- package/dist/types/view/InlineCard/ForbiddenView/index.d.ts +25 -0
- package/dist/types/view/InlineCard/Frame/index.d.ts +16 -0
- package/dist/types/view/InlineCard/Frame/styled.d.ts +8 -0
- package/dist/types/view/InlineCard/Icon.d.ts +4 -0
- package/dist/types/view/InlineCard/IconAndTitleLayout/index.d.ts +19 -0
- package/dist/types/view/InlineCard/IconAndTitleLayout/styled.d.ts +13 -0
- package/dist/types/view/InlineCard/ResolvedView/index.d.ts +26 -0
- package/dist/types/view/InlineCard/ResolvingView/index.d.ts +18 -0
- package/dist/types/view/InlineCard/ResolvingView/styled.d.ts +6 -0
- package/dist/types/view/InlineCard/UnauthorisedView/index.d.ts +20 -0
- package/dist/types/view/InlineCard/index.d.ts +6 -0
- package/dist/types/view/InlineCard/styled.d.ts +5 -0
- package/dist/types/view/InlineCard/types.d.ts +1 -1
- package/dist/types/view/LinkView/index.d.ts +5 -0
- package/dist/types/view/types.d.ts +23 -0
- package/package.json +33 -12
- package/ssr/package.json +7 -0
- package/dist/cjs/view/FlexibleCard/components/elements/icon/image-icon/index.js +0 -32
- package/dist/es2019/view/FlexibleCard/components/elements/icon/image-icon/index.js +0 -19
- package/dist/esm/view/FlexibleCard/components/elements/icon/image-icon/index.js +0 -20
|
@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
|
|
@@ -15,59 +15,14 @@ var _core = require("@emotion/core");
|
|
|
15
15
|
|
|
16
16
|
var _constants = require("../../../../../constants");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _utils = require("../utils");
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var getDirectionStyles = function getDirectionStyles(direction) {
|
|
23
|
-
switch (direction) {
|
|
24
|
-
case _constants.SmartLinkDirection.Vertical:
|
|
25
|
-
return {
|
|
26
|
-
flexDirection: 'column',
|
|
27
|
-
alignItems: 'flex-start'
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
case _constants.SmartLinkDirection.Horizontal:
|
|
31
|
-
default:
|
|
32
|
-
return {
|
|
33
|
-
flexDirection: 'row',
|
|
34
|
-
alignItems: 'center'
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
var getGapSize = function getGapSize(size) {
|
|
40
|
-
switch (size) {
|
|
41
|
-
case _constants.SmartLinkSize.XLarge:
|
|
42
|
-
return '1.25rem';
|
|
43
|
-
|
|
44
|
-
case _constants.SmartLinkSize.Large:
|
|
45
|
-
return '1rem';
|
|
46
|
-
|
|
47
|
-
case _constants.SmartLinkSize.Medium:
|
|
48
|
-
return '.5rem';
|
|
49
|
-
|
|
50
|
-
case _constants.SmartLinkSize.Small:
|
|
51
|
-
default:
|
|
52
|
-
return '.25rem';
|
|
53
|
-
}
|
|
54
|
-
};
|
|
20
|
+
var _templateObject;
|
|
55
21
|
|
|
56
22
|
var getBlockStyles = function getBlockStyles(direction, size) {
|
|
57
|
-
return (0, _core.css)(
|
|
58
|
-
display: 'flex',
|
|
59
|
-
gap: getGapSize(size),
|
|
60
|
-
lineHeight: '1rem',
|
|
61
|
-
minWidth: 0
|
|
62
|
-
}, getDirectionStyles(direction)), {}, {
|
|
63
|
-
'& > *': {
|
|
64
|
-
minWidth: 0
|
|
65
|
-
}
|
|
66
|
-
}));
|
|
23
|
+
return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n justify-content: flex-start;\n"])), (0, _utils.getBaseStyles)(direction, size));
|
|
67
24
|
};
|
|
68
25
|
|
|
69
|
-
exports.getBlockStyles = getBlockStyles;
|
|
70
|
-
|
|
71
26
|
var Block = function Block(_ref) {
|
|
72
27
|
var children = _ref.children,
|
|
73
28
|
_ref$direction = _ref.direction,
|
|
@@ -80,7 +35,7 @@ var Block = function Block(_ref) {
|
|
|
80
35
|
css: getBlockStyles(direction, size),
|
|
81
36
|
"data-smart-block": true,
|
|
82
37
|
"data-testid": testId
|
|
83
|
-
}, children);
|
|
38
|
+
}, (0, _utils.renderChildren)(children, size));
|
|
84
39
|
};
|
|
85
40
|
|
|
86
41
|
var _default = Block;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.getElementGroupStyles = exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _core = require("@emotion/core");
|
|
15
|
+
|
|
16
|
+
var _constants = require("../../../../../constants");
|
|
17
|
+
|
|
18
|
+
var _utils = require("../utils");
|
|
19
|
+
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
21
|
+
|
|
22
|
+
var getAlignmentStyles = function getAlignmentStyles(align) {
|
|
23
|
+
switch (align) {
|
|
24
|
+
case _constants.SmartLinkAlignment.Right:
|
|
25
|
+
return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n justify-content: flex-end;\n text-align: right;\n "])));
|
|
26
|
+
|
|
27
|
+
case _constants.SmartLinkAlignment.Left:
|
|
28
|
+
default:
|
|
29
|
+
return (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n justify-content: flex-start;\n text-align: left;\n "])));
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width) {
|
|
34
|
+
return (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n ", "\n min-width: 10%;\n ", "\n"])), (0, _utils.getBaseStyles)(direction, size), getAlignmentStyles(align), width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '');
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.getElementGroupStyles = getElementGroupStyles;
|
|
38
|
+
|
|
39
|
+
var ElementGroup = function ElementGroup(_ref) {
|
|
40
|
+
var _ref$align = _ref.align,
|
|
41
|
+
align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
css = _ref.css,
|
|
44
|
+
_ref$direction = _ref.direction,
|
|
45
|
+
direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
|
|
46
|
+
_ref$size = _ref.size,
|
|
47
|
+
size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
|
|
48
|
+
_ref$testId = _ref.testId,
|
|
49
|
+
testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
|
|
50
|
+
_ref$width = _ref.width,
|
|
51
|
+
width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width;
|
|
52
|
+
return (0, _core.jsx)("div", {
|
|
53
|
+
css: [getElementGroupStyles(direction, size, align, width), css],
|
|
54
|
+
"data-smart-element-group": true,
|
|
55
|
+
"data-testid": testId
|
|
56
|
+
}, (0, _utils.renderChildren)(children, size));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
var _default = ElementGroup;
|
|
60
|
+
exports.default = _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "MetadataBlock", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _metadataBlock.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "TitleBlock", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _titleBlock.default;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
var _titleBlock = _interopRequireDefault(require("./title-block"));
|
|
22
|
+
|
|
23
|
+
var _metadataBlock = _interopRequireDefault(require("./metadata-block"));
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
15
|
+
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
|
|
18
|
+
var _core = require("@emotion/core");
|
|
19
|
+
|
|
20
|
+
var _constants = require("../../../../../constants");
|
|
21
|
+
|
|
22
|
+
var _utils = require("../utils");
|
|
23
|
+
|
|
24
|
+
var _block = _interopRequireDefault(require("../block"));
|
|
25
|
+
|
|
26
|
+
var _elementGroup = _interopRequireDefault(require("../element-group"));
|
|
27
|
+
|
|
28
|
+
var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
|
|
29
|
+
|
|
30
|
+
var _templateObject;
|
|
31
|
+
|
|
32
|
+
var DEFAULT_MAX_LINES = 2;
|
|
33
|
+
var MAXIMUM_MAX_LINES = 2;
|
|
34
|
+
var MINIMUM_MAX_LINES = 1;
|
|
35
|
+
|
|
36
|
+
var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
|
|
37
|
+
// MetadataBlock allows metadata elements to be displayed in
|
|
38
|
+
// multiple lines, with maximum of 2 lines.
|
|
39
|
+
// a) We need the height of the line to be equal on both left and right
|
|
40
|
+
// sides so they line up nicely.
|
|
41
|
+
// b) There is no way to truncate non-text elements nicely. Here
|
|
42
|
+
// it's fix max height of the element group so that anything that is
|
|
43
|
+
// overflown will not be visible.
|
|
44
|
+
var lineHeight = getLineHeight(size);
|
|
45
|
+
var gap = (0, _utils.getGapSize)(size);
|
|
46
|
+
var gapHeight = gap * (maxLines - 1);
|
|
47
|
+
var height = lineHeight * maxLines + gapHeight;
|
|
48
|
+
return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n flex-wrap: wrap;\n line-height: ", "rem;\n max-height: ", "rem;\n > span,\n > div {\n min-height: ", "rem;\n max-height: ", "rem;\n line-height: ", "rem;\n }\n "])), lineHeight, height, lineHeight, lineHeight, lineHeight);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var getLineHeight = function getLineHeight(size) {
|
|
52
|
+
// The maximum height of all elements in specific size.
|
|
53
|
+
// These heights belongs to AvatarGroup.
|
|
54
|
+
switch (size) {
|
|
55
|
+
case _constants.SmartLinkSize.XLarge:
|
|
56
|
+
case _constants.SmartLinkSize.Large:
|
|
57
|
+
return 1.75;
|
|
58
|
+
|
|
59
|
+
case _constants.SmartLinkSize.Medium:
|
|
60
|
+
case _constants.SmartLinkSize.Small:
|
|
61
|
+
default:
|
|
62
|
+
return 1.5;
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var getMaxLines = function getMaxLines(maxLines) {
|
|
67
|
+
if (maxLines > MAXIMUM_MAX_LINES) {
|
|
68
|
+
return DEFAULT_MAX_LINES;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
if (maxLines < MINIMUM_MAX_LINES) {
|
|
72
|
+
return MINIMUM_MAX_LINES;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
return maxLines;
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var MetadataBlock = function MetadataBlock(_ref) {
|
|
79
|
+
var _ref$maxLines = _ref.maxLines,
|
|
80
|
+
maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
|
|
81
|
+
_ref$status = _ref.status,
|
|
82
|
+
status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
|
|
83
|
+
_ref$testId = _ref.testId,
|
|
84
|
+
testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
|
|
85
|
+
_ref$primary = _ref.primary,
|
|
86
|
+
primary = _ref$primary === void 0 ? [] : _ref$primary,
|
|
87
|
+
_ref$secondary = _ref.secondary,
|
|
88
|
+
secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
|
|
89
|
+
blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
90
|
+
|
|
91
|
+
if (primary.length === 0 && secondary.length === 0 || status !== _constants.SmartLinkStatus.Resolved) {
|
|
92
|
+
return null;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
var primaryElements = (0, _utils.renderElementItems)(primary);
|
|
96
|
+
var secondaryElements = (0, _utils.renderElementItems)(secondary);
|
|
97
|
+
var _blockProps$size = blockProps.size,
|
|
98
|
+
size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
|
|
99
|
+
var elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
|
|
100
|
+
return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
|
|
101
|
+
testId: "".concat(testId, "-resolved-view")
|
|
102
|
+
}), primaryElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
|
|
103
|
+
align: _constants.SmartLinkAlignment.Left,
|
|
104
|
+
css: elementGroupStyles,
|
|
105
|
+
direction: _constants.SmartLinkDirection.Horizontal,
|
|
106
|
+
width: _constants.SmartLinkWidth.Flexible
|
|
107
|
+
}, primaryElements), secondaryElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
|
|
108
|
+
align: _constants.SmartLinkAlignment.Right,
|
|
109
|
+
css: elementGroupStyles,
|
|
110
|
+
direction: _constants.SmartLinkDirection.Horizontal,
|
|
111
|
+
width: _constants.SmartLinkWidth.Flexible
|
|
112
|
+
}, secondaryElements));
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
var _default = MetadataBlock;
|
|
116
|
+
exports.default = _default;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
15
|
+
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
|
|
18
|
+
var _reactIntlNext = require("react-intl-next");
|
|
19
|
+
|
|
20
|
+
var _core = require("@emotion/core");
|
|
21
|
+
|
|
22
|
+
var _elements = require("../../../elements");
|
|
23
|
+
|
|
24
|
+
var _block = _interopRequireDefault(require("../../block"));
|
|
25
|
+
|
|
26
|
+
var _constants = require("../../../../../../constants");
|
|
27
|
+
|
|
28
|
+
var _utils = require("../../../utils");
|
|
29
|
+
|
|
30
|
+
var _elementGroup = _interopRequireDefault(require("../../element-group"));
|
|
31
|
+
|
|
32
|
+
var _token = require("../../../../../../utils/token");
|
|
33
|
+
|
|
34
|
+
var _excluded = ["maxLines", "retry", "position", "testId", "theme"];
|
|
35
|
+
|
|
36
|
+
var _templateObject, _templateObject2;
|
|
37
|
+
|
|
38
|
+
var actionStyles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n :hover {\n color: ", ";\n text-decoration: underline;\n }\n"])), _token.tokens.errorMessageHover);
|
|
39
|
+
|
|
40
|
+
var getMessageStyles = function getMessageStyles(size, hasAction) {
|
|
41
|
+
var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
|
|
42
|
+
return (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1 1 auto;\n justify-content: flex-end;\n ", "\n ", "\n ", "\n color: ", ";\n "])), hasAction ? actionStyles : '', sizeStyles, (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), _token.tokens.errorMessage);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
|
|
46
|
+
var maxLines = _ref.maxLines,
|
|
47
|
+
retry = _ref.retry,
|
|
48
|
+
position = _ref.position,
|
|
49
|
+
testId = _ref.testId,
|
|
50
|
+
theme = _ref.theme,
|
|
51
|
+
blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
52
|
+
|
|
53
|
+
var _ref2 = retry || {},
|
|
54
|
+
descriptor = _ref2.descriptor,
|
|
55
|
+
onClick = _ref2.onClick,
|
|
56
|
+
values = _ref2.values;
|
|
57
|
+
|
|
58
|
+
var _blockProps$size = blockProps.size,
|
|
59
|
+
size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
|
|
60
|
+
var hasAction = onClick !== undefined;
|
|
61
|
+
return (0, _core.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
|
|
62
|
+
testId: "".concat(testId, "-errored-view")
|
|
63
|
+
}), (0, _core.jsx)(_elements.LinkIcon, {
|
|
64
|
+
position: position
|
|
65
|
+
}), (0, _core.jsx)(_elements.Title, {
|
|
66
|
+
maxLines: maxLines,
|
|
67
|
+
theme: theme
|
|
68
|
+
}), descriptor && (0, _core.jsx)(_elementGroup.default, {
|
|
69
|
+
direction: _constants.SmartLinkDirection.Horizontal,
|
|
70
|
+
align: _constants.SmartLinkAlignment.Right
|
|
71
|
+
}, (0, _core.jsx)("span", {
|
|
72
|
+
css: getMessageStyles(size, hasAction),
|
|
73
|
+
onClick: onClick,
|
|
74
|
+
"data-testid": "".concat(testId, "-errored-view-message")
|
|
75
|
+
}, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
|
|
76
|
+
values: values
|
|
77
|
+
})))));
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
var _default = TitleBlockErroredView;
|
|
81
|
+
exports.default = _default;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _constants = require("../../../../../constants");
|
|
17
|
+
|
|
18
|
+
var _resolved = _interopRequireDefault(require("./resolved"));
|
|
19
|
+
|
|
20
|
+
var _errored = _interopRequireDefault(require("./errored"));
|
|
21
|
+
|
|
22
|
+
var _resolving = _interopRequireDefault(require("./resolving"));
|
|
23
|
+
|
|
24
|
+
var _excluded = ["status", "testId"];
|
|
25
|
+
|
|
26
|
+
var TitleBlock = function TitleBlock(_ref) {
|
|
27
|
+
var _ref$status = _ref.status,
|
|
28
|
+
status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
|
|
29
|
+
_ref$testId = _ref.testId,
|
|
30
|
+
testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
|
|
31
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
32
|
+
|
|
33
|
+
switch (status) {
|
|
34
|
+
case _constants.SmartLinkStatus.Pending:
|
|
35
|
+
case _constants.SmartLinkStatus.Resolving:
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_resolving.default, (0, _extends2.default)({}, props, {
|
|
37
|
+
testId: testId
|
|
38
|
+
}));
|
|
39
|
+
|
|
40
|
+
case _constants.SmartLinkStatus.Resolved:
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
|
|
42
|
+
testId: testId
|
|
43
|
+
}));
|
|
44
|
+
|
|
45
|
+
case _constants.SmartLinkStatus.Unauthorized:
|
|
46
|
+
case _constants.SmartLinkStatus.Forbidden:
|
|
47
|
+
case _constants.SmartLinkStatus.NotFound:
|
|
48
|
+
case _constants.SmartLinkStatus.Errored:
|
|
49
|
+
case _constants.SmartLinkStatus.Fallback:
|
|
50
|
+
default:
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_errored.default, (0, _extends2.default)({}, props, {
|
|
52
|
+
testId: testId
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
var _default = TitleBlock;
|
|
58
|
+
exports.default = _default;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _elements = require("../../../elements");
|
|
17
|
+
|
|
18
|
+
var _block = _interopRequireDefault(require("../../block"));
|
|
19
|
+
|
|
20
|
+
var _elementGroup = _interopRequireDefault(require("../../element-group"));
|
|
21
|
+
|
|
22
|
+
var _constants = require("../../../../../../constants");
|
|
23
|
+
|
|
24
|
+
var _utils = require("../../utils");
|
|
25
|
+
|
|
26
|
+
var _actionGroup = _interopRequireDefault(require("../../action-group"));
|
|
27
|
+
|
|
28
|
+
var _excluded = ["maxLines", "metadata", "position", "subtitle", "actions", "testId", "theme"];
|
|
29
|
+
|
|
30
|
+
var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
|
|
31
|
+
var maxLines = _ref.maxLines,
|
|
32
|
+
_ref$metadata = _ref.metadata,
|
|
33
|
+
metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
|
|
34
|
+
position = _ref.position,
|
|
35
|
+
_ref$subtitle = _ref.subtitle,
|
|
36
|
+
subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
|
|
37
|
+
_ref$actions = _ref.actions,
|
|
38
|
+
actions = _ref$actions === void 0 ? [] : _ref$actions,
|
|
39
|
+
testId = _ref.testId,
|
|
40
|
+
theme = _ref.theme,
|
|
41
|
+
blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
42
|
+
var metadataElements = (0, _utils.renderElementItems)(metadata);
|
|
43
|
+
var subtitleElements = (0, _utils.renderElementItems)(subtitle);
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
|
|
45
|
+
testId: "".concat(testId, "-resolved-view")
|
|
46
|
+
}), /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
|
|
47
|
+
position: position
|
|
48
|
+
}), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
|
|
49
|
+
direction: _constants.SmartLinkDirection.Vertical,
|
|
50
|
+
width: _constants.SmartLinkWidth.Flexible
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement(_elements.Title, {
|
|
52
|
+
maxLines: maxLines,
|
|
53
|
+
theme: theme
|
|
54
|
+
}), subtitleElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
|
|
55
|
+
direction: _constants.SmartLinkDirection.Horizontal
|
|
56
|
+
}, subtitleElements)), metadataElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
|
|
57
|
+
direction: _constants.SmartLinkDirection.Horizontal,
|
|
58
|
+
align: _constants.SmartLinkAlignment.Right
|
|
59
|
+
}, metadataElements), actions.length > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
|
|
60
|
+
items: actions
|
|
61
|
+
}));
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var _default = TitleBlockResolvedView;
|
|
65
|
+
exports.default = _default;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _core = require("@emotion/core");
|
|
17
|
+
|
|
18
|
+
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
19
|
+
|
|
20
|
+
var _elements = require("../../../elements");
|
|
21
|
+
|
|
22
|
+
var _block = _interopRequireDefault(require("../../block"));
|
|
23
|
+
|
|
24
|
+
var _constants = require("../../../../../../constants");
|
|
25
|
+
|
|
26
|
+
var _excluded = ["maxLines", "retry", "position", "testId", "theme"];
|
|
27
|
+
|
|
28
|
+
var getSpinnerSize = function getSpinnerSize(size) {
|
|
29
|
+
// Spinner sizes should be equivalent or smaller than Icon size
|
|
30
|
+
// to avoid the jumping.
|
|
31
|
+
switch (size) {
|
|
32
|
+
case _constants.SmartLinkSize.XLarge:
|
|
33
|
+
return 28;
|
|
34
|
+
|
|
35
|
+
case _constants.SmartLinkSize.Large:
|
|
36
|
+
return 24;
|
|
37
|
+
|
|
38
|
+
case _constants.SmartLinkSize.Medium:
|
|
39
|
+
return 16;
|
|
40
|
+
|
|
41
|
+
case _constants.SmartLinkSize.Small:
|
|
42
|
+
default:
|
|
43
|
+
return 12;
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
|
|
48
|
+
var maxLines = _ref.maxLines,
|
|
49
|
+
retry = _ref.retry,
|
|
50
|
+
position = _ref.position,
|
|
51
|
+
testId = _ref.testId,
|
|
52
|
+
theme = _ref.theme,
|
|
53
|
+
blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
54
|
+
var _blockProps$size = blockProps.size,
|
|
55
|
+
size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
|
|
56
|
+
return (0, _core.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
|
|
57
|
+
testId: "".concat(testId, "-resolving-view")
|
|
58
|
+
}), (0, _core.jsx)(_spinner.default, {
|
|
59
|
+
size: getSpinnerSize(size),
|
|
60
|
+
testId: "".concat(testId, "-resolving-spinner")
|
|
61
|
+
}), (0, _core.jsx)(_elements.Title, {
|
|
62
|
+
maxLines: maxLines,
|
|
63
|
+
theme: theme
|
|
64
|
+
}));
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
var _default = TitleBlockResolvingView;
|
|
68
|
+
exports.default = _default;
|