@atlaskit/editor-plugin-table 7.24.4 → 7.24.6

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.
Files changed (56) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/commands/misc.js +4 -2
  3. package/dist/cjs/commands-with-analytics.js +2 -2
  4. package/dist/cjs/nodeviews/TableComponent.js +2 -2
  5. package/dist/cjs/nodeviews/TableContainer.js +4 -1
  6. package/dist/cjs/plugin.js +7 -36
  7. package/dist/cjs/toDOM.js +75 -0
  8. package/dist/cjs/toolbar.js +3 -3
  9. package/dist/cjs/types.js +1 -1
  10. package/dist/cjs/ui/TableFloatingColumnControls/index.js +1 -1
  11. package/dist/cjs/ui/TableFloatingControls/index.js +2 -2
  12. package/dist/cjs/ui/common-styles.js +1 -1
  13. package/dist/es2019/commands/misc.js +4 -2
  14. package/dist/es2019/commands-with-analytics.js +2 -2
  15. package/dist/es2019/nodeviews/TableComponent.js +2 -2
  16. package/dist/es2019/nodeviews/TableContainer.js +5 -1
  17. package/dist/es2019/plugin.js +9 -38
  18. package/dist/es2019/toDOM.js +65 -0
  19. package/dist/es2019/toolbar.js +3 -3
  20. package/dist/es2019/types.js +1 -1
  21. package/dist/es2019/ui/TableFloatingColumnControls/index.js +1 -1
  22. package/dist/es2019/ui/TableFloatingControls/index.js +2 -2
  23. package/dist/es2019/ui/common-styles.js +8 -2
  24. package/dist/esm/commands/misc.js +4 -2
  25. package/dist/esm/commands-with-analytics.js +2 -2
  26. package/dist/esm/nodeviews/TableComponent.js +2 -2
  27. package/dist/esm/nodeviews/TableContainer.js +4 -1
  28. package/dist/esm/plugin.js +8 -37
  29. package/dist/esm/toDOM.js +68 -0
  30. package/dist/esm/toolbar.js +3 -3
  31. package/dist/esm/types.js +1 -1
  32. package/dist/esm/ui/TableFloatingColumnControls/index.js +1 -1
  33. package/dist/esm/ui/TableFloatingControls/index.js +2 -2
  34. package/dist/esm/ui/common-styles.js +1 -1
  35. package/dist/types/commands/misc.d.ts +1 -1
  36. package/dist/types/commands-with-analytics.d.ts +1 -1
  37. package/dist/types/toDOM.d.ts +7 -0
  38. package/dist/types/toolbar.d.ts +1 -1
  39. package/dist/types/types.d.ts +1 -1
  40. package/dist/types-ts4.5/commands/misc.d.ts +1 -1
  41. package/dist/types-ts4.5/commands-with-analytics.d.ts +1 -1
  42. package/dist/types-ts4.5/toDOM.d.ts +7 -0
  43. package/dist/types-ts4.5/toolbar.d.ts +1 -1
  44. package/dist/types-ts4.5/types.d.ts +1 -1
  45. package/package.json +4 -7
  46. package/src/commands/misc.ts +4 -2
  47. package/src/commands-with-analytics.ts +4 -2
  48. package/src/nodeviews/TableComponent.tsx +10 -2
  49. package/src/nodeviews/TableContainer.tsx +7 -1
  50. package/src/plugin.tsx +11 -53
  51. package/src/toDOM.ts +135 -0
  52. package/src/toolbar.tsx +3 -1
  53. package/src/types.ts +1 -1
  54. package/src/ui/TableFloatingColumnControls/index.tsx +1 -1
  55. package/src/ui/TableFloatingControls/index.tsx +2 -4
  56. package/src/ui/common-styles.ts +8 -2
package/src/toolbar.tsx CHANGED
@@ -530,6 +530,7 @@ export const getToolbarConfig =
530
530
  editorView,
531
531
  shouldUseIncreasedScalingPercent,
532
532
  options?.fullWidthEnabled,
533
+ options?.isCommentEditor,
533
534
  )
534
535
  : [];
535
536
 
