@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
60 lines (57 loc) • 2.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FloatingAlignmentButtons = void 0;
var _react = require("@emotion/react");
var _button = require("@atlaskit/button");
var _ui = require("@atlaskit/editor-common/ui");
var _primitives = require("@atlaskit/primitives");
/**
* @jsxRuntime classic
* @jsx jsx
*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
var containerStyles = (0, _primitives.xcss)({
marginLeft: 'space.100'
});
var FloatingAlignmentButtons = exports.FloatingAlignmentButtons = function FloatingAlignmentButtons(_ref) {
var alignmentButtons = _ref.alignmentButtons,
dispatchCommand = _ref.dispatchCommand,
areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
return (0, _react.jsx)(_primitives.Box, {
xcss: containerStyles
}, (0, _react.jsx)(_button.ButtonGroup, null, alignmentButtons.map(function (item, idx) {
switch (item.type) {
case 'separator':
return (0, _react.jsx)(_ui.FloatingToolbarSeparator
// Ignored via go/ees005
// eslint-disable-next-line react/no-array-index-key
, {
key: idx,
areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
});
case 'button':
// Ignored via go/ees005
// eslint-disable-next-line @typescript-eslint/no-explicit-any
var ButtonIcon = item.icon;
return (0, _react.jsx)(_ui.FloatingToolbarButton
// Ignored via go/ees005
// eslint-disable-next-line react/no-array-index-key
, {
key: idx,
icon: item.icon ? (0, _react.jsx)(ButtonIcon, {
label: item.title
}) : undefined,
title: item.title,
selected: item.selected,
disabled: item.disabled,
onClick: function onClick() {
dispatchCommand(item.onClick);
},
areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
});
}
})));
};