@atlaskit/editor-plugin-synced-block 4.5.0 → 4.5.2

package/dist/cjs/ui/CreateSyncedBlockItem.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CreateSyncedBlockItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _utils = require("../pm-plugins/utils/utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var CreateSyncedBlockItem = exports.CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.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 || !(0, _utils.canBeConvertedToSyncBlock)(selection) || mode === 'offline');
-  var onClick = (0, _react.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.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-      appearance: "new"
-    }, formatMessage(_messages.syncBlockMessages.newLozenge))
-  }, formatMessage(_messages.syncBlockMessages.createSyncBlockLabel));
-};

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 {};