@atlaskit/editor-plugin-table 42.2.5 → 42.2.7

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 (40) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/nodeviews/TableContainer.js +13 -105
  3. package/dist/cjs/ui/DragHandle/index.js +1 -15
  4. package/dist/es2019/nodeviews/TableContainer.js +1 -90
  5. package/dist/es2019/ui/DragHandle/index.js +1 -15
  6. package/dist/esm/nodeviews/TableContainer.js +14 -106
  7. package/dist/esm/ui/DragHandle/index.js +1 -15
  8. package/package.json +5 -4
  9. package/dist/cjs/ui/hooks/useInternalTablePluginStateSelector.js +0 -29
  10. package/dist/cjs/ui/hooks/useIsTableInLimitedMode.js +0 -20
  11. package/dist/cjs/ui/icons/AddColLeftIcon.js +0 -44
  12. package/dist/cjs/ui/icons/AddColRightIcon.js +0 -44
  13. package/dist/cjs/ui/icons/AddRowAboveIcon.js +0 -41
  14. package/dist/cjs/ui/icons/AddRowBelowIcon.js +0 -44
  15. package/dist/cjs/ui/icons/MergeCellsIcon.js +0 -34
  16. package/dist/cjs/ui/icons/SplitCellIcon.js +0 -41
  17. package/dist/es2019/ui/hooks/useInternalTablePluginStateSelector.js +0 -23
  18. package/dist/es2019/ui/hooks/useIsTableInLimitedMode.js +0 -14
  19. package/dist/es2019/ui/icons/AddColLeftIcon.js +0 -35
  20. package/dist/es2019/ui/icons/AddColRightIcon.js +0 -35
  21. package/dist/es2019/ui/icons/AddRowAboveIcon.js +0 -32
  22. package/dist/es2019/ui/icons/AddRowBelowIcon.js +0 -35
  23. package/dist/es2019/ui/icons/MergeCellsIcon.js +0 -25
  24. package/dist/es2019/ui/icons/SplitCellIcon.js +0 -32
  25. package/dist/esm/ui/hooks/useInternalTablePluginStateSelector.js +0 -23
  26. package/dist/esm/ui/hooks/useIsTableInLimitedMode.js +0 -14
  27. package/dist/esm/ui/icons/AddColLeftIcon.js +0 -37
  28. package/dist/esm/ui/icons/AddColRightIcon.js +0 -37
  29. package/dist/esm/ui/icons/AddRowAboveIcon.js +0 -34
  30. package/dist/esm/ui/icons/AddRowBelowIcon.js +0 -37
  31. package/dist/esm/ui/icons/MergeCellsIcon.js +0 -27
  32. package/dist/esm/ui/icons/SplitCellIcon.js +0 -34
  33. package/dist/types/ui/hooks/useInternalTablePluginStateSelector.d.ts +0 -22
  34. package/dist/types/ui/hooks/useIsTableInLimitedMode.d.ts +0 -8
  35. package/dist/types/ui/icons/AddColLeftIcon.d.ts +0 -2
  36. package/dist/types/ui/icons/AddColRightIcon.d.ts +0 -2
  37. package/dist/types/ui/icons/AddRowAboveIcon.d.ts +0 -2
  38. package/dist/types/ui/icons/AddRowBelowIcon.d.ts +0 -2
  39. package/dist/types/ui/icons/MergeCellsIcon.d.ts +0 -2
  40. package/dist/types/ui/icons/SplitCellIcon.d.ts +0 -2
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- export var AddRowAboveIcon = function AddRowAboveIcon() {
3
- return /*#__PURE__*/React.createElement("svg", {
4
- width: "24",
5
- height: "24",
6
- viewBox: "0 0 24 24",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- }, /*#__PURE__*/React.createElement("rect", {
10
- width: "24",
11
- height: "24",
12
- fill: "var(--ds-border-inverse, #FFFFFF)",
13
- fillOpacity: "0.01"
14
- }), /*#__PURE__*/React.createElement("rect", {
15
- x: "6",
16
- y: "12",
17
- width: "12",
18
- height: "3",
19
- rx: "0.5",
20
- fill: "currentColor"
21
- }), /*#__PURE__*/React.createElement("rect", {
22
- x: "6",
23
- y: "16",
24
- width: "12",
25
- height: "3",
26
- rx: "0.5",
27
- fill: "currentColor"
28
- }), /*#__PURE__*/React.createElement("path", {
29
- fillRule: "evenodd",
30
- clipRule: "evenodd",
31
- d: "M13 7V5.99C12.9974 5.72652 12.8908 5.47473 12.7036 5.28935C12.5163 5.10397 12.2635 4.99999 12 5C11.444 5 11 5.444 11 5.99V7H10C9.73478 7 9.48043 7.10536 9.29289 7.29289C9.10536 7.48043 9 7.73478 9 8C9 8.26522 9.10536 8.51957 9.29289 8.70711C9.48043 8.89464 9.73478 9 10 9H11V10.01C11.0026 10.2735 11.1092 10.5253 11.2964 10.7107C11.4837 10.896 11.7365 11 12 11C12.556 11 13 10.556 13 10.01V9H14C14.2652 9 14.5196 8.89464 14.7071 8.70711C14.8946 8.51957 15 8.26522 15 8C15 7.73478 14.8946 7.48043 14.7071 7.29289C14.5196 7.10536 14.2652 7 14 7H13Z",
32
- fill: "currentColor"
33
- }));
34
- };
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- export var AddRowBelowIcon = function AddRowBelowIcon() {
3
- return /*#__PURE__*/React.createElement("svg", {
4
- width: "24",
5
- height: "24",
6
- viewBox: "0 0 24 24",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- }, /*#__PURE__*/React.createElement("rect", {
10
- width: "24",
11
- height: "24",
12
- transform: "matrix(-1 0 0 -1 24 24)",
13
- fill: "var(--ds-border-inverse, #FFFFFF)",
14
- fillOpacity: "0.01"
15
- }), /*#__PURE__*/React.createElement("rect", {
16
- x: "18",
17
- y: "12",
18
- width: "12",
19
- height: "3",
20
- rx: "0.5",
21
- transform: "rotate(-180 18 12)",
22
- fill: "currentColor"
23
- }), /*#__PURE__*/React.createElement("rect", {
24
- x: "18",
25
- y: "8",
26
- width: "12",
27
- height: "3",
28
- rx: "0.5",
29
- transform: "rotate(-180 18 8)",
30
- fill: "currentColor"
31
- }), /*#__PURE__*/React.createElement("path", {
32
- fillRule: "evenodd",
33
- clipRule: "evenodd",
34
- d: "M11 17V18.01C11.0026 18.2735 11.1092 18.5253 11.2964 18.7107C11.4837 18.896 11.7365 19 12 19C12.556 19 13 18.556 13 18.01V17H14C14.2652 17 14.5196 16.8946 14.7071 16.7071C14.8946 16.5196 15 16.2652 15 16C15 15.7348 14.8946 15.4804 14.7071 15.2929C14.5196 15.1054 14.2652 15 14 15H13V13.99C12.9974 13.7265 12.8908 13.4747 12.7036 13.2893C12.5163 13.104 12.2635 13 12 13C11.444 13 11 13.444 11 13.99V15H10C9.73478 15 9.48043 15.1054 9.29289 15.2929C9.10536 15.4804 9 15.7348 9 16C9 16.2652 9.10536 16.5196 9.29289 16.7071C9.48043 16.8946 9.73478 17 10 17H11Z",
35
- fill: "currentColor"
36
- }));
37
- };
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- export var MergeCellsIcon = function MergeCellsIcon() {
3
- return /*#__PURE__*/React.createElement("svg", {
4
- width: "24",
5
- height: "24",
6
- viewBox: "0 0 24 24",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- }, /*#__PURE__*/React.createElement("path", {
10
- fillRule: "evenodd",
11
- clipRule: "evenodd",
12
- d: "M10 19C10.5523 19 11 18.5523 11 18C11 17.4477 10.5523 17 10 17H6V7L10 7C10.5523 7 11 6.55228 11 6C11 5.44771 10.5523 5 10 5H6C4.89543 5 4 5.89543 4 7V17C4 18.1046 4.89543 19 6 19H10ZM14 5C13.4477 5 13 5.44772 13 6C13 6.55228 13.4477 7 14 7H18V17L14 17C13.4477 17 13 17.4477 13 18C13 18.5523 13.4477 19 14 19H18C19.1046 19 20 18.1046 20 17V7C20 5.89543 19.1046 5 18 5H14Z",
13
- fill: "currentColor"
14
- }), /*#__PURE__*/React.createElement("path", {
15
- d: "M15.75 10L13.75 12L15.75 14",
16
- stroke: "currentColor",
17
- strokeWidth: "1.5",
18
- strokeLinecap: "round",
19
- strokeLinejoin: "round"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- d: "M8.25 14L10.25 12L8.25 10",
22
- stroke: "currentColor",
23
- strokeWidth: "1.5",
24
- strokeLinecap: "round",
25
- strokeLinejoin: "round"
26
- }));
27
- };
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- export var SplitCellIcon = function SplitCellIcon() {
3
- return /*#__PURE__*/React.createElement("svg", {
4
- width: "24",
5
- height: "24",
6
- viewBox: "0 0 24 24",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- }, /*#__PURE__*/React.createElement("path", {
10
- d: "M19 18L14 18L14 6L19 6",
11
- stroke: "currentColor",
12
- strokeWidth: "2",
13
- strokeLinecap: "round",
14
- strokeLinejoin: "round"
15
- }), /*#__PURE__*/React.createElement("path", {
16
- d: "M5 6L10 6L9.99999 18L5 18",
17
- stroke: "currentColor",
18
- strokeWidth: "2",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round"
21
- }), /*#__PURE__*/React.createElement("path", {
22
- d: "M7 10L5 12L7 14",
23
- stroke: "currentColor",
24
- strokeWidth: "1.5",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M17 14L19 12L17 10",
29
- stroke: "currentColor",
30
- strokeWidth: "1.5",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }));
34
- };
@@ -1,22 +0,0 @@
1
- import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
2
- import type { TablePlugin } from '../../tablePluginType';
3
- import type { TableSharedStateInternal } from '../../types';
4
- type Options = {
5
- disabled?: boolean;
6
- };
7
- /**
8
- * **This hook is only for internal use and should not be used outside of the table plugin.**
9
- *
10
- * Hook to select a value from the internal table plugin state.
11
- * This is a wrapper around `useSharedPluginStateSelector` to provide access to the entire
12
- * `TableSharedStateInternal` type. Since tables plugin has a lot of internal state that is not
13
- * exposed via the `TableSharedState` type, we need to use this hook to access it in a type safe way.
14
- *
15
- * @param api The editor API
16
- * @param key Key of TableSharedStateInternal to select
17
- * @param options
18
- * @returns
19
- * @example
20
- */
21
- export declare const useInternalTablePluginStateSelector: <K extends keyof TableSharedStateInternal>(api: ExtractInjectionAPI<TablePlugin> | undefined, key: K, options?: Options) => TableSharedStateInternal[K] | undefined;
22
- export {};
@@ -1,8 +0,0 @@
1
- import type { EditorView } from '@atlaskit/editor-prosemirror/view';
2
- import type { PluginInjectionAPI } from '../../types';
3
- /**
4
- * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
5
- * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
6
- * alone — only the whole-table resizer goes away.
7
- */
8
- export declare const useIsTableInLimitedMode: (api: PluginInjectionAPI | undefined | null, editorView: EditorView) => boolean;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const AddColLeftIcon: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const AddColRightIcon: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const AddRowAboveIcon: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const AddRowBelowIcon: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const MergeCellsIcon: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const SplitCellIcon: () => React.JSX.Element;