@atlaskit/editor-plugin-table 22.4.4 → 22.4.6

package/dist/es2019/ui/TableMenu/row/RowMenuItems.js

@@ -1,126 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl';
-import { addRowAfter, addRowBefore, deleteRow, moveRowDown, moveRowDownOld, moveRowUp, moveRowUpOld, tooltip } from '@atlaskit/editor-common/keymaps';
-import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { DeleteIcon, TableRowAddAboveIcon, TableRowAddBelowIcon, TableRowMoveDownIcon, TableRowMoveUpIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Toggle from '@atlaskit/toggle';
-export const HeaderRowToggleItem = () => {
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-header-row-toggle",
-    elemAfter: /*#__PURE__*/React.createElement(Toggle, {
-      id: "row-menu-toggle-header-row",
-      label: formatMessage(messages.headerRow),
-      isChecked: false
-    })
-  }, formatMessage(messages.headerRow));
-};
-export const NumberedRowsToggleItem = () => {
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-numbered-rows-toggle",
-    elemAfter: /*#__PURE__*/React.createElement(Toggle, {
-      id: "row-menu-toggle-numbered-rows",
-      label: formatMessage(messages.numberedRows),
-      isChecked: false
-    })
-  }, formatMessage(messages.numberedRows));
-};
-const getMoveRowUpShortcut = () => tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowUp : moveRowUpOld);
-const getMoveRowDownShortcut = () => tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowDown : moveRowDownOld);
-export const AddRowAboveItem = () => {
-  var _tooltip;
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-add-row-above",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowAddAboveIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip = tooltip(addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
-    })
-  }, formatMessage(messages.addRowAbove));
-};
-export const AddRowBelowItem = () => {
-  var _tooltip2;
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-add-row-below",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowAddBelowIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip2 = tooltip(addRowAfter)) !== null && _tooltip2 !== void 0 ? _tooltip2 : ''
-    })
-  }, formatMessage(messages.addRowBelow));
-};
-export const MoveRowUpItem = () => {
-  var _getMoveRowUpShortcut;
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-move-row-up",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
-    })
-  }, formatMessage(messages.moveRowUp, {
-    0: 1
-  }));
-};
-export const MoveRowDownItem = () => {
-  var _getMoveRowDownShortc;
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-move-row-down",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
-    })
-  }, formatMessage(messages.moveRowDown, {
-    0: 1
-  }));
-};
-export const DeleteRowItem = () => {
-  var _tooltip3;
-  const {
-    formatMessage
-  } = useIntl();
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-delete-row",
-    elemBefore: /*#__PURE__*/React.createElement(DeleteIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip3 = tooltip(deleteRow)) !== null && _tooltip3 !== void 0 ? _tooltip3 : ''
-    })
-  }, formatMessage(messages.removeRows, {
-    0: 1
-  }));
-};

package/dist/esm/ui/TableMenu/row/RowMenu.js

