@atlaskit/renderer 109.32.3 → 109.32.4
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 +9 -0
- package/dist/cjs/actions/index.js +7 -0
- package/dist/cjs/react/marks/breakout.js +5 -1
- package/dist/cjs/react/nodes/blockCard.js +1 -0
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
- package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
- package/dist/cjs/react/nodes/embedCard.js +2 -0
- package/dist/cjs/react/nodes/extension.js +1 -0
- package/dist/cjs/react/nodes/layoutColumn.js +6 -1
- package/dist/cjs/react/nodes/media/index.js +6 -1
- package/dist/cjs/react/nodes/mediaSingle/styles.js +3 -0
- package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -1
- package/dist/cjs/react/nodes/panel.js +6 -3
- package/dist/cjs/react/nodes/table/colgroup.js +1 -1
- package/dist/cjs/react/nodes/table/sticky.js +55 -44
- package/dist/cjs/ui/Expand.js +2 -0
- package/dist/cjs/ui/ExtensionRenderer.js +1 -0
- package/dist/cjs/ui/Renderer/index.js +2 -2
- package/dist/cjs/ui/Renderer/truncated-wrapper.js +2 -0
- package/dist/cjs/ui/annotations/draft/component.js +4 -1
- package/dist/es2019/actions/index.js +7 -0
- package/dist/es2019/react/marks/breakout.js +5 -1
- package/dist/es2019/react/nodes/blockCard.js +1 -0
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
- package/dist/es2019/react/nodes/embedCard.js +2 -0
- package/dist/es2019/react/nodes/extension.js +1 -0
- package/dist/es2019/react/nodes/layoutColumn.js +7 -1
- package/dist/es2019/react/nodes/media/index.js +6 -1
- package/dist/es2019/react/nodes/mediaSingle/styles.js +4 -0
- package/dist/es2019/react/nodes/multiBodiedExtension.js +2 -1
- package/dist/es2019/react/nodes/panel.js +6 -3
- package/dist/es2019/react/nodes/table/colgroup.js +1 -1
- package/dist/es2019/react/nodes/table/sticky.js +59 -44
- package/dist/es2019/ui/Expand.js +2 -0
- package/dist/es2019/ui/ExtensionRenderer.js +1 -0
- package/dist/es2019/ui/Renderer/index.js +2 -2
- package/dist/es2019/ui/Renderer/truncated-wrapper.js +2 -0
- package/dist/es2019/ui/annotations/draft/component.js +5 -1
- package/dist/esm/actions/index.js +7 -0
- package/dist/esm/react/marks/breakout.js +5 -1
- package/dist/esm/react/nodes/blockCard.js +1 -0
- package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
- package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
- package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
- package/dist/esm/react/nodes/embedCard.js +2 -0
- package/dist/esm/react/nodes/extension.js +1 -0
- package/dist/esm/react/nodes/layoutColumn.js +7 -1
- package/dist/esm/react/nodes/media/index.js +6 -1
- package/dist/esm/react/nodes/mediaSingle/styles.js +4 -0
- package/dist/esm/react/nodes/multiBodiedExtension.js +2 -1
- package/dist/esm/react/nodes/panel.js +6 -3
- package/dist/esm/react/nodes/table/colgroup.js +1 -1
- package/dist/esm/react/nodes/table/sticky.js +55 -44
- package/dist/esm/ui/Expand.js +2 -0
- package/dist/esm/ui/ExtensionRenderer.js +1 -0
- package/dist/esm/ui/Renderer/index.js +2 -2
- package/dist/esm/ui/Renderer/truncated-wrapper.js +2 -0
- package/dist/esm/ui/annotations/draft/component.js +5 -1
- package/dist/types/react/nodes/extension.d.ts +1 -0
- package/dist/types-ts4.5/react/nodes/extension.d.ts +1 -0
- package/package.json +156 -160
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
5
|
export const uiMediaSingleBaseStyles = css({
|
|
4
6
|
transition: 'all 0.1s linear'
|
|
5
7
|
});
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
10
|
export const uiMediaSingleLayoutStyles = css({
|
|
7
11
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
8
12
|
marginLeft: '50%',
|
|
@@ -41,7 +41,7 @@ const useMultiBodiedExtensionActions = ({
|
|
|
41
41
|
return actions;
|
|
42
42
|
};
|
|
43
43
|
|
|
44
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
44
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
45
45
|
const navigationCssExtended = css`
|
|
46
46
|
${sharedMultiBodiedExtensionStyles.mbeNavigation};
|
|
47
47
|
margin-left: 0 !important;
|
|
@@ -101,6 +101,7 @@ const MultiBodiedExtension = props => {
|
|
|
101
101
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
102
102
|
className: `${RendererCssClassName.EXTENSION} ${centerAlignClass} ${overflowContainerClass}`,
|
|
103
103
|
style: {
|
|
104
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
104
105
|
width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
|
|
105
106
|
},
|
|
106
107
|
"data-layout": layout
|
|
@@ -37,9 +37,12 @@ const PanelStyled = ({
|
|
|
37
37
|
}
|
|
38
38
|
`;
|
|
39
39
|
}
|
|
40
|
-
return
|
|
41
|
-
css
|
|
42
|
-
|
|
40
|
+
return (
|
|
41
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
42
|
+
jsx("div", _extends({
|
|
43
|
+
css: styles
|
|
44
|
+
}, props), props.children)
|
|
45
|
+
);
|
|
43
46
|
};
|
|
44
47
|
PanelStyled.displayName = 'PanelStyled';
|
|
45
48
|
const panelIcons = {
|
|
@@ -161,7 +161,7 @@ export const Colgroup = props => {
|
|
|
161
161
|
return null;
|
|
162
162
|
}
|
|
163
163
|
return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
|
|
164
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
164
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
165
165
|
style: {
|
|
166
166
|
width: akEditorTableNumberColumnWidth
|
|
167
167
|
},
|
|
@@ -29,12 +29,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
|
|
|
29
29
|
} else {
|
|
30
30
|
stickyHeaderZIndex = akEditorStickyHeaderZIndex;
|
|
31
31
|
}
|
|
32
|
+
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
32
34
|
return css(typeof top === 'number' && `top: ${top}px;`, {
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
36
|
width: `${width}px`,
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
34
38
|
zIndex: stickyHeaderZIndex,
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
35
40
|
[`& .${TableSharedCssClassName.TABLE_CONTAINER}, & .${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
|
|
36
41
|
marginTop: 0,
|
|
37
42
|
marginBottom: 0,
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
38
44
|
tr: {
|
|
39
45
|
background: "var(--ds-surface, white)"
|
|
40
46
|
}
|
|
@@ -42,14 +48,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
|
|
|
42
48
|
borderTop: `${tableStickyPadding}px solid ${"var(--ds-surface, white)"}`,
|
|
43
49
|
background: "var(--ds-surface-overlay, white)",
|
|
44
50
|
boxShadow: `0 6px 4px -4px ${`var(--ds-shadow-overflow-perimeter, ${N40A})`}`,
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
45
52
|
"div[data-expanded='false'] &": {
|
|
46
53
|
display: 'none'
|
|
47
54
|
},
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
48
56
|
[`& .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.right-shadow::after, & .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.left-shadow::before`]: {
|
|
49
57
|
top: '0px',
|
|
50
58
|
height: '100%'
|
|
51
59
|
},
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
52
61
|
"&.fixed-table-div-custom-table-resizing[mode='stick']": {
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
53
63
|
zIndex: stickyHeaderZIndex
|
|
54
64
|
}
|
|
55
65
|
});
|
|
@@ -69,7 +79,9 @@ export const FixedTableDiv = props => {
|
|
|
69
79
|
"data-testid": "sticky-table-fixed"
|
|
70
80
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
71
81
|
,
|
|
72
|
-
className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
|
|
82
|
+
className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
|
|
83
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
84
|
+
,
|
|
73
85
|
css: fixedTableCss
|
|
74
86
|
}), props.children);
|
|
75
87
|
};
|
|
@@ -94,60 +106,63 @@ export const StickyTable = ({
|
|
|
94
106
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
95
107
|
if (isTableResizingEnabled(rendererAppearance)) {
|
|
96
108
|
styles = css({
|
|
97
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
109
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
98
110
|
top: mode === 'pin-bottom' ? top : undefined,
|
|
99
111
|
position: 'absolute'
|
|
100
112
|
});
|
|
101
113
|
} else {
|
|
102
114
|
styles = css({
|
|
103
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
115
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
104
116
|
left: left && left < 0 ? left : undefined,
|
|
105
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
117
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
106
118
|
top: mode === 'pin-bottom' ? top : undefined,
|
|
107
119
|
position: 'relative'
|
|
108
120
|
});
|
|
109
121
|
}
|
|
110
122
|
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
111
|
-
return
|
|
112
|
-
css
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
123
|
+
return (
|
|
124
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
125
|
+
jsx("div", {
|
|
126
|
+
css: styles
|
|
127
|
+
}, jsx(FixedTableDiv, {
|
|
128
|
+
top: mode === 'stick' ? top : undefined,
|
|
129
|
+
mode: rowHeight > 300 ? 'none' : mode,
|
|
130
|
+
wrapperWidth: wrapperWidth,
|
|
131
|
+
rendererAppearance: rendererAppearance
|
|
132
|
+
}, jsx("div", {
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
134
|
+
className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
|
|
135
|
+
"data-layout": layout,
|
|
136
|
+
style: {
|
|
137
|
+
width: tableWidth
|
|
138
|
+
}
|
|
139
|
+
}, jsx("div", {
|
|
140
|
+
ref: innerRef
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
142
|
+
,
|
|
143
|
+
className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
|
|
144
|
+
style: {
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
146
|
+
overflow: 'hidden'
|
|
147
|
+
}
|
|
148
|
+
}, jsx(Table, {
|
|
149
|
+
columnWidths: columnWidths,
|
|
150
|
+
layout: layout,
|
|
151
|
+
isNumberColumnEnabled: isNumberColumnEnabled,
|
|
152
|
+
renderWidth: renderWidth,
|
|
153
|
+
tableNode: tableNode,
|
|
154
|
+
rendererAppearance: rendererAppearance
|
|
155
|
+
},
|
|
156
|
+
/**
|
|
157
|
+
* @see https://product-fabric.atlassian.net/browse/ED-10235
|
|
158
|
+
* We pass prop 'invisible' to our table's children nodes meaning
|
|
159
|
+
* they exist inside of the 'invisible' duplicated table component that
|
|
160
|
+
* enables sticky headers.
|
|
161
|
+
*/
|
|
162
|
+
recursivelyInjectProps(children, {
|
|
163
|
+
invisible: true
|
|
164
|
+
}))))))
|
|
165
|
+
);
|
|
151
166
|
};
|
|
152
167
|
|
|
153
168
|
/**
|
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -17,7 +17,9 @@ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
|
|
|
17
17
|
const titleStyles = css({
|
|
18
18
|
outline: 'none',
|
|
19
19
|
border: 'none',
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
20
21
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
21
23
|
lineHeight: akEditorLineHeight,
|
|
22
24
|
fontWeight: 'normal',
|
|
23
25
|
display: 'flex',
|
|
@@ -13,6 +13,7 @@ const inlineExtensionStyle = css({
|
|
|
13
13
|
verticalAlign: 'middle',
|
|
14
14
|
// es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
15
15
|
margin: `1px 1px ${"var(--ds-space-050, 4px)"}`,
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
16
17
|
'& .rich-media-item': {
|
|
17
18
|
maxWidth: '100%'
|
|
18
19
|
}
|
|
@@ -37,7 +37,7 @@ import { nodeToReact } from '../../react/nodes';
|
|
|
37
37
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
38
38
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
39
39
|
const packageName = "@atlaskit/renderer";
|
|
40
|
-
const packageVersion = "109.32.
|
|
40
|
+
const packageVersion = "109.32.4";
|
|
41
41
|
export const defaultNodeComponents = nodeToReact;
|
|
42
42
|
export class Renderer extends PureComponent {
|
|
43
43
|
constructor(props) {
|
|
@@ -521,7 +521,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
|
|
|
521
521
|
ref: innerRef,
|
|
522
522
|
onClick: onClick,
|
|
523
523
|
onMouseDown: onMouseDown
|
|
524
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
524
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
525
525
|
,
|
|
526
526
|
css: rendererStyles({
|
|
527
527
|
appearance,
|
|
@@ -4,10 +4,12 @@ import { Component } from 'react';
|
|
|
4
4
|
const fadeOutStyles = (maxHeight, top, backgroundColor) => css({
|
|
5
5
|
position: 'relative',
|
|
6
6
|
overflowY: 'hidden',
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
7
8
|
maxHeight: `${maxHeight}px`,
|
|
8
9
|
'&::after': {
|
|
9
10
|
content: "''",
|
|
10
11
|
position: 'absolute',
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
13
|
top: `${top}px`,
|
|
12
14
|
bottom: 0,
|
|
13
15
|
left: 0,
|
|
@@ -10,11 +10,15 @@ import { dataAttributes } from './dom';
|
|
|
10
10
|
import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
|
|
11
11
|
import { segmentText } from '../../../react/utils/segment-text';
|
|
12
12
|
import { renderTextSegments } from '../../../react/utils/render-text-segments';
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
13
15
|
const markStyles = () => css({
|
|
14
16
|
color: 'inherit',
|
|
15
17
|
backgroundColor: 'unset',
|
|
16
18
|
WebkitTapHighlightColor: 'transparent'
|
|
17
|
-
},
|
|
19
|
+
},
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
21
|
+
AnnotationSharedCSSByState().focus);
|
|
18
22
|
export const AnnotationDraft = ({
|
|
19
23
|
draftPosition,
|
|
20
24
|
children
|
|
@@ -273,6 +273,13 @@ var RendererActions = /*#__PURE__*/function () {
|
|
|
273
273
|
return _objectSpread({
|
|
274
274
|
step: step,
|
|
275
275
|
doc: this.transformer.encode(doc),
|
|
276
|
+
inlineNodeTypes: getRendererRangeInlineNodeNames({
|
|
277
|
+
actions: this,
|
|
278
|
+
pos: {
|
|
279
|
+
from: from,
|
|
280
|
+
to: to
|
|
281
|
+
}
|
|
282
|
+
}),
|
|
276
283
|
originalSelection: originalSelection,
|
|
277
284
|
numMatches: numMatches,
|
|
278
285
|
matchIndex: matchIndex,
|
|
@@ -3,7 +3,9 @@ import { css, jsx } from '@emotion/react';
|
|
|
3
3
|
import { WidthConsumer } from '@atlaskit/editor-common/ui';
|
|
4
4
|
import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
|
|
5
5
|
import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
7
|
export var wrapperStyles = css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
7
9
|
margin: "".concat(blockNodesVerticalMargin, " 0"),
|
|
8
10
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
9
11
|
marginLeft: '50%',
|
|
@@ -14,7 +16,9 @@ export default function Breakout(props) {
|
|
|
14
16
|
var width = _ref.width;
|
|
15
17
|
return jsx("div", {
|
|
16
18
|
css: wrapperStyles,
|
|
17
|
-
"data-mode": props.mode
|
|
19
|
+
"data-mode": props.mode
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
21
|
+
,
|
|
18
22
|
style: {
|
|
19
23
|
width: calcBreakoutWidth(props.mode, width)
|
|
20
24
|
}
|
|
@@ -99,6 +99,7 @@ export default function BlockCard(props) {
|
|
|
99
99
|
css: datasourceContainerStyle,
|
|
100
100
|
"data-testid": "renderer-datasource-table",
|
|
101
101
|
style: {
|
|
102
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
102
103
|
width: isNodeNested ? '100%' : calcBreakoutWidth(layout, width)
|
|
103
104
|
}
|
|
104
105
|
}, jsx(DatasourceTableView, {
|
|
@@ -17,6 +17,7 @@ var codeBlockButtonsStyle = css({
|
|
|
17
17
|
right: "var(--ds-space-075, 6px)",
|
|
18
18
|
top: "var(--ds-space-050, 4px)",
|
|
19
19
|
padding: "var(--ds-space-025, 2px)",
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
21
|
button: {
|
|
21
22
|
height: '32px',
|
|
22
23
|
width: '32px',
|
|
@@ -32,9 +33,11 @@ var codeBlockButtonsStyle = css({
|
|
|
32
33
|
height: '32px',
|
|
33
34
|
width: '32px'
|
|
34
35
|
},
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
35
37
|
'&.clicked': {
|
|
36
38
|
backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(N700, ")")),
|
|
37
39
|
borderRadius: '4px',
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
38
41
|
color: "".concat("var(--ds-icon-inverse, ".concat(N0, ")"), " !important")
|
|
39
42
|
}
|
|
40
43
|
}
|
|
@@ -8,7 +8,7 @@ import { fontSize } from '@atlaskit/theme/constants';
|
|
|
8
8
|
import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
9
9
|
import CodeBlockButtonContainer from './codeBlockButtonContainer';
|
|
10
10
|
|
|
11
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
12
12
|
var codeBlockStyleOverrides = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttab-size: 4;\n\tbackground-color: ", ";\n\n\t&:hover {\n\t\tbutton {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\tbutton {\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease 0s;\n\t}\n\n\t", " {\n\t\tfont-size: ", ";\n\t\tline-height: 1.5rem;\n\t\tbackground-image: ", ";\n\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\tbackground-position:\n\t\t\t0 0,\n\t\t\t0 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t0 0,\n\t\t\t0 0;\n\t}\n"])), "var(--ds-surface-raised, ".concat(N20, ")"), CodeBlockSharedCssClassName.DS_CODEBLOCK, relativeFontSizeToBase16(fontSize()), overflowShadow({
|
|
13
13
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
14
14
|
}));
|
|
@@ -7,7 +7,7 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
|
7
7
|
import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
8
8
|
import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
|
|
9
9
|
import { RendererCssClassName } from '../../../../consts';
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
11
11
|
var lightWeightCodeBlockStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tcursor: text;\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER);
|
|
12
12
|
export var LightWeightCodeBlockCssClassName = {
|
|
13
13
|
CONTAINER: 'light-weight-code-block'
|
|
@@ -38,7 +38,9 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
38
38
|
return jsx("div", {
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
40
40
|
className: classNames,
|
|
41
|
-
ref: ref
|
|
41
|
+
ref: ref
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
43
|
+
,
|
|
42
44
|
css: [codeBlockSharedStyles(), lightWeightCodeBlockStyles]
|
|
43
45
|
}, jsx("div", {
|
|
44
46
|
className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
|
|
@@ -15,9 +15,11 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
|
15
15
|
var embedCardWrapperStyles = css({
|
|
16
16
|
width: '100%',
|
|
17
17
|
height: '100%',
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
19
|
'> div': {
|
|
19
20
|
height: '100%'
|
|
20
21
|
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
21
23
|
'.loader-wrapper': {
|
|
22
24
|
height: '100%'
|
|
23
25
|
},
|
|
@@ -22,6 +22,7 @@ export var renderExtension = function renderExtension(content, layout) {
|
|
|
22
22
|
,
|
|
23
23
|
className: "".concat(RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
|
|
24
24
|
style: {
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
25
26
|
width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
|
|
26
27
|
},
|
|
27
28
|
"data-layout": layout
|
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx, css } from '@emotion/react';
|
|
4
4
|
import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
7
|
+
var layoutColumnClearMarginTopStyles = css(
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
9
|
+
clearNextSiblingMarginTopStyle,
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
|
+
clearNextSiblingBlockMarkMarginTopStyle);
|
|
6
12
|
export default function LayoutSection(props) {
|
|
7
13
|
return jsx("div", {
|
|
8
14
|
"data-layout-column": true,
|
|
@@ -35,7 +35,10 @@ import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/m
|
|
|
35
35
|
import { injectIntl } from 'react-intl-next';
|
|
36
36
|
import { useInlineCommentSubscriberContext, useInlineCommentsFilter } from '../../../ui/annotations/hooks';
|
|
37
37
|
import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
38
39
|
export var linkStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tbackground: transparent;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tcursor: pointer;\n\twidth: 100% !important;\n\theight: 100% !important;\n"])));
|
|
40
|
+
|
|
41
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
39
42
|
export var borderStyle = function borderStyle(color, width) {
|
|
40
43
|
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: ", "px;\n\tbox-shadow: 0 0 0 ", "px ", ";\n"])), width, width, color);
|
|
41
44
|
};
|
|
@@ -52,7 +55,9 @@ var MediaBorder = function MediaBorder(_ref) {
|
|
|
52
55
|
return jsx("div", {
|
|
53
56
|
"data-mark-type": "border",
|
|
54
57
|
"data-color": borderColor,
|
|
55
|
-
"data-size": borderWidth
|
|
58
|
+
"data-size": borderWidth
|
|
59
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
60
|
+
,
|
|
56
61
|
css: borderStyle(paletteColorValue, borderWidth)
|
|
57
62
|
}, jsx(MediaBorderGapFiller, {
|
|
58
63
|
borderColor: borderColor
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
5
|
export var uiMediaSingleBaseStyles = css({
|
|
4
6
|
transition: 'all 0.1s linear'
|
|
5
7
|
});
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
10
|
export var uiMediaSingleLayoutStyles = css({
|
|
7
11
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
8
12
|
marginLeft: '50%',
|
|
@@ -43,7 +43,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
|
|
|
43
43
|
return actions;
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
46
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
47
47
|
var navigationCssExtended = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ";\n\tmargin-left: 0 !important;\n\tmargin-right: 0 !important;\n\t.mbe-add-tab-button,\n\t.mbe-remove-tab {\n\t\tdisplay: none;\n\t}\n"])), sharedMultiBodiedExtensionStyles.mbeNavigation);
|
|
48
48
|
var MultiBodiedExtension = function MultiBodiedExtension(props) {
|
|
49
49
|
var children = props.children,
|
|
@@ -81,6 +81,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
|
|
|
81
81
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
82
82
|
className: "".concat(RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
|
|
83
83
|
style: {
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
84
85
|
width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
|
|
85
86
|
},
|
|
86
87
|
"data-layout": layout
|
|
@@ -23,9 +23,12 @@ var PanelStyled = function PanelStyled(_ref) {
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
|
|
24
24
|
styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t&.", " {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&[data-panel-type=", "] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t", "\n\t\t\t}\n\t\t"])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix(), PanelType.CUSTOM, hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor, hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;');
|
|
25
25
|
}
|
|
26
|
-
return
|
|
27
|
-
css
|
|
28
|
-
|
|
26
|
+
return (
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
28
|
+
jsx("div", _extends({
|
|
29
|
+
css: styles
|
|
30
|
+
}, props), props.children)
|
|
31
|
+
);
|
|
29
32
|
};
|
|
30
33
|
PanelStyled.displayName = 'PanelStyled';
|
|
31
34
|
var panelIcons = {
|
|
@@ -164,7 +164,7 @@ export var Colgroup = function Colgroup(props) {
|
|
|
164
164
|
return null;
|
|
165
165
|
}
|
|
166
166
|
return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
|
|
167
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
167
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
168
168
|
style: {
|
|
169
169
|
width: akEditorTableNumberColumnWidth
|
|
170
170
|
},
|