@techstacker/tse-link-plugin
Advanced tools
@@ -19,3 +19,3 @@ 'use strict'; | ||
| var _components = require('@slate-editor/components'); | ||
| var _tseComponents = require('@techstacker/tse-components'); | ||
@@ -33,3 +33,3 @@ var _LinkUtils = require('./LinkUtils'); | ||
| return _react2.default.createElement( | ||
| _components.Button, | ||
| _tseComponents.Button, | ||
| { | ||
@@ -39,3 +39,4 @@ style: style, | ||
| onMouseDown: function onMouseDown(e) { | ||
| return onChange((0, _LinkUtils.insertLinkStrategy)(value.change())); | ||
| onChange((0, _LinkUtils.insertLinkStrategy)(value.change())); | ||
| e.stopPropagation(); | ||
| }, | ||
@@ -42,0 +43,0 @@ className: (0, _classnames2.default)('slate-link-plugin--button', { active: (0, _LinkUtils.hasLinks)(value) }, className) |
+38
-21
@@ -15,3 +15,3 @@ 'use strict'; | ||
| var _components = require('@slate-editor/components'); | ||
| var _tseComponents = require('@techstacker/tse-components'); | ||
@@ -110,5 +110,5 @@ var _LinkUtils = require('./LinkUtils'); | ||
| return _react2.default.createElement( | ||
| _components.Modal, | ||
| _tseComponents.Modal, | ||
| null, | ||
| _react2.default.createElement(_components.Modal.Header, { | ||
| _react2.default.createElement(_tseComponents.Modal.Header, { | ||
| closeButtonAction: function closeButtonAction() { | ||
@@ -120,10 +120,11 @@ if (!node.data.get('href')) onChange((0, _LinkUtils.unlink)(value.change())); | ||
| _react2.default.createElement( | ||
| _components.ModalContent, | ||
| _tseComponents.ModalContent, | ||
| null, | ||
| _react2.default.createElement( | ||
| _components.ModalContent.Right, | ||
| _tseComponents.ModalContent.Right, | ||
| null, | ||
| _react2.default.createElement( | ||
| _components.ModalForm, | ||
| { onSubmit: function onSubmit(e) { | ||
| _tseComponents.ModalForm, | ||
| { | ||
| onSubmit: function onSubmit(e) { | ||
| e.preventDefault(); | ||
@@ -141,5 +142,7 @@ | ||
| changeModalState(false); | ||
| } }, | ||
| e.stopPropagation(); | ||
| } | ||
| }, | ||
| _react2.default.createElement( | ||
| _components.ModalForm.Group, | ||
| _tseComponents.ModalForm.Group, | ||
| null, | ||
@@ -152,5 +155,5 @@ _react2.default.createElement( | ||
| _react2.default.createElement( | ||
| _components.ModalForm.LabelHelper, | ||
| _tseComponents.ModalForm.LabelHelper, | ||
| null, | ||
| 'Hvilken titel linket har' | ||
| 'Beskriv linkets destination' | ||
| ), | ||
@@ -168,7 +171,7 @@ _react2.default.createElement('input', { | ||
| value: this.state.imageAttributes.title || '', | ||
| placeholder: 'Beskriv titel' | ||
| placeholder: 'Beskriv hvad linket henviser til' | ||
| }) | ||
| ), | ||
| _react2.default.createElement( | ||
| _components.ModalForm.Group, | ||
| _tseComponents.ModalForm.Group, | ||
| null, | ||
@@ -191,3 +194,3 @@ _react2.default.createElement( | ||
| value: this.state.imageAttributes.href || '', | ||
| placeholder: 'Ex: http://zaizon.dk', | ||
| placeholder: 'Eks: http://zaizon.dk el. \'/vin\' for intern linking', | ||
| ref: function ref(input) { | ||
@@ -199,3 +202,3 @@ return _this2.inputHref = input; | ||
| _react2.default.createElement( | ||
| _components.ModalForm.Group, | ||
| _tseComponents.ModalForm.Group, | ||
| null, | ||
@@ -221,3 +224,3 @@ _react2.default.createElement( | ||
| _react2.default.createElement( | ||
| _components.ModalForm.Group, | ||
| _tseComponents.ModalForm.Group, | ||
| null, | ||
@@ -243,9 +246,23 @@ _react2.default.createElement( | ||
| _react2.default.createElement( | ||
| _components.ModalButton.Container, | ||
| _tseComponents.ModalButton.Container, | ||
| null, | ||
| _react2.default.createElement(_components.ModalButton.Primary, { | ||
| type: 'submit', | ||
| _react2.default.createElement(_tseComponents.ModalButton.Primary, { | ||
| onClick: function onClick(e) { | ||
| e.preventDefault(); | ||
| var imageAttributes = _this2.state.imageAttributes; | ||
| if (!imageAttributes.href) { | ||
| onChange((0, _LinkUtils.unlink)(value.change())); | ||
| } else { | ||
| onChange((0, _LinkUtils.updateLinkStrategy)({ change: value.change(), data: imageAttributes })); | ||
| } | ||
| changeModalState(false); | ||
| e.stopPropagation(); | ||
| }, | ||
| text: 'Accepter' | ||
| }), | ||
| _react2.default.createElement(_components.ModalButton.Opaque, { | ||
| _react2.default.createElement(_tseComponents.ModalButton.Opaque, { | ||
| text: 'Afvis', | ||
@@ -257,3 +274,3 @@ onClick: function onClick() { | ||
| }), | ||
| _react2.default.createElement(_components.ModalButton.Danger, { | ||
| _react2.default.createElement(_tseComponents.ModalButton.Danger, { | ||
| text: 'Slet', | ||
@@ -260,0 +277,0 @@ onClick: function onClick(e) { |
@@ -7,3 +7,3 @@ 'use strict'; | ||
| var _utils = require('@slate-editor/utils'); | ||
| var _tseUtils = require('@techstacker/tse-utils'); | ||
@@ -13,3 +13,3 @@ var _LinkUtils = require('./LinkUtils'); | ||
| var LinkKeyboardShortcut = function LinkKeyboardShortcut(event, change) { | ||
| if (_utils.keyboardEvent.isMod(event) && event.key === 'k') return (0, _LinkUtils.insertLinkStrategy)(change); | ||
| if (_tseUtils.keyboardEvent.isMod(event) && event.key === 'k') return (0, _LinkUtils.insertLinkStrategy)(change); | ||
| return; | ||
@@ -16,0 +16,0 @@ }; |
+5
-5
@@ -15,3 +15,3 @@ 'use strict'; | ||
| var _components = require('@slate-editor/components'); | ||
| var _tseComponents = require('@techstacker/tse-components'); | ||
@@ -113,6 +113,6 @@ var _LinkUtils = require('./LinkUtils'); | ||
| showTooltip && _react2.default.createElement( | ||
| _components.Tooltip, | ||
| _tseComponents.Tooltip, | ||
| { style: { display: (0, _LinkUtils.hasLinks)(value) ? 'block' : 'none' } }, | ||
| _react2.default.createElement( | ||
| _components.Tooltip.Item, | ||
| _tseComponents.Tooltip.Item, | ||
| null, | ||
@@ -126,3 +126,3 @@ _react2.default.createElement( | ||
| _react2.default.createElement( | ||
| _components.Tooltip.Item, | ||
| _tseComponents.Tooltip.Item, | ||
| { onClick: function onClick() { | ||
@@ -134,3 +134,3 @@ return _this2.modal(true); | ||
| _react2.default.createElement( | ||
| _components.Tooltip.Item, | ||
| _tseComponents.Tooltip.Item, | ||
| { onClick: function onClick() { | ||
@@ -137,0 +137,0 @@ return onChange((0, _LinkUtils.unlink)(value.change())); |
+1
-1
| { | ||
| "name": "@techstacker/tse-link-plugin", | ||
| "version": "5.2.8", | ||
| "version": "5.2.11", | ||
| "description": "SlateJS link node plugin.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
27789
2.81%522
2.76%