@@ -1,28 +0,0 @@
-/* RowMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./RowMenu.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
-import { Box } from '@atlaskit/primitives/compiled';
-import { ROW_MENU } from './keys';
-var rowMenuContainerStyles = {
-  container: "_2rko1qi0 _1reo15vq _18m915vq _1bsb1178 _16qs130s _bfhk1bhr"
-};
-export var RowMenu = function RowMenu(_ref) {
-  var _api$uiControlRegistr, _api$uiControlRegistr2;
-  var api = _ref.api;
-  var rowMenuComponents = (_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(ROW_MENU.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
-  var surface = rowMenuComponents.find(function (c) {
-    return c.type === ROW_MENU.type;
-  });
-  if (!surface) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: rowMenuContainerStyles.container,
-    testId: "row-handle-menu"
-  }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
-    surface: surface,
-    components: rowMenuComponents
-  }));
-};

package/dist/esm/ui/TableMenu/row/RowMenuItems.js

@@ -1,123 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl';
-import { addRowAfter, addRowBefore, deleteRow, moveRowDown, moveRowDownOld, moveRowUp, moveRowUpOld, tooltip } from '@atlaskit/editor-common/keymaps';
-import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { DeleteIcon, TableRowAddAboveIcon, TableRowAddBelowIcon, TableRowMoveDownIcon, TableRowMoveUpIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Toggle from '@atlaskit/toggle';
-export var HeaderRowToggleItem = function HeaderRowToggleItem() {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-header-row-toggle",
-    elemAfter: /*#__PURE__*/React.createElement(Toggle, {
-      id: "row-menu-toggle-header-row",
-      label: formatMessage(messages.headerRow),
-      isChecked: false
-    })
-  }, formatMessage(messages.headerRow));
-};
-export var NumberedRowsToggleItem = function NumberedRowsToggleItem() {
-  var _useIntl2 = useIntl(),
-    formatMessage = _useIntl2.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-numbered-rows-toggle",
-    elemAfter: /*#__PURE__*/React.createElement(Toggle, {
-      id: "row-menu-toggle-numbered-rows",
-      label: formatMessage(messages.numberedRows),
-      isChecked: false
-    })
-  }, formatMessage(messages.numberedRows));
-};
-var getMoveRowUpShortcut = function getMoveRowUpShortcut() {
-  return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowUp : moveRowUpOld);
-};
-var getMoveRowDownShortcut = function getMoveRowDownShortcut() {
-  return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowDown : moveRowDownOld);
-};
-export var AddRowAboveItem = function AddRowAboveItem() {
-  var _tooltip;
-  var _useIntl3 = useIntl(),
-    formatMessage = _useIntl3.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-add-row-above",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowAddAboveIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip = tooltip(addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
-    })
-  }, formatMessage(messages.addRowAbove));
-};
-export var AddRowBelowItem = function AddRowBelowItem() {
-  var _tooltip2;
-  var _useIntl4 = useIntl(),
-    formatMessage = _useIntl4.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-add-row-below",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowAddBelowIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip2 = tooltip(addRowAfter)) !== null && _tooltip2 !== void 0 ? _tooltip2 : ''
-    })
-  }, formatMessage(messages.addRowBelow));
-};
-export var MoveRowUpItem = function MoveRowUpItem() {
-  var _getMoveRowUpShortcut;
-  var _useIntl5 = useIntl(),
-    formatMessage = _useIntl5.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-move-row-up",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
-    })
-  }, formatMessage(messages.moveRowUp, {
-    0: 1
-  }));
-};
-export var MoveRowDownItem = function MoveRowDownItem() {
-  var _getMoveRowDownShortc;
-  var _useIntl6 = useIntl(),
-    formatMessage = _useIntl6.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-move-row-down",
-    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
-    })
-  }, formatMessage(messages.moveRowDown, {
-    0: 1
-  }));
-};
-export var DeleteRowItem = function DeleteRowItem() {
-  var _tooltip3;
-  var _useIntl7 = useIntl(),
-    formatMessage = _useIntl7.formatMessage;
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: "row-menu-delete-row",
-    elemBefore: /*#__PURE__*/React.createElement(DeleteIcon, {
-      color: "currentColor",
-      label: "",
-      size: "small"
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
-      shortcut: (_tooltip3 = tooltip(deleteRow)) !== null && _tooltip3 !== void 0 ? _tooltip3 : ''
-    })
-  }, formatMessage(messages.removeRows, {
-    0: 1
-  }));
-};

package/dist/types/ui/TableMenu/row/RowMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { PluginInjectionAPI } from '../../../types';
-type RowMenuProps = {
-    api: PluginInjectionAPI | undefined | null;
-};
-export declare const RowMenu: ({ api }: RowMenuProps) => React.ReactNode;
-export {};

package/dist/types/ui/TableMenu/row/RowMenuItems.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const HeaderRowToggleItem: () => React.JSX.Element;
-export declare const NumberedRowsToggleItem: () => React.JSX.Element;
-export declare const AddRowAboveItem: () => React.JSX.Element;
-export declare const AddRowBelowItem: () => React.JSX.Element;
-export declare const MoveRowUpItem: () => React.JSX.Element;
-export declare const MoveRowDownItem: () => React.JSX.Element;
-export declare const DeleteRowItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/row/RowMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { PluginInjectionAPI } from '../../../types';
-type RowMenuProps = {
-    api: PluginInjectionAPI | undefined | null;
-};
-export declare const RowMenu: ({ api }: RowMenuProps) => React.ReactNode;
-export {};

package/dist/types-ts4.5/ui/TableMenu/row/RowMenuItems.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const HeaderRowToggleItem: () => React.JSX.Element;
-export declare const NumberedRowsToggleItem: () => React.JSX.Element;
-export declare const AddRowAboveItem: () => React.JSX.Element;
-export declare const AddRowBelowItem: () => React.JSX.Element;
-export declare const MoveRowUpItem: () => React.JSX.Element;
-export declare const MoveRowDownItem: () => React.JSX.Element;
-export declare const DeleteRowItem: () => React.JSX.Element;