@@ -862,6 +863,7 @@ export const getAlignmentOptionsConfig = (
862
863
  editorView: EditorView | null,
863
864
  shouldUseIncreasedScalingPercent: boolean,
864
865
  isFullWidthEditor?: boolean,
866
+ isCommentEditor?: boolean,
865
867
  ): Array<FloatingToolbarDropdown<Command>> => {
866
868
  const tableObject = findTable(editorState.selection);
867
869
 
@@ -898,7 +900,7 @@ export const getAlignmentOptionsConfig = (
898
900
  icon: icon,
899
901
  title: formatMessage(layoutToMessages[value]),
900
902
  selected: normaliseAlignment(currentLayout) === value,
901
- onClick: setTableAlignmentWithAnalytics(editorAnalyticsAPI)(
903
+ onClick: setTableAlignmentWithAnalytics(editorAnalyticsAPI, isCommentEditor || false)(
902
904
  value,
903
905
  currentLayout,
904
906
  INPUT_METHOD.FLOATING_TB,
package/src/types.ts CHANGED
@@ -389,7 +389,6 @@ export const TableCssClassName = {
389
389
  /** drag and drop controls */
390
390
  DRAG_ROW_CONTROLS_WRAPPER: `${tablePrefixSelector}-drag-row-controls-wrapper`,
391
391
  DRAG_ROW_CONTROLS: `${tablePrefixSelector}-drag-row-controls`,
392
- DRAG_CONTROLS_CHROMELESS: `drag-controls-chromeless`,
393
392
  DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: `${tablePrefixSelector}-drag-row-floating-insert-dot-wrapper`,
394
393
  DRAG_ROW_FLOATING_INSERT_DOT: `${tablePrefixSelector}-drag-row-floating-insert-dot`,
395
394
 
@@ -454,6 +453,7 @@ export const TableCssClassName = {
454
453
  TABLE_CELL: tableCellSelector,
455
454
  TABLE_HEADER_CELL: tableHeaderSelector,
456
455
  TABLE_STICKY: `${tablePrefixSelector}-sticky`,
456
+ TABLE_CHROMELESS: `${tablePrefixSelector}-chromeless`,
457
457
 
458
458
  TOP_LEFT_CELL: 'table > tbody > tr:nth-child(2) > td:nth-child(1)',
459
459
  LAST_ITEM_IN_CELL: `${tablePrefixSelector}-last-item-in-cell`,
package/src/ui/TableFloatingColumnControls/index.tsx CHANGED
@@ -113,7 +113,7 @@ export const TableFloatingColumnControls = ({
113
113
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
114
114
  className={
115
115
  ClassName.DRAG_COLUMN_CONTROLS_WRAPPER +
116
- (isChromelessEditor ? ' ' + ClassName.DRAG_CONTROLS_CHROMELESS : '')
116
+ (isChromelessEditor ? ' ' + ClassName.TABLE_CHROMELESS : '')
117
117
  }
118
118
  data-testid="table-floating-column-controls-wrapper"
119
119
  >
package/src/ui/TableFloatingControls/index.tsx CHANGED
@@ -129,15 +129,13 @@ export const TableFloatingControls = ({
129
129
 
130
130
  const wrapperClassName = isDragAndDropEnabled
131
131
  ? isChromelessEditor
132
- ? ClassName.DRAG_ROW_CONTROLS_WRAPPER + ' ' + ClassName.DRAG_CONTROLS_CHROMELESS
132
+ ? ClassName.DRAG_ROW_CONTROLS_WRAPPER + ' ' + ClassName.TABLE_CHROMELESS
133
133
  : ClassName.DRAG_ROW_CONTROLS_WRAPPER
134
134
  : ClassName.ROW_CONTROLS_WRAPPER;
135
135
 
136
136
  const tablePos = findTable(editorView.state.selection)?.pos;
137
137
  const isNested = tablePos !== undefined && isTableNested(editorView.state, tablePos!);
138
- const shouldShowCornerControls = fg('platform_editor_element_drag_and_drop_ed_24041')
139
- ? !featureFlagsState?.elementDragAndDrop || isNested
140
- : !featureFlagsState?.elementDragAndDrop;
138
+ const shouldShowCornerControls = !featureFlagsState?.elementDragAndDrop || isNested;
141
139
 
142
140
  return (
143
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/src/ui/common-styles.ts CHANGED
@@ -514,7 +514,7 @@ export const baseTableStyles = (props: { featureFlags?: FeatureFlags }) => css`
514
514
  }
515
515
  }
516
516
 
517
- .${ClassName.DRAG_ROW_CONTROLS_WRAPPER}.${ClassName.DRAG_CONTROLS_CHROMELESS} {
517
+ .${ClassName.DRAG_ROW_CONTROLS_WRAPPER}.${ClassName.TABLE_CHROMELESS} {
518
518
  left: -4px;
519
519
  }
520
520
 
@@ -522,7 +522,7 @@ export const baseTableStyles = (props: { featureFlags?: FeatureFlags }) => css`
522
522
  padding: 0 ${tablePadding}px;
523
523
  }
524
524
 
525
- .${ClassName.DRAG_COLUMN_CONTROLS_WRAPPER}.${ClassName.DRAG_CONTROLS_CHROMELESS} {
525
+ .${ClassName.DRAG_COLUMN_CONTROLS_WRAPPER}.${ClassName.TABLE_CHROMELESS} {
526
526
  left: -8px;
527
527
  }
528
528
 
@@ -536,10 +536,16 @@ export const baseTableStyles = (props: { featureFlags?: FeatureFlags }) => css`
536
536
  .${ClassName.TABLE_LEFT_SHADOW} {
537
537
  left: 6px;
538
538
  }
539
+ .${ClassName.TABLE_LEFT_SHADOW}.${ClassName.TABLE_CHROMELESS} {
540
+ left: 8px;
541
+ }
539
542
 
540
543
  .${ClassName.TABLE_RIGHT_SHADOW} {
541
544
  left: calc(100% - 6px);
542
545
  }
546
+ .${ClassName.TABLE_RIGHT_SHADOW}.${ClassName.TABLE_CHROMELESS} {
547
+ left: calc(100% - 16px);
548
+ }
543
549
  }
544
550
 
545
551
  > .${ClassName.NODEVIEW_WRAPPER} {