@atlaskit/renderer 141.0.1 → 141.0.2
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 +6 -0
- package/dist/cjs/actions/index.js +1 -1
- package/dist/cjs/actions/selection.js +1 -1
- package/dist/cjs/analytics/unsupported-content.js +1 -1
- package/dist/cjs/entry-points/experimental-sync-custom-nodes/small-nodes.js +1 -1
- package/dist/cjs/react/index.js +9 -9
- package/dist/cjs/react/marks/index.js +10 -10
- package/dist/cjs/react/marks/link.js +3 -3
- package/dist/cjs/react/nodes/blockCard.js +12 -12
- package/dist/cjs/react/nodes/bodiedExtension.js +4 -4
- package/dist/cjs/react/nodes/bodiedSyncBlock.js +1 -1
- package/dist/cjs/react/nodes/codeBlock/codeBlock.js +1 -1
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js +1 -0
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js +1 -0
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +11 -11
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockDownloadButton.js +3 -3
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
- package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +1 -1
- package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js +1 -1
- package/dist/cjs/react/nodes/date.js +2 -2
- package/dist/cjs/react/nodes/embedCard.js +33 -32
- package/dist/cjs/react/nodes/emoji.js +12 -12
- package/dist/cjs/react/nodes/extension.js +19 -19
- package/dist/cjs/react/nodes/fallback.js +2 -2
- package/dist/cjs/react/nodes/heading-anchor.js +1 -38
- package/dist/cjs/react/nodes/heading.js +3 -3
- package/dist/cjs/react/nodes/index.js +5 -5
- package/dist/cjs/react/nodes/inlineCard.js +12 -12
- package/dist/cjs/react/nodes/loosely-lazy.js +0 -1
- package/dist/cjs/react/nodes/media/index.js +10 -10
- package/dist/cjs/react/nodes/mediaInline.js +6 -6
- package/dist/cjs/react/nodes/mediaSingle/index.js +4 -4
- package/dist/cjs/react/nodes/multiBodiedExtension.js +29 -29
- package/dist/cjs/react/nodes/panel-compiled.js +1 -1
- package/dist/cjs/react/nodes/panel-emotion.js +1 -1
- package/dist/cjs/react/nodes/status.js +1 -1
- package/dist/cjs/react/nodes/table/colgroup.js +2 -2
- package/dist/cjs/react/nodes/table/sticky.js +1 -1
- package/dist/cjs/react/nodes/table/table.js +2 -2
- package/dist/cjs/react/nodes/table.js +14 -14
- package/dist/cjs/react/nodes/tableCell.js +7 -7
- package/dist/cjs/react/nodes/tableRow.js +2 -2
- package/dist/cjs/react/nodes/taskItem.js +2 -2
- package/dist/cjs/react/utils/EditorMediaClientProvider.js +2 -2
- package/dist/cjs/react/utils/use-select-all-trap.js +1 -1
- package/dist/cjs/render-document.js +1 -1
- package/dist/cjs/steps/index.js +1 -1
- package/dist/cjs/text/nodes/status.js +1 -1
- package/dist/cjs/ui/Expand.js +53 -52
- package/dist/cjs/ui/ExtensionRenderer.js +19 -17
- package/dist/cjs/ui/MediaCard.js +4 -4
- package/dist/cjs/ui/Renderer/ErrorBoundary.js +1 -1
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +25 -35
- package/dist/cjs/ui/Renderer/breakout-ssr.js +1 -1
- package/dist/cjs/ui/Renderer/index.js +22 -22
- package/dist/cjs/ui/Renderer/truncated-wrapper.js +7 -6
- package/dist/cjs/ui/RendererActionsContext/index.js +2 -2
- package/dist/cjs/ui/annotations/draft/component.js +5 -5
- package/dist/cjs/ui/annotations/element/index.js +4 -4
- package/dist/cjs/ui/annotations/element/mark.js +1 -1
- package/dist/cjs/ui/annotations/hooks/use-events.js +17 -17
- package/dist/cjs/ui/annotations/hooks/use-load-annotations.js +1 -1
- package/dist/cjs/ui/annotations/hooks/user-selection.js +2 -2
- package/dist/cjs/ui/annotations/hover/mounter.js +2 -2
- package/dist/cjs/ui/annotations/hover/range-validator.js +2 -2
- package/dist/cjs/ui/annotations/index.js +6 -6
- package/dist/cjs/ui/annotations/selection/mounter.js +3 -3
- package/dist/cjs/ui/annotations/selection/range-validator.js +1 -1
- package/dist/cjs/ui/annotations/view/index.js +1 -1
- package/dist/cjs/utils.js +1 -0
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/actions/selection.js +1 -1
- package/dist/es2019/analytics/unsupported-content.js +1 -1
- package/dist/es2019/custom-nodes.js +1 -0
- package/dist/es2019/entry-points/actions-renderer-actions-context.js +1 -0
- package/dist/es2019/entry-points/actions-with-renderer-actions.js +1 -0
- package/dist/es2019/entry-points/annotations.js +1 -0
- package/dist/es2019/entry-points/consts.js +1 -0
- package/dist/es2019/entry-points/custom-nodes-loosely-lazy.js +1 -0
- package/dist/es2019/entry-points/events.js +1 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/cards.js +1 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/media.js +1 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/small-nodes.js +2 -1
- package/dist/es2019/entry-points/extension-renderer.js +1 -0
- package/dist/es2019/entry-points/loosely-lazy.js +1 -0
- package/dist/es2019/entry-points/messages.js +1 -0
- package/dist/es2019/entry-points/nodes.js +1 -0
- package/dist/es2019/entry-points/render-document.js +1 -0
- package/dist/es2019/entry-points/renderer-actions-context.js +1 -0
- package/dist/es2019/entry-points/renderer-context.js +1 -0
- package/dist/es2019/entry-points/renderer-default.js +1 -0
- package/dist/es2019/entry-points/renderer.js +1 -0
- package/dist/es2019/entry-points/text-serializer-text.js +1 -0
- package/dist/es2019/entry-points/text.js +1 -0
- package/dist/es2019/entry-points/use-feature-flags.js +1 -0
- package/dist/es2019/entry-points/utils.js +1 -0
- package/dist/es2019/entry-points/validation-context.js +1 -0
- package/dist/es2019/i18n/index.js +1 -0
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/react/index.js +9 -9
- package/dist/es2019/react/marks/alignment.js +1 -0
- package/dist/es2019/react/marks/index.js +11 -12
- package/dist/es2019/react/marks/link.js +3 -3
- package/dist/es2019/react/nodes/blockCard.js +9 -9
- package/dist/es2019/react/nodes/bodiedExtension.js +4 -4
- package/dist/es2019/react/nodes/bodiedSyncBlock.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/codeBlock.js +2 -1
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js +1 -0
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js +1 -0
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +7 -5
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js +3 -3
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
- package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -1
- package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js +2 -1
- package/dist/es2019/react/nodes/date.js +2 -2
- package/dist/es2019/react/nodes/embedCard.js +11 -10
- package/dist/es2019/react/nodes/emoji.js +5 -4
- package/dist/es2019/react/nodes/extension.js +5 -4
- package/dist/es2019/react/nodes/fallback.js +2 -2
- package/dist/es2019/react/nodes/heading-anchor.js +2 -38
- package/dist/es2019/react/nodes/heading.js +3 -3
- package/dist/es2019/react/nodes/index.js +9 -8
- package/dist/es2019/react/nodes/inlineCard.js +12 -12
- package/dist/es2019/react/nodes/loosely-lazy.js +2 -2
- package/dist/es2019/react/nodes/media/index.js +11 -10
- package/dist/es2019/react/nodes/mediaInline.js +6 -6
- package/dist/es2019/react/nodes/mediaSingle/index.js +5 -4
- package/dist/es2019/react/nodes/multiBodiedExtension.js +6 -5
- package/dist/es2019/react/nodes/panel-compiled.js +1 -1
- package/dist/es2019/react/nodes/panel-emotion.js +1 -1
- package/dist/es2019/react/nodes/status.js +1 -1
- package/dist/es2019/react/nodes/table/colgroup.js +2 -3
- package/dist/es2019/react/nodes/table/sticky.js +2 -1
- package/dist/es2019/react/nodes/table/table.js +2 -2
- package/dist/es2019/react/nodes/table.js +12 -11
- package/dist/es2019/react/nodes/tableCell.js +7 -7
- package/dist/es2019/react/nodes/tableRow.js +2 -2
- package/dist/es2019/react/nodes/taskItem.js +2 -2
- package/dist/es2019/react/utils/EditorMediaClientProvider.js +2 -2
- package/dist/es2019/react/utils/getStandaloneBackgroundColorMarks.js +1 -0
- package/dist/es2019/react/utils/use-select-all-trap.js +1 -1
- package/dist/es2019/render-document.js +1 -1
- package/dist/es2019/steps/index.js +2 -1
- package/dist/es2019/text/nodes/status.js +1 -1
- package/dist/es2019/ui/Expand.js +7 -5
- package/dist/es2019/ui/ExtensionRenderer.js +5 -2
- package/dist/es2019/ui/MediaCard.js +4 -4
- package/dist/es2019/ui/Renderer/ErrorBoundary.js +1 -1
- package/dist/es2019/ui/Renderer/PortalContext.js +1 -0
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +16 -27
- package/dist/es2019/ui/Renderer/breakout-ssr.js +2 -1
- package/dist/es2019/ui/Renderer/count-nodes.js +1 -0
- package/dist/es2019/ui/Renderer/index.js +23 -24
- package/dist/es2019/ui/Renderer/truncated-wrapper.js +7 -2
- package/dist/es2019/ui/Renderer/useMemoFromPropsDerivative.js +1 -0
- package/dist/es2019/ui/RendererActionsContext/index.js +3 -2
- package/dist/es2019/ui/TaskItemsFormatContext/TaskItemsFormatContext.js +1 -0
- package/dist/es2019/ui/annotations/draft/component.js +6 -5
- package/dist/es2019/ui/annotations/element/index.js +4 -4
- package/dist/es2019/ui/annotations/element/mark.js +2 -1
- package/dist/es2019/ui/annotations/element/useInlineAnnotationProps.js +1 -0
- package/dist/es2019/ui/annotations/hooks/use-events.js +2 -2
- package/dist/es2019/ui/annotations/hooks/use-load-annotations.js +1 -1
- package/dist/es2019/ui/annotations/hooks/user-selection.js +2 -2
- package/dist/es2019/ui/annotations/hover/mounter.js +2 -2
- package/dist/es2019/ui/annotations/hover/range-validator.js +2 -2
- package/dist/es2019/ui/annotations/index.js +6 -6
- package/dist/es2019/ui/annotations/selection/mounter.js +3 -3
- package/dist/es2019/ui/annotations/selection/range-validator.js +1 -1
- package/dist/es2019/ui/annotations/view/index.js +1 -1
- package/dist/es2019/utils.js +1 -1
- package/dist/esm/actions/index.js +1 -1
- package/dist/esm/actions/selection.js +1 -1
- package/dist/esm/analytics/unsupported-content.js +1 -1
- package/dist/esm/custom-nodes.js +1 -0
- package/dist/esm/entry-points/actions-renderer-actions-context.js +1 -0
- package/dist/esm/entry-points/actions-with-renderer-actions.js +1 -0
- package/dist/esm/entry-points/annotations.js +1 -0
- package/dist/esm/entry-points/consts.js +1 -0
- package/dist/esm/entry-points/custom-nodes-loosely-lazy.js +1 -0
- package/dist/esm/entry-points/events.js +1 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/cards.js +1 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/media.js +1 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/small-nodes.js +2 -1
- package/dist/esm/entry-points/extension-renderer.js +1 -0
- package/dist/esm/entry-points/loosely-lazy.js +1 -0
- package/dist/esm/entry-points/messages.js +1 -0
- package/dist/esm/entry-points/nodes.js +1 -0
- package/dist/esm/entry-points/render-document.js +1 -0
- package/dist/esm/entry-points/renderer-actions-context.js +1 -0
- package/dist/esm/entry-points/renderer-context.js +1 -0
- package/dist/esm/entry-points/renderer-default.js +1 -0
- package/dist/esm/entry-points/renderer.js +1 -0
- package/dist/esm/entry-points/text-serializer-text.js +1 -0
- package/dist/esm/entry-points/text.js +1 -0
- package/dist/esm/entry-points/use-feature-flags.js +1 -0
- package/dist/esm/entry-points/utils.js +1 -0
- package/dist/esm/entry-points/validation-context.js +1 -0
- package/dist/esm/i18n/index.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/react/index.js +9 -9
- package/dist/esm/react/marks/alignment.js +1 -0
- package/dist/esm/react/marks/index.js +11 -12
- package/dist/esm/react/marks/link.js +3 -3
- package/dist/esm/react/nodes/blockCard.js +9 -9
- package/dist/esm/react/nodes/bodiedExtension.js +4 -4
- package/dist/esm/react/nodes/bodiedSyncBlock.js +1 -1
- package/dist/esm/react/nodes/codeBlock/codeBlock.js +2 -1
- package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js +1 -0
- package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js +1 -0
- package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +7 -5
- package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js +3 -3
- package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
- package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -1
- package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js +2 -1
- package/dist/esm/react/nodes/date.js +2 -2
- package/dist/esm/react/nodes/embedCard.js +11 -10
- package/dist/esm/react/nodes/emoji.js +5 -4
- package/dist/esm/react/nodes/extension.js +5 -4
- package/dist/esm/react/nodes/fallback.js +2 -2
- package/dist/esm/react/nodes/heading-anchor.js +2 -38
- package/dist/esm/react/nodes/heading.js +3 -3
- package/dist/esm/react/nodes/index.js +9 -8
- package/dist/esm/react/nodes/inlineCard.js +12 -12
- package/dist/esm/react/nodes/loosely-lazy.js +2 -2
- package/dist/esm/react/nodes/media/index.js +11 -10
- package/dist/esm/react/nodes/mediaInline.js +6 -6
- package/dist/esm/react/nodes/mediaSingle/index.js +5 -4
- package/dist/esm/react/nodes/multiBodiedExtension.js +6 -5
- package/dist/esm/react/nodes/panel-compiled.js +1 -1
- package/dist/esm/react/nodes/panel-emotion.js +1 -1
- package/dist/esm/react/nodes/status.js +1 -1
- package/dist/esm/react/nodes/table/colgroup.js +2 -3
- package/dist/esm/react/nodes/table/sticky.js +2 -1
- package/dist/esm/react/nodes/table/table.js +2 -2
- package/dist/esm/react/nodes/table.js +12 -11
- package/dist/esm/react/nodes/tableCell.js +7 -7
- package/dist/esm/react/nodes/tableRow.js +2 -2
- package/dist/esm/react/nodes/taskItem.js +2 -2
- package/dist/esm/react/utils/EditorMediaClientProvider.js +2 -2
- package/dist/esm/react/utils/getStandaloneBackgroundColorMarks.js +1 -0
- package/dist/esm/react/utils/use-select-all-trap.js +1 -1
- package/dist/esm/render-document.js +1 -1
- package/dist/esm/steps/index.js +2 -1
- package/dist/esm/text/nodes/status.js +1 -1
- package/dist/esm/ui/Expand.js +7 -5
- package/dist/esm/ui/ExtensionRenderer.js +5 -2
- package/dist/esm/ui/MediaCard.js +4 -4
- package/dist/esm/ui/Renderer/ErrorBoundary.js +1 -1
- package/dist/esm/ui/Renderer/PortalContext.js +1 -0
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +20 -30
- package/dist/esm/ui/Renderer/breakout-ssr.js +2 -1
- package/dist/esm/ui/Renderer/count-nodes.js +1 -0
- package/dist/esm/ui/Renderer/index.js +23 -24
- package/dist/esm/ui/Renderer/truncated-wrapper.js +7 -2
- package/dist/esm/ui/Renderer/useMemoFromPropsDerivative.js +1 -0
- package/dist/esm/ui/RendererActionsContext/index.js +3 -2
- package/dist/esm/ui/TaskItemsFormatContext/TaskItemsFormatContext.js +1 -0
- package/dist/esm/ui/annotations/draft/component.js +6 -5
- package/dist/esm/ui/annotations/element/index.js +4 -4
- package/dist/esm/ui/annotations/element/mark.js +2 -1
- package/dist/esm/ui/annotations/element/useInlineAnnotationProps.js +1 -0
- package/dist/esm/ui/annotations/hooks/use-events.js +2 -2
- package/dist/esm/ui/annotations/hooks/use-load-annotations.js +1 -1
- package/dist/esm/ui/annotations/hooks/user-selection.js +2 -2
- package/dist/esm/ui/annotations/hover/mounter.js +2 -2
- package/dist/esm/ui/annotations/hover/range-validator.js +2 -2
- package/dist/esm/ui/annotations/index.js +6 -6
- package/dist/esm/ui/annotations/selection/mounter.js +3 -3
- package/dist/esm/ui/annotations/selection/range-validator.js +1 -1
- package/dist/esm/ui/annotations/view/index.js +1 -1
- package/dist/esm/utils.js +1 -1
- package/dist/types/actions/index.d.ts +1 -1
- package/dist/types/analytics/events.d.ts +1 -1
- package/dist/types/react/index.d.ts +4 -4
- package/dist/types/react/marks/annotation.d.ts +1 -1
- package/dist/types/react/marks/index.d.ts +7 -7
- package/dist/types/react/nodes/blockCard.d.ts +2 -2
- package/dist/types/react/nodes/bodiedExtension.d.ts +4 -4
- package/dist/types/react/nodes/codeBlock/components/codeBlockButtonContainer.d.ts +1 -1
- package/dist/types/react/nodes/codeBlock/components/codeBlockContainer.d.ts +1 -1
- package/dist/types/react/nodes/codeBlock/components/codeBlockCopyButton.d.ts +4 -0
- package/dist/types/react/nodes/codeBlock/components/codeBlockWrapButton.d.ts +4 -0
- package/dist/types/react/nodes/embedCard.d.ts +3 -3
- package/dist/types/react/nodes/emoji.d.ts +5 -1
- package/dist/types/react/nodes/extension.d.ts +3 -3
- package/dist/types/react/nodes/extensionFrame.d.ts +3 -3
- package/dist/types/react/nodes/heading.d.ts +1 -1
- package/dist/types/react/nodes/index.d.ts +27 -27
- package/dist/types/react/nodes/inlineCard.d.ts +4 -4
- package/dist/types/react/nodes/inlineExtension.d.ts +2 -2
- package/dist/types/react/nodes/media/index.d.ts +6 -6
- package/dist/types/react/nodes/mediaGroup.d.ts +2 -2
- package/dist/types/react/nodes/mediaInline.d.ts +4 -4
- package/dist/types/react/nodes/mediaSingle/index.d.ts +1 -1
- package/dist/types/react/nodes/multiBodiedExtension.d.ts +4 -4
- package/dist/types/react/nodes/table/sticky.d.ts +2 -2
- package/dist/types/react/nodes/table/types.d.ts +1 -1
- package/dist/types/react/nodes/table.d.ts +2 -2
- package/dist/types/react/nodes/text-wrapper.d.ts +1 -1
- package/dist/types/react/types.d.ts +2 -2
- package/dist/types/react/utils/markBlockAsInline.d.ts +1 -1
- package/dist/types/react/utils/render-text-segments.d.ts +1 -1
- package/dist/types/types/mediaOptions.d.ts +1 -1
- package/dist/types/ui/Expand.d.ts +5 -1
- package/dist/types/ui/ExtensionRenderer.d.ts +2 -2
- package/dist/types/ui/MediaCard.d.ts +8 -8
- package/dist/types/ui/Renderer/truncated-wrapper.d.ts +1 -1
- package/dist/types/ui/annotations/context.d.ts +1 -1
- package/dist/types/ui/annotations/draft/component.d.ts +1 -1
- package/dist/types/ui/annotations/element/mark.d.ts +1 -1
- package/dist/types/ui/annotations/hooks/use-events.d.ts +1 -1
- package/dist/types/ui/annotations/hover/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/hover/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/selection/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/selection/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/types.d.ts +1 -1
- package/dist/types/ui/renderer-props.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -3
- package/package.json +3 -3
- package/dist/cjs/react/nodes/heading-anchor-button.compiled.css +0 -16
- package/dist/cjs/react/nodes/heading-anchor-button.js +0 -24
- package/dist/es2019/react/nodes/heading-anchor-button.compiled.css +0 -16
- package/dist/es2019/react/nodes/heading-anchor-button.js +0 -15
- package/dist/esm/react/nodes/heading-anchor-button.compiled.css +0 -16
- package/dist/esm/react/nodes/heading-anchor-button.js +0 -15
- package/dist/types/react/nodes/heading-anchor-button.d.ts +0 -7
|
@@ -6,16 +6,17 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { default as React, Fragment, useCallback, useContext, useMemo, useEffect } from 'react';
|
|
9
|
+
|
|
9
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
11
|
import { css, jsx } from '@emotion/react';
|
|
11
12
|
import { injectIntl } from 'react-intl';
|
|
13
|
+
import { isSSR } from '@atlaskit/editor-common/core-utils';
|
|
12
14
|
import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
15
|
import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
15
|
-
import {
|
|
16
|
-
import { FullPagePadding } from '../../../ui/Renderer/style';
|
|
17
|
-
import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
18
17
|
import { useAnnotationHoverDispatch } from '../../../ui/annotations/contexts/AnnotationHoverContext';
|
|
18
|
+
import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
|
|
19
|
+
import { FullPagePadding } from '../../../ui/Renderer/style';
|
|
19
20
|
var DEFAULT_WIDTH = 250;
|
|
20
21
|
var DEFAULT_HEIGHT = 200;
|
|
21
22
|
var uiMediaSingleBaseStyles = css({
|
|
@@ -8,17 +8,18 @@ var _templateObject, _templateObject2;
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
import React, { useContext, useState } from 'react';
|
|
13
|
+
import { jsx, css } from '@emotion/react';
|
|
13
14
|
import { WidthConsumer } from '@atlaskit/editor-common/ui';
|
|
14
|
-
import { RendererCssClassName } from '../../consts';
|
|
15
15
|
import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
|
|
16
16
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
17
|
-
import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
|
|
18
|
-
import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
|
|
19
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
20
|
-
import { calcBreakoutWidthCss } from '../utils/breakout';
|
|
21
18
|
import AnalyticsContext from '../../analytics/analyticsContext';
|
|
19
|
+
import { RendererCssClassName } from '../../consts';
|
|
20
|
+
import { calcBreakoutWidthCss } from '../utils/breakout';
|
|
21
|
+
import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
|
|
22
|
+
import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
|
|
22
23
|
var containerStyles = css({
|
|
23
24
|
// Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
|
|
24
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -15,8 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
15
15
|
*/
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { PanelType } from '@atlaskit/adf-schema/panel';
|
|
18
|
-
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
19
18
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
19
|
+
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
21
21
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
22
22
|
// New custom icons are a little smaller than predefined icons.
|
|
@@ -16,8 +16,8 @@ import React from 'react';
|
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
18
|
import { PanelType } from '@atlaskit/adf-schema/panel';
|
|
19
|
-
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
20
19
|
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
20
|
+
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
22
22
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
23
23
|
// New custom icons are a little smaller than predefined icons.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { memo } from 'react';
|
|
3
|
-
import { Status as AkStatus } from '@atlaskit/status/element';
|
|
4
3
|
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
|
|
5
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
|
+
import { Status as AkStatus } from '@atlaskit/status/element';
|
|
6
6
|
import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
|
|
7
7
|
var ANALYTICS_DATA = {
|
|
8
8
|
userContext: 'document'
|
|
@@ -2,14 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import React, { useContext } from 'react';
|
|
5
|
+
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
5
6
|
import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
|
|
6
7
|
import { WidthContext } from '@atlaskit/editor-common/ui';
|
|
7
8
|
import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
|
|
8
|
-
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
9
|
-
import { useRendererContext } from '../../../renderer-context';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
|
-
|
|
11
|
+
import { useRendererContext } from '../../../renderer-context';
|
|
13
12
|
// we allow scaling down column widths by no more than 30%
|
|
14
13
|
// this intends to reduce unwanted scrolling in the Renderer in these scenarios:
|
|
15
14
|
// User A creates a table with column widths → User B views it on a smaller screen
|
|
@@ -7,14 +7,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
7
7
|
* @jsx jsx
|
|
8
8
|
*/
|
|
9
9
|
import React from 'react';
|
|
10
|
+
|
|
10
11
|
/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
|
|
11
12
|
import { jsx, css } from '@emotion/react';
|
|
12
13
|
import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
13
14
|
import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
|
|
14
15
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
|
-
import { Table } from './table';
|
|
17
17
|
import { recursivelyInjectProps } from '../../utils/inject-props';
|
|
18
|
+
import { Table } from './table';
|
|
18
19
|
export var tableStickyPadding = 8;
|
|
19
20
|
var modeSpecficStyles = {
|
|
20
21
|
none: css({
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Colgroup, colWidthSum } from './colgroup';
|
|
4
3
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
4
|
+
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
5
5
|
import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
|
-
import {
|
|
7
|
+
import { Colgroup, colWidthSum } from './colgroup';
|
|
8
8
|
import { isContentModeSupported } from './content-mode';
|
|
9
9
|
export var Table = /*#__PURE__*/React.memo(function (_ref) {
|
|
10
10
|
var _tableNode$attrs;
|
|
@@ -14,27 +14,28 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
|
|
|
14
14
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
15
15
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
16
16
|
/* eslint-disable @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/enforce-style-prop, @repo/internal/react/no-class-components */
|
|
17
|
+
|
|
17
18
|
import React from 'react';
|
|
19
|
+
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
18
20
|
import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
|
|
21
|
+
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
22
|
+
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
19
23
|
import { overflowShadow } from '@atlaskit/editor-common/ui';
|
|
20
|
-
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
21
|
-
import { FullPagePadding } from '../../ui/Renderer/style';
|
|
22
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
23
|
-
import { RendererCssClassName } from '../../consts';
|
|
24
24
|
import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
|
|
25
|
-
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
26
25
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
26
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
27
27
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
28
|
-
import {
|
|
28
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
29
|
+
import { RendererCssClassName } from '../../consts';
|
|
30
|
+
import { useRendererContext } from '../../renderer-context';
|
|
31
|
+
import { FullPagePadding } from '../../ui/Renderer/style';
|
|
29
32
|
import { withSmartCardStorage } from '../../ui/SmartCardStorage';
|
|
33
|
+
import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
|
|
34
|
+
import { isContentModeSupported } from './table/content-mode';
|
|
30
35
|
import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
|
|
31
36
|
import { Table } from './table/table';
|
|
32
|
-
import {
|
|
37
|
+
import { TableCell, TableHeader } from './tableCell';
|
|
33
38
|
import { TableStickyScrollbar } from './TableStickyScrollbar';
|
|
34
|
-
import { useRendererContext } from '../../renderer-context';
|
|
35
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
36
|
-
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
37
|
-
import { isContentModeSupported } from './table/content-mode';
|
|
38
39
|
var stickyContainerBaseStyles = {
|
|
39
40
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
40
41
|
height: "var(--ds-space-250, 20px)",
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { useIntl } from 'react-intl';
|
|
4
4
|
import { getDarkModeLCHColor } from '@atlaskit/adf-schema/get-dark-mode-lch-color';
|
|
5
|
-
import {
|
|
5
|
+
import { tableBackgroundColorNameByHex } from '@atlaskit/adf-schema/tableNodes';
|
|
6
|
+
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
7
|
+
import { SortingIcon } from '@atlaskit/editor-common/table';
|
|
6
8
|
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
7
9
|
import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
|
|
8
|
-
import {
|
|
10
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
|
+
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
12
|
+
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
9
13
|
import { MODE, PLATFORM } from '../../analytics/events';
|
|
10
|
-
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
11
14
|
import { RendererCssClassName } from '../../consts';
|
|
12
|
-
import { useIntl } from 'react-intl';
|
|
13
15
|
import { tableCellMessages } from '../../messages';
|
|
14
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
15
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
16
16
|
var IgnoreSorting = ['LABEL', 'INPUT'];
|
|
17
17
|
var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
|
|
18
18
|
switch (currentSortOrder) {
|
|
@@ -7,9 +7,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
7
7
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
import React from 'react';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
|
-
import { compose } from '@atlaskit/editor-common/utils';
|
|
12
10
|
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
11
|
+
import { compose } from '@atlaskit/editor-common/utils';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
13
13
|
import { RendererCssClassName } from '../../consts';
|
|
14
14
|
// Ignored via go/ees005
|
|
15
15
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -8,10 +8,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
8
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
10
|
import React, { PureComponent } from 'react';
|
|
11
|
-
import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
12
|
-
import TaskItemWithProviders from './task-item-with-providers';
|
|
13
11
|
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
|
|
12
|
+
import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
14
13
|
import { TaskItemsFormatProvider, TaskItemsFormatConsumer } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
|
|
14
|
+
import TaskItemWithProviders from './task-item-with-providers';
|
|
15
15
|
// Ignored via go/ees005
|
|
16
16
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
17
17
|
var TaskItem = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
|
|
3
|
-
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
4
|
-
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
5
3
|
import { useProviderFactory, useProviderLayout } from '@atlaskit/editor-common/provider-factory';
|
|
4
|
+
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
5
|
+
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
6
6
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
8
|
var getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
3
3
|
import AnalyticsContext from '../../analytics/analyticsContext';
|
|
4
4
|
import { ElementSelection } from './element-selection';
|
|
5
5
|
|
|
@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
3
3
|
// Entry file in package.json
|
|
4
4
|
|
|
5
|
+
import memoizeOne from 'memoize-one';
|
|
5
6
|
import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
|
|
6
7
|
import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
|
|
7
8
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
@@ -9,7 +10,6 @@ import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaski
|
|
|
9
10
|
import { getValidDocument } from '@atlaskit/editor-common/validator';
|
|
10
11
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
12
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
|
-
import memoizeOne from 'memoize-one';
|
|
13
13
|
import { PLATFORM } from './analytics/events';
|
|
14
14
|
import { trackUnsupportedContentLevels } from './analytics/unsupported-content';
|
|
15
15
|
import { countNodes } from './ui/Renderer/count-nodes';
|
package/dist/esm/steps/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
|
|
2
|
-
|
|
2
|
+
|
|
3
3
|
import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
5
|
|
|
5
6
|
// Ignored via go/ees005
|
|
6
7
|
// eslint-disable-next-line require-unicode-regexp
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { getText } from '../../utils';
|
|
2
1
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
2
|
+
import { getText } from '../../utils';
|
|
3
3
|
var status = function status(node, _schema) {
|
|
4
4
|
return node.attrs.text ? node.attrs.style === 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
|
|
5
5
|
};
|
package/dist/esm/ui/Expand.js
CHANGED
|
@@ -3,22 +3,24 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
* @jsxRuntime classic
|
|
4
4
|
* @jsx jsx
|
|
5
5
|
*/
|
|
6
|
+
|
|
7
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
8
|
+
|
|
6
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
10
|
import { css, jsx } from '@emotion/react';
|
|
8
|
-
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
9
11
|
import { bind } from 'bind-event-listener';
|
|
12
|
+
import _uniqueId from 'lodash/uniqueId';
|
|
13
|
+
import { injectIntl } from 'react-intl';
|
|
10
14
|
import { getDocument } from '@atlaskit/browser-apis';
|
|
11
15
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
12
16
|
import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
|
|
13
17
|
import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
|
|
14
18
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
15
|
-
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
16
19
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
17
|
-
import
|
|
18
|
-
import _uniqueId from 'lodash/uniqueId';
|
|
19
|
-
import { injectIntl } from 'react-intl';
|
|
20
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
20
21
|
import { MODE, PLATFORM } from '../analytics/events';
|
|
21
22
|
import { ActiveHeaderIdConsumer } from './active-header-id-provider';
|
|
23
|
+
import { ExpandBodyProvider, useExpandBody } from './utils/expand-body';
|
|
22
24
|
var titleStyles = css({
|
|
23
25
|
outline: 'none',
|
|
24
26
|
border: 'none',
|
|
@@ -3,9 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
* @jsxRuntime classic
|
|
4
4
|
* @jsx jsx
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
|
-
import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
|
|
6
|
+
|
|
8
7
|
import React from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
|
|
10
|
+
import { css, jsx } from '@emotion/react';
|
|
11
|
+
// oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
|
|
9
12
|
import memoizeOne from 'memoize-one';
|
|
10
13
|
import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
|
|
11
14
|
import { WithProviders } from '@atlaskit/editor-common/provider-factory';
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -13,15 +13,15 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
13
13
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
14
|
import React, { Component, useContext } from 'react';
|
|
15
15
|
import { filter } from '@atlaskit/adf-utils/traverse';
|
|
16
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
17
|
+
import { withImageLoader } from '@atlaskit/editor-common/utils';
|
|
18
|
+
import { CardError } from '@atlaskit/media-card/cardError';
|
|
16
19
|
import CardAsync from '@atlaskit/media-card/cardLoader';
|
|
17
|
-
import CardSync from '@atlaskit/media-card/cardSync';
|
|
18
20
|
import { CardLoading } from '@atlaskit/media-card/cardLoading';
|
|
19
|
-
import
|
|
21
|
+
import CardSync from '@atlaskit/media-card/cardSync';
|
|
20
22
|
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
21
|
-
import { withImageLoader } from '@atlaskit/editor-common/utils';
|
|
22
23
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
23
24
|
import AnalyticsContext from '../analytics/analyticsContext';
|
|
24
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
25
25
|
export var mediaIdentifierMap = new Map();
|
|
26
26
|
export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
|
|
27
27
|
if (!doc) {
|
|
@@ -7,8 +7,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
7
7
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
import React from 'react';
|
|
10
|
-
import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
11
10
|
import { FabricChannel } from '@atlaskit/analytics-listeners/types';
|
|
11
|
+
import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
12
12
|
import { logException } from '@atlaskit/editor-common/monitoring';
|
|
13
13
|
import { PLATFORM } from '../../analytics/events';
|
|
14
14
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
var
|
|
2
|
+
var _css9, _$concat3, _$concat5;
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
5
5
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
@@ -10,29 +10,29 @@ var _css0, _$concat3, _$concat5;
|
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
|
|
11
11
|
import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
|
|
12
12
|
|
|
13
|
-
import { FullPagePadding } from './style';
|
|
14
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
|
-
import { RendererCssClassName } from '../../consts';
|
|
17
|
-
import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
|
|
18
|
-
import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
|
|
19
|
-
import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
|
|
20
|
-
import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
21
13
|
import { bulletListSelector } from '@atlaskit/adf-schema/bullet-list';
|
|
22
14
|
import { orderedListSelector } from '@atlaskit/adf-schema/ordered-list';
|
|
23
|
-
import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
|
|
24
15
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
16
|
+
import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, defaultInlineEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
|
|
17
|
+
import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
|
|
18
|
+
import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
19
|
+
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
27
20
|
import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
|
|
28
|
-
import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
|
|
29
21
|
import { editorUGCTokensRefreshed } from '@atlaskit/editor-common/ugc-tokens';
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
22
|
+
import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
|
|
23
|
+
import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
|
|
24
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
25
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
26
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
32
27
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
33
28
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
34
|
-
import {
|
|
29
|
+
import { RendererCssClassName } from '../../consts';
|
|
30
|
+
import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
|
|
31
|
+
import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
|
|
32
|
+
import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
|
|
35
33
|
import { COLLAPSED_CONTENT_OWNERS_ATTRIBUTE } from '../collapsible-headings-dom';
|
|
34
|
+
import { getBaseFontSize } from './get-base-font-size';
|
|
35
|
+
import { FullPagePadding } from './style';
|
|
36
36
|
var wrappedMediaBreakoutPoint = 410;
|
|
37
37
|
var TELEPOINTER_ID = 'ai-streaming-telepointer';
|
|
38
38
|
var tableShadowWidth = 32;
|
|
@@ -547,16 +547,6 @@ var headingWrapperInlineFlowStyles = css(_defineProperty(_defineProperty(_define
|
|
|
547
547
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
548
548
|
marginTop: '1.59091em'
|
|
549
549
|
}));
|
|
550
|
-
var headingAnchorWrapperTargetSizeStyles = css(_defineProperty({
|
|
551
|
-
'& .renderer-heading-wrapper > h1, & .renderer-heading-wrapper > h2, & .renderer-heading-wrapper > h3, & .renderer-heading-wrapper > h4, & .renderer-heading-wrapper > h5, & .renderer-heading-wrapper > h6': {
|
|
552
|
-
verticalAlign: 'middle'
|
|
553
|
-
}
|
|
554
|
-
}, "& .renderer-heading-wrapper > .".concat(HeadingAnchorWrapperClassName), {
|
|
555
|
-
display: 'inline-flex',
|
|
556
|
-
alignItems: 'center',
|
|
557
|
-
justifyContent: 'center',
|
|
558
|
-
verticalAlign: 'middle'
|
|
559
|
-
}));
|
|
560
550
|
var headingWithAlignmentStylesDuplicateAnchor = css({
|
|
561
551
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
562
552
|
'.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
|
|
@@ -647,13 +637,13 @@ var paragraphStylesUGCScaledMargin = css({
|
|
|
647
637
|
marginBottom: 0
|
|
648
638
|
}
|
|
649
639
|
});
|
|
650
|
-
var listsSharedStyles = css((
|
|
640
|
+
var listsSharedStyles = css((_css9 = {
|
|
651
641
|
/* =============== INDENTATION SPACING ========= */
|
|
652
642
|
'ul, ol': {
|
|
653
643
|
boxSizing: 'border-box',
|
|
654
644
|
paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
|
|
655
645
|
}
|
|
656
|
-
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
|
646
|
+
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css9, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
|
|
657
647
|
/*
|
|
658
648
|
Ensures list item content adheres to the list's margin instead
|
|
659
649
|
of filling the entire block row. This is important to allow
|
|
@@ -685,7 +675,7 @@ var listsSharedStyles = css((_css0 = {
|
|
|
685
675
|
listStyleType: 'lower-alpha'
|
|
686
676
|
}), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
|
|
687
677
|
listStyleType: 'lower-roman'
|
|
688
|
-
}), _defineProperty(_defineProperty(_defineProperty(
|
|
678
|
+
}), _defineProperty(_defineProperty(_defineProperty(_css9, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
|
|
689
679
|
listStyleType: 'disc'
|
|
690
680
|
}), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
|
|
691
681
|
listStyleType: 'circle'
|
|
@@ -2291,7 +2281,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2291
2281
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
|
|
2292
2282
|
'--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
|
|
2293
2283
|
},
|
|
2294
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles,
|
|
2284
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
|
|
2295
2285
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2296
2286
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2297
2287
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
|
|
2
|
+
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { breakoutConsts } from '@atlaskit/editor-common/utils';
|
|
4
|
-
import { FullPagePadding } from './style';
|
|
5
5
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
|
+
import { FullPagePadding } from './style';
|
|
6
7
|
/**
|
|
7
8
|
* Inline Script that updates breakout node width on client side,
|
|
8
9
|
* before main JavaScript bundle is ready.
|