@atlaskit/editor-plugin-synced-block 4.4.1 → 4.5.1

package/dist/cjs/ui/OverflowMenuSection.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverflowMenuSection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var OverflowMenuSection = exports.OverflowMenuSection = function OverflowMenuSection(_ref) {
-  var children = _ref.children;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorViewMode = _useEditorToolbar.editorViewMode;
-  var isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
-};

package/dist/es2019/ui/CreateSyncedBlockItem.js

@@ -1,46 +0,0 @@
-import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
-import Lozenge from '@atlaskit/lozenge';
-import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export const CreateSyncedBlockItem = ({
-  api
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    selection,
-    mode
-  } = useSharedPluginStateWithSelector(api, ['selection', 'connectivity'], states => {
-    var _states$selectionStat, _states$connectivityS;
-    return {
-      selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
-      mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-    };
-  });
-  const isDisabled = Boolean(!selection || !canBeConvertedToSyncBlock(selection) || mode === 'offline');
-  const onClick = useCallback(() => {
-    var _api$core, _api$core2;
-    api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
-      tr
-    }) => api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock()({
-      tr
-    }));
-    api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.focus();
-  }, [api]);
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: "new"
-    }, formatMessage(syncBlockMessages.newLozenge))
-  }, formatMessage(syncBlockMessages.createSyncBlockLabel));
-};

package/dist/es2019/ui/OverflowMenuSection.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-export const OverflowMenuSection = ({
-  children
-}) => {
-  const {
-    editorViewMode
-  } = useEditorToolbar();
-  const isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
-};

package/dist/esm/ui/CreateSyncedBlockItem.js

@@ -1,44 +0,0 @@
-import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
-import Lozenge from '@atlaskit/lozenge';
-import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export var CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection', 'connectivity'], function (states) {
-      var _states$selectionStat, _states$connectivityS;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
-        mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-      };
-    }),
-    selection = _useSharedPluginState.selection,
-    mode = _useSharedPluginState.mode;
-  var isDisabled = Boolean(!selection || !canBeConvertedToSyncBlock(selection) || mode === 'offline');
-  var onClick = useCallback(function () {
-    var _api$core, _api$core2;
-    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      return api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock()({
-        tr: tr
-      });
-    });
-    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.focus();
-  }, [api]);
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: "new"
-    }, formatMessage(syncBlockMessages.newLozenge))
-  }, formatMessage(syncBlockMessages.createSyncBlockLabel));
-};

package/dist/esm/ui/OverflowMenuSection.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-export var OverflowMenuSection = function OverflowMenuSection(_ref) {
-  var children = _ref.children;
-  var _useEditorToolbar = useEditorToolbar(),
-    editorViewMode = _useEditorToolbar.editorViewMode;
-  var isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
-};

package/dist/types/ui/CreateSyncedBlockItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-type CreateSyncedBlockItemProps = {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-};
-export declare const CreateSyncedBlockItem: ({ api }: CreateSyncedBlockItemProps) => React.JSX.Element;
-export {};

package/dist/types/ui/OverflowMenuSection.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type OverflowMenuSectionProps = {
-    children: React.ReactNode;
-};
-export declare const OverflowMenuSection: ({ children, }: OverflowMenuSectionProps) => React.JSX.Element | null;
-export {};

package/dist/types-ts4.5/ui/CreateSyncedBlockItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-type CreateSyncedBlockItemProps = {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-};
-export declare const CreateSyncedBlockItem: ({ api }: CreateSyncedBlockItemProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/OverflowMenuSection.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type OverflowMenuSectionProps = {
-    children: React.ReactNode;
-};
-export declare const OverflowMenuSection: ({ children, }: OverflowMenuSectionProps) => React.JSX.Element | null;
-export {};