@atlaskit/jql-editor 6.2.1 → 6.2.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/accessibility/styled.js +7 -1
- package/dist/cjs/analytics/util.js +1 -1
- package/dist/cjs/async.js +5 -1
- package/dist/cjs/common/styled.js +5 -1
- package/dist/cjs/plugins/autocomplete/components/autocomplete-dropdown/styled.js +16 -4
- package/dist/cjs/plugins/autocomplete/components/autocomplete-option/styled.js +25 -7
- package/dist/cjs/plugins/rich-inline-nodes/nodes/base/index.js +3 -1
- package/dist/cjs/plugins/rich-inline-nodes/nodes/goal/goal-node.js +2 -2
- package/dist/cjs/plugins/rich-inline-nodes/nodes/team/styled.js +14 -6
- package/dist/cjs/plugins/rich-inline-nodes/nodes/user/styled.js +11 -3
- package/dist/cjs/plugins/rich-inline-nodes/util/react-node-view.js +1 -0
- package/dist/cjs/schema/index.js +1 -1
- package/dist/cjs/ui/index.js +2 -1
- package/dist/cjs/ui/jql-editor/index.js +2 -1
- package/dist/cjs/ui/jql-editor-controls-content/base-expand-toggle/styled.js +7 -1
- package/dist/cjs/ui/jql-editor-controls-content/base-syntax-help/styled.js +7 -1
- package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/styled.js +5 -1
- package/dist/cjs/ui/jql-editor-footer-content/jql-messages/format/styled.js +10 -2
- package/dist/cjs/ui/jql-editor-layout/styled.js +36 -17
- package/dist/cjs/ui/tooltip-tag/styled.js +7 -1
- package/dist/es2019/accessibility/styled.js +7 -1
- package/dist/es2019/analytics/util.js +1 -1
- package/dist/es2019/async.js +6 -1
- package/dist/es2019/common/styled.js +5 -1
- package/dist/es2019/plugins/autocomplete/components/autocomplete-dropdown/styled.js +16 -4
- package/dist/es2019/plugins/autocomplete/components/autocomplete-option/styled.js +25 -7
- package/dist/es2019/plugins/rich-inline-nodes/nodes/base/index.js +3 -1
- package/dist/es2019/plugins/rich-inline-nodes/nodes/goal/goal-node.js +2 -2
- package/dist/es2019/plugins/rich-inline-nodes/nodes/team/styled.js +14 -6
- package/dist/es2019/plugins/rich-inline-nodes/nodes/user/styled.js +11 -3
- package/dist/es2019/plugins/rich-inline-nodes/util/react-node-view.js +1 -0
- package/dist/es2019/schema/index.js +2 -0
- package/dist/es2019/ui/index.js +2 -1
- package/dist/es2019/ui/jql-editor/index.js +2 -1
- package/dist/es2019/ui/jql-editor-controls-content/base-expand-toggle/styled.js +7 -1
- package/dist/es2019/ui/jql-editor-controls-content/base-syntax-help/styled.js +7 -1
- package/dist/es2019/ui/jql-editor-footer-content/jql-editor-help/styled.js +5 -1
- package/dist/es2019/ui/jql-editor-footer-content/jql-messages/format/styled.js +10 -2
- package/dist/es2019/ui/jql-editor-layout/styled.js +126 -113
- package/dist/es2019/ui/tooltip-tag/styled.js +7 -1
- package/dist/esm/accessibility/styled.js +7 -1
- package/dist/esm/analytics/util.js +1 -1
- package/dist/esm/async.js +6 -1
- package/dist/esm/common/styled.js +5 -1
- package/dist/esm/plugins/autocomplete/components/autocomplete-dropdown/styled.js +16 -4
- package/dist/esm/plugins/autocomplete/components/autocomplete-option/styled.js +25 -7
- package/dist/esm/plugins/rich-inline-nodes/nodes/base/index.js +3 -1
- package/dist/esm/plugins/rich-inline-nodes/nodes/goal/goal-node.js +2 -2
- package/dist/esm/plugins/rich-inline-nodes/nodes/team/styled.js +14 -6
- package/dist/esm/plugins/rich-inline-nodes/nodes/user/styled.js +11 -3
- package/dist/esm/plugins/rich-inline-nodes/util/react-node-view.js +1 -0
- package/dist/esm/schema/index.js +2 -0
- package/dist/esm/ui/index.js +2 -1
- package/dist/esm/ui/jql-editor/index.js +2 -1
- package/dist/esm/ui/jql-editor-controls-content/base-expand-toggle/styled.js +7 -1
- package/dist/esm/ui/jql-editor-controls-content/base-syntax-help/styled.js +7 -1
- package/dist/esm/ui/jql-editor-footer-content/jql-editor-help/styled.js +5 -1
- package/dist/esm/ui/jql-editor-footer-content/jql-messages/format/styled.js +10 -2
- package/dist/esm/ui/jql-editor-layout/styled.js +37 -17
- package/dist/esm/ui/tooltip-tag/styled.js +7 -1
- package/dist/types/accessibility/styled.d.ts +6 -3
- package/dist/types/analytics/util.d.ts +2 -1
- package/dist/types/async.d.ts +2 -1
- package/dist/types/common/messages.d.ts +1 -1
- package/dist/types/common/styled.d.ts +7 -4
- package/dist/types/hooks/use-editor-theme/index.d.ts +2 -1
- package/dist/types/plugins/autocomplete/components/autocomplete-dropdown/styled.d.ts +15 -12
- package/dist/types/plugins/autocomplete/components/autocomplete-option/messages.d.ts +2 -2
- package/dist/types/plugins/autocomplete/components/autocomplete-option/styled.d.ts +24 -21
- package/dist/types/plugins/autocomplete/messages.d.ts +1 -1
- package/dist/types/plugins/common/plugin-keymap.d.ts +2 -1
- package/dist/types/plugins/jql-ast/messages.d.ts +64 -64
- package/dist/types/plugins/rich-inline-nodes/nodes/goal/goal-icon.d.ts +1 -1
- package/dist/types/plugins/rich-inline-nodes/nodes/index.d.ts +9 -4
- package/dist/types/plugins/rich-inline-nodes/nodes/project/messages.d.ts +1 -1
- package/dist/types/plugins/rich-inline-nodes/nodes/team/styled.d.ts +12 -9
- package/dist/types/plugins/rich-inline-nodes/nodes/user/styled.d.ts +12 -9
- package/dist/types/plugins/rich-inline-nodes/util/react-node-view.d.ts +3 -3
- package/dist/types/state/index.d.ts +601 -601
- package/dist/types/ui/index.d.ts +2 -2
- package/dist/types/ui/jql-editor/index.d.ts +3 -3
- package/dist/types/ui/jql-editor-controls-content/base-expand-toggle/styled.d.ts +6 -3
- package/dist/types/ui/jql-editor-controls-content/base-syntax-help/styled.d.ts +6 -3
- package/dist/types/ui/jql-editor-controls-content/expand-toggle/messages.d.ts +5 -5
- package/dist/types/ui/jql-editor-controls-content/search/messages.d.ts +1 -1
- package/dist/types/ui/jql-editor-controls-content/syntax-help/messages.d.ts +2 -2
- package/dist/types/ui/jql-editor-footer-content/jql-editor-help/messages.d.ts +5 -5
- package/dist/types/ui/jql-editor-footer-content/jql-editor-help/styled.d.ts +6 -3
- package/dist/types/ui/jql-editor-footer-content/jql-messages/errors/messages.d.ts +1 -1
- package/dist/types/ui/jql-editor-footer-content/jql-messages/format/styled.d.ts +9 -6
- package/dist/types/ui/jql-editor-footer-content/jql-messages/warnings/messages.d.ts +5 -5
- package/dist/types/ui/jql-editor-layout/styled.d.ts +29 -26
- package/dist/types/ui/jql-editor-portal-provider/context.d.ts +2 -1
- package/dist/types/ui/messages.d.ts +1 -1
- package/dist/types/ui/tooltip-tag/styled.d.ts +6 -3
- package/dist/types-ts4.5/accessibility/styled.d.ts +6 -3
- package/dist/types-ts4.5/analytics/util.d.ts +2 -1
- package/dist/types-ts4.5/async.d.ts +2 -1
- package/dist/types-ts4.5/common/messages.d.ts +1 -1
- package/dist/types-ts4.5/common/styled.d.ts +7 -4
- package/dist/types-ts4.5/hooks/use-editor-theme/index.d.ts +2 -1
- package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-dropdown/styled.d.ts +15 -12
- package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-option/messages.d.ts +2 -2
- package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-option/styled.d.ts +24 -21
- package/dist/types-ts4.5/plugins/autocomplete/messages.d.ts +1 -1
- package/dist/types-ts4.5/plugins/common/plugin-keymap.d.ts +2 -1
- package/dist/types-ts4.5/plugins/jql-ast/messages.d.ts +64 -64
- package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/goal/goal-icon.d.ts +1 -1
- package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/index.d.ts +9 -4
- package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/project/messages.d.ts +1 -1
- package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/team/styled.d.ts +12 -9
- package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/user/styled.d.ts +12 -9
- package/dist/types-ts4.5/plugins/rich-inline-nodes/util/react-node-view.d.ts +3 -3
- package/dist/types-ts4.5/state/index.d.ts +601 -601
- package/dist/types-ts4.5/ui/index.d.ts +2 -2
- package/dist/types-ts4.5/ui/jql-editor/index.d.ts +3 -3
- package/dist/types-ts4.5/ui/jql-editor-controls-content/base-expand-toggle/styled.d.ts +6 -3
- package/dist/types-ts4.5/ui/jql-editor-controls-content/base-syntax-help/styled.d.ts +6 -3
- package/dist/types-ts4.5/ui/jql-editor-controls-content/expand-toggle/messages.d.ts +5 -5
- package/dist/types-ts4.5/ui/jql-editor-controls-content/search/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/jql-editor-controls-content/syntax-help/messages.d.ts +2 -2
- package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-editor-help/messages.d.ts +5 -5
- package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-editor-help/styled.d.ts +6 -3
- package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/errors/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/format/styled.d.ts +9 -6
- package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/warnings/messages.d.ts +5 -5
- package/dist/types-ts4.5/ui/jql-editor-layout/styled.d.ts +29 -26
- package/dist/types-ts4.5/ui/jql-editor-portal-provider/context.d.ts +2 -1
- package/dist/types-ts4.5/ui/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/tooltip-tag/styled.d.ts +6 -3
- package/package.json +5 -8
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
1
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
4
|
import { css, keyframes } from '@emotion/react';
|
|
3
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -23,47 +25,51 @@ const fadeOut = keyframes({
|
|
|
23
25
|
}
|
|
24
26
|
});
|
|
25
27
|
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
29
|
+
export const EditorMain =
|
|
26
30
|
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
styled.div`
|
|
32
|
+
/* CSS reset */
|
|
33
|
+
font-family: ${"var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
|
|
34
|
+
font-size: 14px;
|
|
35
|
+
flex-grow: 1;
|
|
32
36
|
|
|
33
|
-
|
|
37
|
+
/* These styles and animations are derived from @atlaskit/tooltip */
|
|
34
38
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
.${TOOLTIP_CLASSNAME} {
|
|
40
|
+
background-color: ${"var(--ds-background-neutral-bold, #292A2E)"};
|
|
41
|
+
color: ${"var(--ds-text-inverse, #FFFFFF)"};
|
|
42
|
+
border-radius: ${"var(--ds-radius-small, 3px)"};
|
|
43
|
+
box-sizing: border-box;
|
|
44
|
+
font: ${"var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
|
|
45
|
+
line-height: 1.3;
|
|
46
|
+
max-width: 240px;
|
|
47
|
+
padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"};
|
|
48
|
+
word-wrap: break-word;
|
|
49
|
+
overflow-wrap: break-word;
|
|
50
|
+
z-index: ${layers.tooltip()};
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
position: absolute;
|
|
53
|
+
visibility: hidden;
|
|
50
54
|
|
|
51
|
-
|
|
52
|
-
|
|
55
|
+
/* Horizontally center and vertically position above the target element */
|
|
56
|
+
transform: translate(-50%, calc(-100% - ${"var(--ds-space-200, 16px)"}));
|
|
53
57
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
+
&.${TOOLTIP_ENTER_CLASSNAME} {
|
|
59
|
+
animation: ${fadeIn} 350ms cubic-bezier(0.15, 1, 0.3, 1);
|
|
60
|
+
visibility: visible;
|
|
61
|
+
}
|
|
58
62
|
|
|
59
|
-
|
|
60
|
-
|
|
63
|
+
&.${TOOLTIP_EXIT_CLASSNAME} {
|
|
64
|
+
animation: ${fadeOut} 350ms cubic-bezier(0.15, 1, 0.3, 1);
|
|
65
|
+
}
|
|
61
66
|
}
|
|
62
|
-
|
|
63
|
-
`;
|
|
67
|
+
`;
|
|
64
68
|
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
+
export const EditorFooter =
|
|
65
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
|
-
|
|
72
|
+
styled.div({
|
|
67
73
|
display: 'flex',
|
|
68
74
|
justifyContent: 'space-between',
|
|
69
75
|
minHeight: '20px'
|
|
@@ -74,8 +80,10 @@ const rowHeight = 8 * 2.75;
|
|
|
74
80
|
// Vertical padding for the editor input
|
|
75
81
|
const getEditorInputVerticalPadding = isCompact => isCompact ? 3 : 7;
|
|
76
82
|
const editorInputHorizontalPadding = 6;
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
84
|
+
export const EditorViewContainer =
|
|
77
85
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
78
|
-
|
|
86
|
+
styled.div({
|
|
79
87
|
backgroundColor: "var(--ds-background-input, #FFFFFF)",
|
|
80
88
|
borderStyle: 'solid',
|
|
81
89
|
borderWidth: "var(--ds-border-width, 1px)",
|
|
@@ -110,15 +118,19 @@ css({
|
|
|
110
118
|
}
|
|
111
119
|
}));
|
|
112
120
|
|
|
121
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
122
|
+
export const ReadOnlyEditorViewContainer =
|
|
113
123
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
114
|
-
|
|
124
|
+
styled(EditorViewContainer)({
|
|
115
125
|
backgroundColor: "var(--ds-background-disabled, #17171708)",
|
|
116
126
|
color: "var(--ds-text-disabled, #080F214A)",
|
|
117
127
|
pointerEvents: 'none'
|
|
118
128
|
});
|
|
119
129
|
|
|
130
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
131
|
+
export const LineNumberToolbar =
|
|
120
132
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
121
|
-
|
|
133
|
+
styled.div({
|
|
122
134
|
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
123
135
|
flexShrink: 0,
|
|
124
136
|
width: '30px',
|
|
@@ -135,108 +147,109 @@ css({
|
|
|
135
147
|
/**
|
|
136
148
|
* The main div which the Prosemirror editor will be rendered into.
|
|
137
149
|
*/
|
|
150
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
151
|
+
export const EditorView =
|
|
138
152
|
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
153
|
+
styled.div`
|
|
154
|
+
counter-reset: lineNumber;
|
|
155
|
+
flex-grow: 1;
|
|
142
156
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
157
|
+
transition:
|
|
158
|
+
height 250ms cubic-bezier(0.15, 1, 0.3, 1),
|
|
159
|
+
max-height 250ms cubic-bezier(0.15, 1, 0.3, 1);
|
|
160
|
+
max-height: ${props => rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
|
|
161
|
+
line-height: ${rowHeight / 14};
|
|
162
|
+
${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
|
|
163
|
+
${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
|
|
150
164
|
font-family: ${"var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
165
|
+
word-break: break-word;
|
|
166
|
+
overflow-wrap: anywhere;
|
|
167
|
+
white-space: pre-wrap;
|
|
154
168
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
169
|
+
&[data-expanded] {
|
|
170
|
+
height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
|
|
171
|
+
max-height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
|
|
172
|
+
}
|
|
159
173
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
174
|
+
.ProseMirror {
|
|
175
|
+
color: ${"var(--ds-text, #292A2E)"};
|
|
176
|
+
padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
|
|
177
|
+
${editorInputHorizontalPadding}px;
|
|
164
178
|
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
179
|
+
&:focus {
|
|
180
|
+
outline: none;
|
|
181
|
+
}
|
|
168
182
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
183
|
+
.mark-token-keyword {
|
|
184
|
+
color: ${"var(--ds-text-accent-purple, #803FA5)"};
|
|
185
|
+
}
|
|
172
186
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
187
|
+
.mark-token-field {
|
|
188
|
+
color: ${"var(--ds-text-accent-blue, #1558BC)"};
|
|
189
|
+
}
|
|
176
190
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
191
|
+
.mark-token-operator {
|
|
192
|
+
color: ${"var(--ds-text-accent-green, #216E4E)"};
|
|
193
|
+
}
|
|
180
194
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
195
|
+
.mark-token-error {
|
|
196
|
+
color: ${"var(--ds-text-danger, #AE2E24)"};
|
|
197
|
+
text-decoration: wavy underline;
|
|
198
|
+
text-decoration-thickness: 1px;
|
|
199
|
+
text-decoration-skip-ink: none;
|
|
200
|
+
}
|
|
186
201
|
}
|
|
187
|
-
}
|
|
188
202
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
203
|
+
p {
|
|
204
|
+
margin: 0;
|
|
205
|
+
counter-increment: lineNumber;
|
|
206
|
+
position: relative;
|
|
193
207
|
|
|
194
|
-
|
|
208
|
+
/* Show the current line number before each paragraph block. */
|
|
195
209
|
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
210
|
+
&::before {
|
|
211
|
+
content: counter(lineNumber);
|
|
212
|
+
color: ${"var(--ds-text-subtlest, #6B6E76)"};
|
|
213
|
+
font-size: 10px;
|
|
214
|
+
line-height: ${rowHeight / 10};
|
|
215
|
+
padding: 0 ${"var(--ds-space-100, 8px)"} 0 ${"var(--ds-space-025, 2px)"};
|
|
216
|
+
position: absolute;
|
|
217
|
+
box-sizing: border-box;
|
|
218
|
+
/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */
|
|
219
|
+
transform: translateX(calc(-100% - ${"var(--ds-space-100, 8px)"}));
|
|
206
220
|
|
|
207
|
-
|
|
221
|
+
/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width
|
|
208
222
|
recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
223
|
+
max-width: 30px;
|
|
224
|
+
text-overflow: ellipsis;
|
|
225
|
+
overflow: hidden;
|
|
226
|
+
white-space: nowrap;
|
|
213
227
|
|
|
214
|
-
|
|
228
|
+
${props => !props.lineNumbersVisible &&
|
|
215
229
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
216
230
|
css`
|
|
217
|
-
|
|
218
|
-
|
|
231
|
+
display: none;
|
|
232
|
+
`}
|
|
233
|
+
}
|
|
219
234
|
}
|
|
220
|
-
|
|
221
|
-
`;
|
|
235
|
+
`;
|
|
222
236
|
|
|
223
237
|
// FIXME: convert-props-syntax rule doesn't catch this
|
|
224
|
-
// eslint-disable-next-line @atlaskit/
|
|
225
|
-
export const ReadOnlyEditorView = styled
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
min-height: ${rowHeight}px;
|
|
235
|
-
}
|
|
236
|
-
`;
|
|
238
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
239
|
+
export const ReadOnlyEditorView = /* eslint-disable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766 */
|
|
240
|
+
styled(EditorView)(props => ({
|
|
241
|
+
padding: `${getEditorInputVerticalPadding(props.isCompact)}px ${editorInputHorizontalPadding}px`,
|
|
242
|
+
maxHeight: `${rowHeight * props.defaultMaxRows}px`,
|
|
243
|
+
'> p': {
|
|
244
|
+
minHeight: `${rowHeight}px`
|
|
245
|
+
}
|
|
246
|
+
}));
|
|
247
|
+
/* eslint-enable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
237
248
|
|
|
249
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
250
|
+
export const EditorControls =
|
|
238
251
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
239
|
-
|
|
252
|
+
styled.div(props => ({
|
|
240
253
|
alignItems: 'center',
|
|
241
254
|
display: 'flex',
|
|
242
255
|
flexShrink: 0,
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
|
+
|
|
1
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
6
|
import styled from '@emotion/styled';
|
|
3
7
|
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
+
export const StyledTooltipTag =
|
|
4
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
|
|
11
|
+
styled.div({
|
|
6
12
|
display: 'flex'
|
|
7
13
|
});
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
|
+
|
|
1
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
6
|
import styled from '@emotion/styled';
|
|
3
7
|
import { hiddenMixin } from '../common/styled';
|
|
4
8
|
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
10
|
+
export var ScreenReaderText =
|
|
5
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
6
|
-
|
|
12
|
+
styled.div(hiddenMixin);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
|
|
2
2
|
export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
|
|
3
|
-
return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "
|
|
3
|
+
return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
|
|
4
4
|
};
|
package/dist/esm/async.js
CHANGED
|
@@ -7,8 +7,13 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
7
7
|
import { withErrorBoundary } from './ui/error-boundary';
|
|
8
8
|
import { withIntlProvider } from './ui/intl-provider';
|
|
9
9
|
import { JQLEditorReadOnly } from './ui/jql-editor-layout';
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line import/order
|
|
12
|
+
|
|
13
|
+
// eslint-disable-next-line import/order
|
|
14
|
+
|
|
10
15
|
var JQLEditor = lazyForPaint(function () {
|
|
11
|
-
return import( /* webpackChunkName: "async-jql-editor" */'./ui/jql-editor').then(function (_ref) {
|
|
16
|
+
return import( /* webpackChunkName: "@atlassian/async-jql-editor-ui" */'./ui/jql-editor').then(function (_ref) {
|
|
12
17
|
var JQLEditorUI = _ref.default;
|
|
13
18
|
return JQLEditorUI;
|
|
14
19
|
});
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
1
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
4
|
import { css } from '@emotion/react';
|
|
3
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -15,7 +17,9 @@ export var hiddenMixin = css({
|
|
|
15
17
|
position: 'absolute'
|
|
16
18
|
});
|
|
17
19
|
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
21
|
+
export var TooltipContent =
|
|
18
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
|
-
|
|
23
|
+
styled.div({
|
|
20
24
|
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
21
25
|
});
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
|
+
|
|
1
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
6
|
import styled from '@emotion/styled';
|
|
3
7
|
import { layers } from '@atlaskit/theme/constants';
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
+
export var AutocompleteContainer =
|
|
4
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
|
|
11
|
+
styled.div({
|
|
6
12
|
position: 'absolute',
|
|
7
13
|
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
8
14
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
@@ -35,21 +41,27 @@ function (_ref2) {
|
|
|
35
41
|
};
|
|
36
42
|
});
|
|
37
43
|
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
45
|
+
export var AutocompleteOptionsContainer =
|
|
38
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
39
|
-
|
|
47
|
+
styled.div({
|
|
40
48
|
maxHeight: '288px',
|
|
41
49
|
overflow: 'auto'
|
|
42
50
|
});
|
|
43
51
|
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
53
|
+
export var OptionList =
|
|
44
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
45
|
-
|
|
55
|
+
styled.ul({
|
|
46
56
|
listStyle: 'none',
|
|
47
57
|
margin: "var(--ds-space-0, 0px)",
|
|
48
58
|
padding: "var(--ds-space-0, 0px)"
|
|
49
59
|
});
|
|
50
60
|
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
62
|
+
export var AutocompleteLoadingFooter =
|
|
51
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
52
|
-
|
|
64
|
+
styled.div({
|
|
53
65
|
display: 'flex',
|
|
54
66
|
justifyContent: 'center',
|
|
55
67
|
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
|
+
|
|
1
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
6
|
import styled from '@emotion/styled';
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
|
+
export var TooltipContent =
|
|
3
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
4
|
-
|
|
10
|
+
styled.div({
|
|
5
11
|
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
6
12
|
});
|
|
7
13
|
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
|
+
export var OptionListItem =
|
|
8
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
17
|
+
styled.li({
|
|
10
18
|
cursor: 'pointer',
|
|
11
19
|
padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
|
|
12
20
|
fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -29,8 +37,10 @@ function (_ref2) {
|
|
|
29
37
|
};
|
|
30
38
|
});
|
|
31
39
|
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
41
|
+
export var OptionName =
|
|
32
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
33
|
-
|
|
43
|
+
styled.div({
|
|
34
44
|
color: "var(--ds-text, #292A2E)",
|
|
35
45
|
overflow: 'hidden',
|
|
36
46
|
whiteSpace: 'nowrap',
|
|
@@ -39,29 +49,37 @@ export var OptionName = styled.div({
|
|
|
39
49
|
flex: 1
|
|
40
50
|
});
|
|
41
51
|
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
53
|
+
export var DeprecatedOptionContainer =
|
|
42
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
43
|
-
|
|
55
|
+
styled.div({
|
|
44
56
|
color: "var(--ds-text-disabled, #080F214A)",
|
|
45
57
|
display: 'flex',
|
|
46
58
|
justifyContent: 'space-between',
|
|
47
59
|
opacity: 0.6
|
|
48
60
|
});
|
|
49
61
|
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
63
|
+
export var OptionHighlight =
|
|
50
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
51
|
-
|
|
65
|
+
styled.span({
|
|
52
66
|
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
53
67
|
});
|
|
54
68
|
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
+
export var FieldType =
|
|
55
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
56
|
-
|
|
72
|
+
styled.div({
|
|
57
73
|
display: 'flex',
|
|
58
74
|
alignItems: 'center',
|
|
59
75
|
marginTop: "var(--ds-space-negative-025, -2px)",
|
|
60
76
|
color: "var(--ds-text-subtlest, #6B6E76)"
|
|
61
77
|
});
|
|
62
78
|
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
80
|
+
export var FieldTypeIcon =
|
|
63
81
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
64
|
-
|
|
82
|
+
styled.span({
|
|
65
83
|
display: 'flex',
|
|
66
84
|
marginRight: "var(--ds-space-050, 4px)"
|
|
67
85
|
});
|
|
@@ -38,7 +38,9 @@ export var NodeBase = function NodeBase(props) {
|
|
|
38
38
|
selected = props.selected,
|
|
39
39
|
error = props.error,
|
|
40
40
|
isRichNodeDisplay = props.isRichNodeDisplay;
|
|
41
|
-
var isNewExperienceEnabled =
|
|
41
|
+
var isNewExperienceEnabled =
|
|
42
|
+
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for this experiment gate
|
|
43
|
+
FeatureGates.checkGate('projects_in_jira_ga_drop') || isRichNodeDisplay;
|
|
42
44
|
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
43
45
|
xcss: cx(styles.nodeWrapper, !isNewExperienceEnabled && styles.nodeWrapperWithHeight, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
|
|
44
46
|
}, isNewExperienceEnabled ? {
|
|
@@ -40,8 +40,8 @@ export var GoalNode = function GoalNode(props) {
|
|
|
40
40
|
xcss: styles.iconWrapper
|
|
41
41
|
}, /*#__PURE__*/React.createElement(GoalIcon, {
|
|
42
42
|
size: "16",
|
|
43
|
-
status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status :
|
|
44
|
-
iconKey: toGoalIconKey(
|
|
43
|
+
status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : 'DEFAULT',
|
|
44
|
+
iconKey: toGoalIconKey('GOAL')
|
|
45
45
|
})),
|
|
46
46
|
text: name,
|
|
47
47
|
isRichNodeDisplay: true
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
1
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
4
|
import { css } from '@emotion/react';
|
|
3
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import styled from '@emotion/styled';
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-
|
|
6
|
-
export var TeamContainer =
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
|
+
export var TeamContainer =
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
|
|
10
|
+
styled.span({
|
|
7
11
|
display: 'inline-flex',
|
|
8
12
|
alignItems: 'baseline',
|
|
9
13
|
paddingLeft: "var(--ds-space-025, 2px)",
|
|
@@ -61,8 +65,10 @@ function (_ref) {
|
|
|
61
65
|
}
|
|
62
66
|
});
|
|
63
67
|
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-
|
|
65
|
-
export var NameContainer =
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
69
|
+
export var NameContainer =
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
|
|
71
|
+
styled.span({
|
|
66
72
|
marginLeft: "var(--ds-space-075, 6px)",
|
|
67
73
|
marginRight: "var(--ds-space-050, 4px)",
|
|
68
74
|
// eslint-disable-next-line -- Ignored via go/DSP-18766
|
|
@@ -70,8 +76,10 @@ export var NameContainer = styled.span({
|
|
|
70
76
|
});
|
|
71
77
|
|
|
72
78
|
/* Override Avatar styles to match design spec */
|
|
73
|
-
// eslint-disable-next-line @atlaskit/
|
|
74
|
-
export var AvatarWrapper =
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
80
|
+
export var AvatarWrapper =
|
|
81
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
|
|
82
|
+
styled.div({
|
|
75
83
|
height: "var(--ds-space-200, 16px)",
|
|
76
84
|
width: "var(--ds-space-200, 16px)",
|
|
77
85
|
alignSelf: 'center'
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
|
|
1
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
4
|
import { css } from '@emotion/react';
|
|
3
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import styled from '@emotion/styled';
|
|
5
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
+
export var UserContainer =
|
|
6
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
7
|
-
|
|
11
|
+
styled.span({
|
|
8
12
|
display: 'inline-flex',
|
|
9
13
|
alignItems: 'baseline',
|
|
10
14
|
paddingLeft: "var(--ds-space-025, 2px)",
|
|
@@ -62,8 +66,10 @@ function (_ref) {
|
|
|
62
66
|
}
|
|
63
67
|
});
|
|
64
68
|
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
+
export var NameContainer =
|
|
65
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
|
-
|
|
72
|
+
styled.span({
|
|
67
73
|
marginLeft: "var(--ds-space-075, 6px)",
|
|
68
74
|
marginRight: "var(--ds-space-100, 8px)",
|
|
69
75
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -71,8 +77,10 @@ export var NameContainer = styled.span({
|
|
|
71
77
|
});
|
|
72
78
|
|
|
73
79
|
/* Override Avatar styles to match design spec */
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
81
|
+
export var AvatarWrapper =
|
|
74
82
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
75
|
-
|
|
83
|
+
styled.div({
|
|
76
84
|
height: "var(--ds-space-200, 16px)",
|
|
77
85
|
width: "var(--ds-space-200, 16px)",
|
|
78
86
|
alignSelf: 'center',
|
|
@@ -108,6 +108,7 @@ export var ReactNodeView = /*#__PURE__*/function () {
|
|
|
108
108
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
109
109
|
this.portalKey = uuid();
|
|
110
110
|
// Creating span under the assumption that all node views will be inline elements in JQL Editor
|
|
111
|
+
// eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- ProseMirror NodeView requires a real DOM container
|
|
111
112
|
this.dom = document.createElement('span');
|
|
112
113
|
this.dom.setAttribute('data-testid', 'jql-editor-node-view');
|
|
113
114
|
}
|
package/dist/esm/schema/index.js
CHANGED
|
@@ -2,6 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
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; }
|
|
4
4
|
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; }
|
|
5
|
+
/* eslint-disable @atlaskit/platform/no-direct-document-usage -- ProseMirror schema uses document to build DOM markers */
|
|
6
|
+
|
|
5
7
|
import mapValues from 'lodash/mapValues';
|
|
6
8
|
import { baseKeymap } from '@atlaskit/editor-prosemirror/commands';
|
|
7
9
|
import { keydownHandler, keymap } from '@atlaskit/editor-prosemirror/keymap';
|